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幫忙做儲存的動作的。
未完..
如果想要看更詳細的介紹,可以觀看原文







未完..
如果想要看更詳細的介紹,可以觀看原文
留言