台灣的 UI 設計

看到有篇文章寫出我的心聲:只是前端工程師的純抱怨文 。雖然是前端工程師寫的文,但有大半在抱怨 UI…「那 UI 簡直難用到飛起,除了是中文以外一無是處,真他媽想問那些說這東西好用的人是眼睛還是腦袋有問題,根本隨便一家國外免費產品都完爆它十條街。」說實在我看台灣大部份的 App 都是這種心情:「去你媽的小確幸,這年頭連 UI 都走小可用小易用路線嗎?」

不是小小的可用、小小的易用喔,是「小可」用、「小易」用。設計師自己設計爽的,要他講為什麼只會「我也是使用者因為我喜歡這樣做啊!」你跟我說客戶堅持要這樣我能理解,人家付錢買自己想要的東西就算了。如果是開發自己的產品硬要亂搞也就算了,賺賠自理。客戶什麼都沒講你卻交這種垃圾出來,還屁一堆 543…

你有多久沒看到讓人眼睛一亮的 App 了?

你有看到漂亮的App是台製、且非抄襲的嗎?剛入行第一年,我保持一天下載 10 個 App 的習慣。只要 Screenshot 看起來還 ok ,就算付費軟體照樣買。現在比較少在下載 App,但每天都會把排行榜看一遍,去翻看看有沒有值得裝的。

目前為止我看到的都是國外的 App,Paper | Stories from Facebook 也許華而不實,但中間細節處理讓人驚豔。遊戲類的應該就是 Kingdom RushAlien Hive 。不只介面漂亮、操作順暢,還感受得到整個團隊包含企劃人員的用心。

「充其量是在爛比爛的大環境下做出了從一群垃圾中脫穎而出的勉強堪用的產品罷了。」

這句話切確道出現在我對台灣 UI 設計的看法,只是我沒有膽子講。垃圾都有人買單了做那麼好幹嘛?有時候想想、求學過程中「美育」是最常被借課去上國英數的,搞得人人都不懂美。我都已經是本科生了,還是付錢去外頭上課才學會「如何鑑賞一幅畫」這種人人都應該要懂的事。說什麼體驗美不需要教育啊、這是與生俱來的本能…


你真的覺得「美」不需要教育嗎?

不要拿做 Web 那一套原封不動搬到 App 上!

App 不是 Web,更不是 Mobile Web。在 App 裡放 Breadcrumb(麵包屑導覽列)是怎麼一回事?(首頁>分類頁>次級分類頁)App 搞到要放麵包屑?根本就在告訴使用者「快來看、我的App邏輯思考很差喔、不放麵包屑你們就會迷路。」扁平化不只是視覺上的,包含操作、層級等等都被簡化。如果還放上 Breadcrumb,表示 Flow 根本沒做好。

iOS Guideline 就有提到這點,先別提什麼課外新知產業快訊時代潮流,連最基本的 Guideline 都不懂了還跟人談什麼 UI 設計?聽起來就像是九九乘法表沒背熟就跑去和人討論三角函數一樣。先生你來亂的是吧?

在 RD 面前提 UI/UX 還可能和他們辯個幾句,提實作性就等著被高壓電電死。這不是廢話嗎在做事寫扣的是他們啊!不過要是提到修改次數和被客戶盧的程度…放心好了 RD 還排在設計或美術後面。會妥協不是同意你說的話、而是再辯下去也沒有意義,反正薪水就是這麼多,炸鍋了回頭翻記錄罪人不是自己就好,這年頭只能靠良心做事,想做好事情都很難。這種風氣之下能生出什麼好產品?外行領導內行這事就不說了,看咱精美的政府,上行下效啊贛!

十大易用性原則

幫助與說明文件 Help and documentation:一個軟體在完美的情形下不需要任何說明文件使用者就能夠操作,但就算是最好的軟體也需要提供幫助與說明文件。
同理,好的 App 不需要說明文件就該能讓使用者知道如何操作,但不管是什麼樣的App還是寫一下教學會更貼心。從這句話看出什麼端倪了嗎?這表示「說明文件」是必備功能,但層級很低!所以不會出現在 Navigation Bar 或是 Tab Bar上!複雜到一定要看說明文件才知道怎麼操作,還說要「教育使用者」…有那麼多更好更容易操作的 App,為什麼一定要用你家的?

如果現在要我準備 UI 教學的課程大綱,目標族群是大學生,我保證第一學期他們只碰得到鉛筆橡皮擦。

每週回家作業:找現有的 App 畫出該 App 的 Flow 和 Wireframe,至少10頁。
期中考:iOS Guideline 、 Android Design 填充題。
期末考:默寫十大易用性原則並舉例說明。

要上電腦?下學期再說!連爬(文)都不會還想走路。

好用又很漂亮的 App

炫到把人弄暈這不叫潮叫腦袋進水。在 UI 的世界裡「好用」絕對比「好漂亮」優先。先考慮易用性、實作性,再來討論視覺外觀。除非你把 UI 當成是網路正妹,只是供起來好看又 不能用 。內涵絕對比外在重要。以下推薦幾款好看又好用的 App。

Day one

Tweetbot

Phoster

Grid Lens

Hipstamatic

Note’d

Yoritsuki

記帳 App

喔對,記帳 App 推薦 MoneyBook - finance with flair 我抓了至少 30 個記帳 App 後的結論。控制預算、記流水帳非常方便,原本擬物風介面很漂亮改扁平後就少了點感覺。操作流暢到可以打開 App 10 秒結束記帳這一回合。

Akane Lee

Akane Lee

如果設計師能和工程師順利合作,那麼老公也就能準時下班了吧!因此努力分享 UI 和 UX 方面的知識、技術、各種踩過的坑與心得。

Comments

wave
comments powered by Disqus

Press ESC to close