【介面設計】iPhone App 的設計細節

Sarah Parmenter在訪談中介紹了她在設計列車時刻表app時的流程和設計原則。
對設計師來說， iPhone和 iPad是全新的平台。相比圖形和 網站設計的經驗積累，在 iPhone和 iPad上的設計進化還都處於萌芽期。
在這裡，Sarah跟大家分享了簡單明了的火車時刻表軟件設計流程和基本原則，可能對你自己的設計項目有所啟發。為了簡化過程，我們假設獲取火車運行數據的API是現成的。
1.首先，要確定你的創意還沒有人做過。如果你發現已經有類似的app，那你需要比它做的更好，有一些獨特的優化設計。最好的調查方式是到iTunes Store上搜索已有的iPad程序。
2.當有了創意，你還需要有個明確的定位，它會在後續的設計過程中決定app的設計要點。app定位可以通過蘋果的人機界面指南（Human Interface Guidelines）圖來確定。
距離圖中坐標原點位置越遠的app，特點越明顯，越需要精美易用的 界面設計，讓他們與其他競爭者明顯區分開來。在這個案例中，我們把app定位在原點位置，即簡單使用的輔助工具。

 

 

 

3.確定app定位後，接下來需要聚焦app的核心功能。在團隊合作設計時，這一點尤其重要。團隊在提出各種功能需求時，很容易陷入哪些功能要包含在第一個版本中的爭論。Apple把這個過程叫設計ADS（Application Definition Statement），或者叫設計精簡的ADS。

 

 

 

 

4.走到這一步，很多人會認為對app的設計已經想的很清楚，可以直接開始設計圖形界面甚至編碼了。實際上，前面的過程，僅僅設計的導入階段。我們接下來要做的，是產品草圖設計。一般我們用紙和筆來畫，它們是最簡單，學習成本最低的工具。按照我們的設計經驗，勾畫出用戶需要用到的界面，包括像按鈕之類的界面交互元素；篩選出核心用戶最常用的，最適合移動應用場景的功能。

5.我們要設計的是輔助工具軟件，通常，它只需要主界面，和一個在背面顯示相關信息的輔助界面，它通過信息按鈕觸發後翻轉顯示。如果你設計的是其他app，可能還需要更多的界面。重點是要設計界面與界面之間的切換方式，這一點在設計交付給開發人員時會顯得尤其重要。我們把這個過程叫做app功能穿越(App Functionality Walkthrough)。
6.現在，開始app的低保真原型設計。重點是不要陷入過多的細節，低保真只是把你紙面上的草圖數字化，便於在電腦上持續的改進。所以，盡量使用黑白，粗糙的線條和圖形來製作低保真，別在細節上糾結，浪費時間。

 

 

7.低保真原型完成後，開始設計注重細節和精度的高保真原型。我使用PhotoShop，你可以選用自己熟悉的其他工具。一般，我會為iPad設置尺寸為1024X768的畫布，然後根據低保真原型進行細節設計。
8.當我們設計app的主界面時，顯示列車時刻表是設計的重點。它不需要包含所有功能，應著重顯示列車到達時間，出發時間，列出延誤或者取消等必要信息。
9.鑑於Apple提倡有質感，有仿真度的圖形界面，我們讓app的 界面設計盡量接近用戶熟悉的火車站時刻表。在配色上，使用灰色，黑色，亮黃和紅色，配合一些個性化的圖標來表示遲到和取消狀態。

10.很重要的一點是，app所展現的信息，必須簡潔明了，沒有多餘的文字。所以，在界面設計上，我們沒有引入任何華麗的圖形或者其他的信息來干擾用戶，讓他們能一眼就看明白app的用途。在數據條目之間使用間隔色，用醒目的字體顯示到達和出發時間，這些都是很好的設計體現。主界面背後的相關信息界面，使用Apple的標準界面即可，為用戶提供搜索列車後加入關注的功能。
11.我使用了很多細微的漸變和一些材質，重要的是，確保所有的信息都一目了然，不隱晦，不誤導用戶。

 

 

 

 

 

12.現在可以開始考慮icon的設計。這將決定app在appstore上的辨識度。你可以從簡單的輪廓設計開始設計，先把核心創意表現出來。

13.除非有必要，你的icon最好不要包含文字，盡量使用跟你的app圖形界面一致的材質和漸變。你如果想給用戶呈現高質量的 UI設計，別忘了把icon設計成29×29，72×72，和512×512三種尺寸。

14.如果你自己不開發app的功能，還需要把清晰的設計指南交付給開發人員。我會把界面和描述集中到一張大圖，並儘可能的把所有可遇見的情況都給開發人員描述清楚。

15.最後，我們把低保真原型，所有的圖形界面設計圖（一般是PSD）和圖標打包在一起，做上清楚的標註，發送給開發人員。有時候，你可能還需要對PSD進行切圖，存成PNG，方便開發人員直接使用。

 

 

 

 

文章出處： 愛午茶

不能錯過的的創意：
線上支援《 Vimeo iPhone App 》	設計一個自己的iPhone App吧！	設計師必備的iPhone應用程式	飛爾精選．iPhone桌布．來自設計師之手	推廣App的關鍵要素
来自无觅网络的相关文章：
豪华的iPhone保护套-CalypsoCase (@jandou)	超酷！iPhone对讲机：Transceiver for iPhone (@ixiqi)	App Store：苹果的寡头游戏？ (@myonlystar)	Iphone4 耳朵外壳创意设计 (@poboo)	十款iPhone创意外壳 (@ixiqi)
无觅