Posts match “ UI ” tag:

如何簡化使用者介面?

終於被拉近去新產品 wireframe 討論,其實整個計畫前期RD就應該參與討論,尤其是在規劃 wirframe 的人沒有 App 相關設計經驗的時候,那真是互相浪費時間...

也就是因為最近在討論產品的UI所以把這篇轉載過來與大家討論分享:

好的使用者介面

在討論簡化使用者介面之前先想想怎樣的使用者介面是好的

很難回答對吧? 沒關係,就像愛迪生在找讓電燈發光的材料的時候一樣,不知道什麼材料可以發光,但是可以透過知道什麼材料不可以發光而逼近答案。

所以換個方式來問怎樣的使用者介面是不好的

答案有好多,像是太複雜的畫面,太多莫名其妙的功能擺在一起...等等,大多的答案都指向同一個方向Simple is good

如何簡化使用者介面?

最小化你要解決的問題,它越小就越精確的命中使用者的需求。

我會從簡化問題開始。有時候我覺得UI已經不能更簡單了,但還是覺得它很複雜。這時候就是我們重新思考釐清產品目標,使其精鍊。 - Terry Wang, UX designer at Amazon

了解使用者真正的需求才能最簡化。 - Julie Meridian, Senior Experience Designer at LinkedIn

Dan Saffer 提出了下列重點:

  • 移除功能(Remove features) - 越多功能越複雜,使用者必須要多花力氣去學習多餘的功能,更糟糕的情況是這些功能他幾乎沒有用過。

  • 隱藏功能(Hide features) - 用 menu,tabs,dropdowns ... etc. 去隱藏功能,直到它會被用到的時候才顯示。

  • 組織功能(Organize features) - 相似的功能要擺在一起。

  • 站在使用者角度去設計產品模型(Tightly align the user's mental model with the product's conceptual model) - 你越理解使用者的需求,就能設計出越簡單的產品。

  • 讓每個選擇都能看的到(Make every choice visible) - 盡可能顯示所有選項,不要藏在下拉清單裡面,但選項太多的時候適時隱藏一些。

  • 縮減選項(Reduce choice) - 把選項數量縮減到最常使用的項目。

  • 智慧預設值(Smart defaults) - 給予預設值或是提醒,不要讓畫面空空的。

  • 捷徑(Shortcuts) - 對於一些常使用的動作要設捷徑。

  • 不同的平台有不同的流程(Distribute functionality to the right platform) - 根據平台特性提供不同的解決方案,像是裝置、桌上電腦、Web版。不要把不同平台上的使用者介面直接移植。

總結

科技始終來自於惰性,降低使用者用大腦思考的力氣,接受度就越高。

原文來自Quora上的一個討論串What is the best process for simplifying a user interface and experience?