平臺應(yīng)用開發(fā)的敏捷設(shè)計流程

1、iOS 平臺應(yīng)用開發(fā)的敏捷設(shè)計流程y1t8d 多寶平臺 1在這里，Sarah 跟大家分享了簡單明了的火車時刻表軟件設(shè)計流程和基本原則，可能對你自己的設(shè)計項目有所啟發(fā)。為了簡化過程，我們假設(shè)獲取火車運行數(shù)據(jù)的 API 是現(xiàn)成的。1.首先，要確定你的創(chuàng)意還沒有人做過。如果2你發(fā)現(xiàn)已經(jīng)有類似的 App，那你需要比它做的更好，有一些獨特的優(yōu)化設(shè)計。最好的調(diào)查方式是到iTunesStore 上搜索已有的 iPad 程序。2.當有了創(chuàng)意，你還需要有個明確的定位，它會在后續(xù)的設(shè)計過程中決定 App 的設(shè)計要點。App3定 位 可 以 通 過 蘋 果 的 人 機 界 面 指 南（HumanInterfaceG

2、uidelines）圖來確定。距離圖中坐標原點位置越遠的 App，特點越明顯，越需要精美易用的界面設(shè)計，讓他們與其他競爭者明顯區(qū)分開來。在這個案例中，我們把 App 定位在原點位4置，即簡單使用的輔助工具。3.確定 App 定位后，接下來需要聚焦 App 的核心功能。在團隊合作設(shè)計時，這一點尤其重要。團隊在提出各種功能需求時，很容易陷入哪些功能要包含在第一個版本中的爭論。Apple 把這個過程叫5設(shè)計 ADS（ApplicationDefinitionStatement），或者叫設(shè)計精簡的 ADS。4.走到這一步，很多人會認為對 App 的設(shè)計已經(jīng)想的很清楚，可以直接開始設(shè)計圖形界面甚至編碼了

3、。實際上，前面的過程，僅僅設(shè)計的導入階段。6我們接下來要做的，是產(chǎn)品草圖設(shè)計。一般我們用紙和筆來畫，它們是最簡單，學習成本最低的工具。按照我們的設(shè)計經(jīng)驗，勾畫出用戶需要用到的界面，包括像按鈕之類的界面交互元素；篩選出核心用戶最常用的，最適合移動應(yīng)用場景的功能。75.我們要設(shè)計的是輔助工具軟件，通常，它只需要主界面，和一個在背面顯示相關(guān)信息的輔助界面，它通過信息按鈕觸發(fā)后翻轉(zhuǎn)顯示。如果你設(shè)計的是其他 App，可能還需要更多的界面。重點是要設(shè)計界面與界面之間的切換方式，這一點在設(shè)計交8付給開發(fā)人員時會顯得尤其重要。我們把這個過程叫做App功能穿越(AppFunctionalityWalkthrou

4、gh)。6.現(xiàn)在，開始 App 的低保真原型設(shè)計。重點是不要陷入過多的細節(jié)，低保真只是把你紙面上的草9圖數(shù)字化，便于在電腦上持續(xù)的改進。所以，盡量使用黑白，粗糙的線條和圖形來制作低保真，別在細節(jié)上糾結(jié)，浪費時間。7.低保真原型完成后，開始設(shè)計注重細節(jié)和精度的高保真原型。我使用 PhotoShop，你可以選用10自己熟悉的其他工具。一般，我會為 iPad 設(shè)置尺寸為 1024X768 的畫布，然后根據(jù)低保真原型進行細節(jié)設(shè)計。8.當我們設(shè)計 App 的主界面時，顯示列車時刻表是設(shè)計的重點。它不需要包含所有功能，應(yīng)著重11顯示列車到達時間，出發(fā)時間，列出延誤或者取消等必要信息。9.鑒于 Apple

5、提倡有質(zhì)感，有仿真度的圖形界面，我們讓 App 的界面設(shè)計盡量接近用戶熟悉的火車站時刻表。在配色上，使用灰色，黑色，亮黃和12紅色，配合一些個性化的圖標來表示遲到和取消狀態(tài)。10.很重要的一點是，App 所展現(xiàn)的信息，必須簡潔明了，沒有多余的文字。所以，在界面設(shè)計上，我們沒有引入任何華麗的圖形或者其他的信息13來干擾用戶，讓他們能一眼就看明白 App 的用途。在數(shù)據(jù)條目之間使用間隔色，用醒目的字體顯示到達和出發(fā)時間，這些都是很好的設(shè)計體現(xiàn)。主界面背后的相關(guān)信息界面，使用 Apple 的標準界面即可，為用戶提供搜索列車后加入關(guān)注的功能。1411.我使用了很多細微的漸變和一些材質(zhì)，重要的是，確保所有的信息都一目了然，不隱晦，不誤導用戶。12.現(xiàn)在可以開始考慮 icon 的設(shè)計。這將決定App 在 AppStore 上的辨識度。你可以從簡單的輪15廓設(shè)計開始設(shè)計，先把核心創(chuàng)意表現(xiàn)出來。13.除非有必要，你的 icon 最好不要包含文字，盡量使用跟你的 App 圖形界面一致的材質(zhì)和漸變。你如果想給用戶呈現(xiàn)高質(zhì)量的 UI 設(shè)計，別忘了把 icon 設(shè)計成 2929，7272，和 51251216三種尺寸。14.如果你自己不開發(fā) App 的功能，還需要把清晰的設(shè)計指南交付給開發(fā)人員。我會把界面和描述集中到一張大圖，并盡可能的把所有可遇見的情況都給開發(fā)人員描述清楚。1715.最后，