Summary

關於專案
希望讓閱讀新聞的 App 體驗更加方便與快速,能依照各種屏幕調整為最適合觀看的大小,多元的新聞來源,幫你掌握最新、最熱門的資訊,以及個性化的機器人新聞推薦,隨時掌握你想看的新聞內容。

團隊 & 角色擔任
與工程師兩人共同執行,擔任 App UI/UX Designer,負責介面設計、操作優化,與製作可視化的資料以便溝通 (wireframe, mockup, prototype, app flow),依照 App 原有的設計架構去重新設計與改善閱讀體驗,設計各種屏幕與思考 UX 優化。

The Challenge

1. UI / UX 知識與技術缺乏

第一次參與 App 設計專案,有較多 App 介面的規範需要去了解與認識,因此需要花更多時間去了解整個 App 設計架構需要懂的技術或知識。為了提升好的閱讀體驗,必須考慮多屏瀏覽的頁面規劃。

2. 團隊溝通與合作

如何在與工程師有效率的合作,透過原型設計以及各種設計方法,去達到彼此的共識,並提供相關資源或設計規格檔案。

Action Plan

平面設計邁向 UI/UX 領域
以自學的方式進入 UI/UX 領域,透過不同資源像是線上學習平台、UI/UX 課程、論壇、文章、社群等。

研究設計方法與工具
主要使用 Sketch 軟體來繪製 Wireframe,Mockup 使用較上手的 Photoshop,接著使用 Principle 製作 Prototype。

Research

主要針對「通勤、時間少」等狀況的族群,有許多碎片時間能夠快速掌握最新新聞資訊。

1.User

採使用者訪談與論文研究,來了解他們的閱讀習慣、行為、偏好等

2.Marketing 

分析國內國外的新聞 App,了解最新設計趨勢以及學習相關 UI/UX 的設計巧思。

3.Papper

能發現消費者的使用 App 與新聞的行為分析,或是更新的功能設計。

Pain Point

主要針對「通勤、時間少」等狀況的族群,有許多碎片時間能夠快速掌握最新新聞資訊。

Feature1. 新聞分類雜亂
目前市面的新聞 App,在閱讀體驗上並無法很快速的在短時間內掌握資訊重點。

Feature2. 新聞來源過單一
新聞 App 多為單一來源,無法看到多元且具深度、廣度的新聞。

Solve Problem

1.個性化的新聞分類
18 種新聞分類,以上方 Tab 與顏色區分的方式讓你簡單點選觀看

2.豐富的新聞來源
精選全台 300+ 粉絲團,新聞種類豐富,包含:時事新聞、科技3C、有趣好笑、娛樂八卦…等等。

3.熱門文章排行
透過讀者的反應以及獨家演算法,將熱門文章排序出來,讓您不再錯過精彩報導。

Thoughtful Design

1.新聞機器人
透過人工智慧與大數據來看新聞

2. PM2.5 全台及數據
貼心提供你即時空氣污染狀況

3. 新聞來源篩選
能關掉不喜歡的新聞來源

My Role

1.Wireframe
先以草稿方式繪製多種介面設計圖,再將草稿圖置入 Sketch 裡,繪製較清楚的 Wireframe 以供討論。

2.Mockup
設計 PM2.5 的畫面時,透過 Mockup 的方式,製作擬真原型。

3.Prototype
在確認要製作 micro interaction & UX 操作流程時,需透過 Prototype 的方式,才能預先讓工程師了解出來的效果,以及選擇什麼樣的流程會比較好。

4.icon Design

5.App Promote Article
依照 App 特色撰寫能夠推廣 App 的文章。

Tools

Conclusion

"Nice app with clean layout, it would be better if it supports automatic update."
Alen Ho
from App Store Review / 5 star
有分類,可以選自己喜歡的看,還可以收藏,畫面排版也很不錯
J-0829
from App Store Review / 5 star