iOS上的UI設計準則

做手機介面跟網頁的介面其實有蠻多不同的地方,而iOS跟Android,雖然本質都是行動裝置,可是在設計界面上還是有不少不同的地方,這邊先就iOS開發上的一些需要注意的地方做一個整理。

  • Focus on the Primary Task-在設計時,在每一個版面,都要注意上面所有元素的重要性與前後的關係,東西太多或太複雜都不見得是好的。



  • Elevate the Content People Care About-減少介面上的控制選項,並巧妙的設計風格,也考慮再一陣子沒有使用後,讓UI淡出。



  • Think Top Down-把最重要及最常使用的項目放在最上層。



  • Give People a Logical Path to Follow-提供合理的使用流程,並最好提供back按鈕。



  • Make Usage Easy and Obvious-減少介面上的控制選相、使用標準的介面、清楚的標示控制元件功能。





  • Use User-Centric Terminology-使用容易了解的詞彙。



  • Minimize Required Input-減少讓使用者輸入的機會、讓使用者輸入時更簡便,如果可以的話,盡量使用儲存在iOS內的資料。



  • Downplay File-Handling Operations-讓使用者在管理及建立檔案的時候更輕鬆、更直覺。



  • Enable Collaboration and Connectedness-讓使用者易於跟別人分享他們的使用過程,如分享地點、意見及分數(玩遊戲很常用到),可以加強社群的互動及連結性。



  • De-emphasize Settings-盡量避免讓使用者去做一些設定,除了使用者在使用上可能會去改變設定外。





  • Brand Appropriately-適當的使用logo打品牌。



  • Make Search Quick and Rewarding-搜尋的介面要快速而且有效。



  • Entice and Inform with a Well-Written Description-注重App的說明文字,拼字要正確,強調字要減少,如有bug修正,也把修正相目都列出來。


  • Be Succinct-介面簡介,使用類似新聞標題的文字及自己設計的容易用圖像理解的icon。


  • Use UI Elements Consistently-可以使用內建的UI,如果要做遊戲的話,最好是有一套專屬的UI,不要自己去定義UI的性質,用大家習慣理解的UI圖形是必要的。



  • Consider Adding Physicality and Realism-使用真實世界的質感以及物理反應,會讓使用者有更熟悉及好的體驗。




  • Delight People with Stunning Graphics-設計讓人驚艷的外觀吧!!



  • Handle Orientation Changes-要就裝置的拿法考慮畫面和操作的調整。


  • Make Targets Fingertip-Size-讓目標物跟手指頭大小差不多。



  • Use Subtle Animation to Communicate-用簡單的動畫來顯示傳輸過程,也讓使用者之道目前的進度或者讓他們理解app還是在運作中。


  • Support Gestures Appropriately-使用iOS上使用者習慣的手勢動作,盡量避免新創手勢或使用複雜的手勢動作。


  • Ask People to Save Only When Necessary-有必要再要求使用者做儲存的動作,大部分的使用者是習慣iOS幫忙做儲存的動作的。




  • 未完..

    如果想要看更詳細的介紹,可以觀看原文

    留言