iOS Human Interface Guidelines 讀後心得

這次的讀書心得真的是讓我退步三分,雖然知道走上程式設計之路,

可想而知的英文不能太差,畢竟很多資訊與學習資料都是英語的居多,

而對於看原文資料這件事情,還真是要了菜英文的我的小命。

過程中不斷地查單字解釋,一邊翻譯一邊讀文章,確實花了不少時間。

iOS設計主題

iOS與其他平台的三個主要主題區分:

1.Clarity

基本上可以解釋成為畫面的易讀性,在整個系統中,文字、圖標都精確而清楚的放在適當的位子,不互相影響並且相輔相成。在製作APP的時候必須以便利、快速、好使用為前提,太小的文字或長篇大論的解釋,就可以考慮盡量以圖形代替文字的閱讀方式,使用者能更直覺的操作。

2.Deference

這單詞翻譯為尊重,但我想應該是要解釋成畫面協調性。流暢的動作和清楚的美觀界面可以幫助使用者理解內容並與之互動,同時不互相搶鏡。主要的內容訊息通常是使用整個屏幕,而半透明和模糊通常能暗示更多訊息。減少邊框、漸層變化和陰影的使用可讓界面看起來更簡潔也同時讓內容更凸顯出來。

3.Depth

深度在這邊應該可以理解成在一個畫面中你不必一下子把所有的訊息都放上去,可以讓使用者自己去探索,現在的iOS使用者基本上都很聰明,知道何時要雙擊、拖曳、放大縮小等手勢。所以我們可以利用手勢來增加整體使用的流暢感,也可以讓畫面看起來更有設計性,手勢觸摸的動作和可發現性提高了樂趣。在瀏覽內容時,即可提供一種深度感。

以下是給新手開發者的一些app UI設計建議:

Aesthetic Integrity

美感的利用上要跟它的功能能夠符合,上面提到的例子就有說到,如果你要執行一個很嚴肅的程序,就盡量使用簡潔、專業的畫面,也不要用太複雜的手勢或操作,但如果是製作遊戲,除了畫面華麗以外,手勢也可能會複雜一點,可以刺激玩家,讓他們從中找到遊玩操作的樂趣!

Consistency

美術設計要有一致性,開啟畫面與APP的第一實際畫面應該是要走同一個基調,看起來才不會不協調具有一致性。

Direct Manipulation

操作的直覺性,像是想到要把圖片放大,直覺就是用兩隻手指在圖上掐捏,但如果你的設計不是那麼直接的使用的話,我想使用者很快就會想卸載你的APP了。

Feedback

反饋的部分我覺得是很重要的一個設計環節,簡單來說就是使用者點下去時你必須給個反饋,就像是我們打字的鍵盤一樣,靜音鍵盤很安靜,但按下去的反饋感可能就沒那麼好,機械鍵盤雖然很吵,但是打字按壓的反饋感很強烈,也就是使用者點下APP上的按鈕時,你可以在按鈕上顯示變色或是有震動或聲響都可以。

Metaphors

做電子書、刷卡機,甚至哪天能做出控制自己家電燈的開關的app,都可以加入一些真實使用上的動作,這是一種隱喻,讓使用者也是能夠直覺地做操作,像翻頁,刷卡時嚕卡的動作,關電燈的那個開關。

User Control

如字面上翻譯就是讓使用者來控制你的APP,而不是反之。並且通過這樣一系列的控制,也可以讓使用者更熟悉操作,APP與使用者互動是很重要的!

以上就是我讀了這篇文章之後統整的心得,蘋果在寫這些文章真的很用心,也很清楚明瞭,只是英文沒那麼好的我必須要先把不會的單詞翻譯過後才比較看得懂,但是他也真的很清楚的告訴你該怎麼做,以及不該怎麼做。

好的文章應該跟大家分享,就這樣啦!

--

--

Mos蚊子
彼得潘的 Swift iOS / Flutter App 開發教室

一個在Swift ios app海裡慢慢成長的菜逼八工程師-蚊子 Learn apple develop 的學習日誌