《電子技術(shù)應(yīng)用》
您所在的位置:首頁 > 顯示光電 > 設(shè)計應(yīng)用 > iOS平臺應(yīng)用開發(fā)的敏捷設(shè)計流程
iOS平臺應(yīng)用開發(fā)的敏捷設(shè)計流程
摘要: 對設(shè)計師來說,iPhone和iPad是全新的平臺。相比圖形和網(wǎng)站設(shè)計的經(jīng)驗積累,在iPhone和iPad上的設(shè)計進化還都處于萌芽期。
關(guān)鍵詞: 觸摸屏 iOS 平臺應(yīng)用 iPhone
Abstract:
Key words :

  本文翻譯自《Computer Arts》中對專注于iPhone和iPad應(yīng)用開發(fā)的設(shè)計師Sarah Parmenter的訪談錄,希望對iPhone應(yīng)用開發(fā)的朋友能有所幫助。

  以下為全部譯文:

  對設(shè)計師來說,iPhone和iPad是全新的平臺。相比圖形和網(wǎng)站設(shè)計的經(jīng)驗積累,在iPhone和iPad上的設(shè)計進化還都處于萌芽期。

  在這里,Sarah跟大家分享了簡單明了的火車時刻表軟件設(shè)計流程和基本原則,可能對你自己的設(shè)計項目有所啟發(fā)。為了簡化過程,我們假設(shè)獲取火車運行數(shù)據(jù)的API是現(xiàn)成的。

  1.首先,要確定你的創(chuàng)意還沒有人做過。如果你發(fā)現(xiàn)已經(jīng)有類似的App,那你需要比它做的更好,有一些獨特的優(yōu)化設(shè)計。最好的調(diào)查方式是到iTunes Store上搜索已有的iPad程序。

  2.當有了創(chuàng)意,你還需要有個明確的定位,它會在后續(xù)的設(shè)計過程中決定App的設(shè)計要點。App定位可以通過蘋果的人機界面指南(Human Interface Guidelines)圖來確定。

  

  距離圖中坐標原點位置越遠的App,特點越明顯,越需要精美易用的界面設(shè)計,讓他們與其他競爭者明顯區(qū)分開來。在這個案例中,我們把App定位在原點位置,即簡單使用的輔助工具。

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

  

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

  

  5.我們要設(shè)計的是輔助工具軟件,通常,它只需要主界面,和一個在背面顯示相關(guān)信息的輔助界面,它通過信息按鈕觸發(fā)后翻轉(zhuǎn)顯示。如果你設(shè)計的是其他App,可能還需要更多的界面。重點是要設(shè)計界面與界面之間的切換方式,這一點在設(shè)計交付給開發(fā)人員時會顯得尤其重要。我們把這個過程叫做App功能穿越(App Functionality Walkthrough)。

  6.現(xiàn)在,開始App的低保真原型設(shè)計。重點是不要陷入過多的細節(jié),低保真只是把你紙面上的草圖數(shù)字化,便于在電腦上持續(xù)的改進。所以,盡量使用黑白,粗糙的線條和圖形來制作低保真,別在細節(jié)上糾結(jié),浪費時間。

  

  7.低保真原型完成后,開始設(shè)計注重細節(jié)和精度的高保真原型。我使用PhotoShop,你可以選用自己熟悉的其他工具。一般,我會為iPad設(shè)置尺寸為1024X768的畫布,然后根據(jù)低保真原型進行細節(jié)設(shè)計。

  8.當我們設(shè)計App的主界面時,顯示列車時刻表是設(shè)計的重點。它不需要包含所有功能,應(yīng)著重顯示列車到達時間,出發(fā)時間,列出延誤或者取消等必要信息。

  9.鑒于Apple提倡有質(zhì)感,有仿真度的圖形界面,我們讓App的界面設(shè)計盡量接近用戶熟悉的火車站時刻表。在配色上,使用灰色,黑色,亮黃和紅色,配合一些個性化的圖標來表示遲到和取消狀態(tài)。

  

  10.很重要的一點是,App所展現(xiàn)的信息,必須簡潔明了,沒有多余的文字。所以,在界面設(shè)計上,我們沒有引入任何華麗的圖形或者其他的信息來干擾用戶,讓他們能一眼就看明白App的用途。在數(shù)據(jù)條目之間使用間隔色,用醒目的字體顯示到達和出發(fā)時間,這些都是很好的設(shè)計體現(xiàn)。主界面背后的相關(guān)信息界面,使用Apple的標準界面即可,為用戶提供搜索列車后加入關(guān)注的功能。

  11.我使用了很多細微的漸變和一些材質(zhì),重要的是,確保所有的信息都一目了然,不隱晦,不誤導(dǎo)用戶。

  

  12.現(xiàn)在可以開始考慮icon的設(shè)計。這將決定App在App Store上的辨識度。你可以從簡單的輪廓設(shè)計開始設(shè)計,先把核心創(chuàng)意表現(xiàn)出來。

  

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

  

  14.如果你自己不開發(fā)App的功能,還需要把清晰的設(shè)計指南交付給開發(fā)人員。我會把界面和描述集中到一張大圖,并盡可能的把所有可遇見的情況都給開發(fā)人員描述清楚。

  

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

  

  關(guān)于Sarah Parmenter

  

  英國艾塞克斯(英國英格蘭東南部的郡)Youknowwho設(shè)計工作室的創(chuàng)始人,Sarah Parmenter專注于網(wǎng)站,iPhone和iPad應(yīng)用的設(shè)計。設(shè)計工作室創(chuàng)立于2003年。Sarah Parmenter在訪談中介紹了她在設(shè)計列車時刻表App時的流程和設(shè)計原則。

  譯后感

  Sarah所講述的設(shè)計流程,跟我們設(shè)計傳統(tǒng)web軟件的流程沒有太大差別,都是基于統(tǒng)一的設(shè)計方法論。但是,App Store開創(chuàng)了一個全新的軟件生態(tài)系統(tǒng),它不僅改寫了軟件的交付和消費方式,也對軟件的設(shè)計產(chǎn)生著顯著的影響。

  App Store上成功的應(yīng)用,絕大部分都是面向個人的軟件,它們功能簡單(相對于傳統(tǒng)的B/S或者C/S軟件來說),注重滿足用戶的核心需求,設(shè)計上極力追求完美,我把他們叫做微應(yīng)用。由于這個微字,要求這些應(yīng)用的設(shè)計過程要比傳統(tǒng)的UCD過程更敏捷;同時,微字帶來了App Store超過30萬的應(yīng)用(截至2010年12月),也造就了贏家通吃的生存法則。

  成功的App設(shè)計,要求在上線第一天就能夠吸引用戶。如果你上市的第一個月沒有進入排行榜,那馬上會在第二個月死亡。 微應(yīng)用把Release soon, Release often法則打破了,它執(zhí)行的是蘋果法則,Release awesome, Release incredible。

  Sarah的設(shè)計流程,可以歸納為以下的步驟:

  市場定位 —》App定義(ADS) —》概念草圖 —》低保真原型 —》高保真原型 —》設(shè)計交付物說明和整理 —》外包開發(fā)

  在這個流程中,并沒有傳統(tǒng)UCD方法論中強調(diào)的用戶分析,場景分析,信息架構(gòu)設(shè)計等環(huán)節(jié),他們已經(jīng)變成基本原則,融入到具體的原型設(shè)計過程中去了。為什么會這樣?還是因為微應(yīng)用的特性決定的。軟件足夠小,不需要也不可能承受冗長的基礎(chǔ)分析和設(shè)計過程所帶來的成本,它需要的是更敏捷的設(shè)計流程,用盡量完美的設(shè)計,來滿足用戶的特定需求。

  同樣的,敏捷設(shè)計流程,逼迫設(shè)計團隊必須裁剪需求,才能更好的適應(yīng)贏家通吃法則。一個小軟件的失敗,損失的可能只是4周的工作時間,這并不是什么大不了。你完成可以通過另一個新產(chǎn)品來獲得成功。

  這篇訪談給我最大的啟發(fā),就在于敏捷設(shè)計對于App設(shè)計的重要性,還有老外在面對微應(yīng)用時,對于設(shè)計流程的堅持。

此內(nèi)容為AET網(wǎng)站原創(chuàng),未經(jīng)授權(quán)禁止轉(zhuǎn)載。
亚洲一区二区欧美_亚洲丝袜一区_99re亚洲国产精品_日韩亚洲一区二区
亚洲在线一区| 在线观看欧美视频| 久久精品日产第一区二区| 亚洲一区视频| 在线一区二区三区四区| 亚洲毛片一区| 日韩午夜中文字幕| 亚洲免费在线电影| 在线不卡中文字幕| 狠狠色狠色综合曰曰| 国产日韩视频| 国产欧美日韩视频一区二区三区| 久久免费99精品久久久久久| 香蕉成人伊视频在线观看| 亚洲欧美日韩中文视频| 亚洲欧美乱综合| 亚洲一区中文| 亚洲欧美制服另类日韩| 欧美在线不卡视频| 久久精品99| 久久综合伊人77777尤物| 久久婷婷人人澡人人喊人人爽| 一区二区日韩精品| 欧美在线免费播放| 欧美在线999| 亚洲国产mv| 亚洲欧洲午夜| 一本大道av伊人久久综合| 欧美在线一二三区| 久久国产精品久久w女人spa| 一本色道88久久加勒比精品| 中文国产一区| 午夜精品久久久久久久久 | 欧美日韩国产小视频在线观看| 久久精品视频在线看| 久久久噜噜噜久久人人看| 亚洲一区图片| 欧美一区二区视频网站| 久久一区国产| 欧美精品亚洲| 欧美大片免费久久精品三p | 国产精品久久国产三级国电话系列 | 午夜精品久久久久久久99樱桃 | 午夜精品久久| 久久久国产精品一区二区三区| 亚洲一区二区三区四区视频 | 亚洲美女毛片| 亚洲影院在线| 裸体丰满少妇做受久久99精品| 香蕉尹人综合在线观看| 久久久.com| 欧美精品二区三区四区免费看视频| 久久精品视频亚洲| 欧美成人精品三级在线观看 | 国产精品久久久久久久久久直播 | 国产精品男人爽免费视频1| 国产亚洲二区| 亚洲日韩视频| 亚洲综合色噜噜狠狠| 亚洲国产精品成人精品| 一区二区激情小说| 久久精品毛片| 欧美日韩不卡合集视频| 国产亚洲一区二区三区| 亚洲黄色在线| 欧美在线啊v| 亚洲桃色在线一区| 狼人社综合社区| 老司机免费视频一区二区三区| 久久久国产精品亚洲一区 | 亚洲国产欧美另类丝袜| 亚洲午夜精品在线| 亚洲日本在线观看| 欧美一区二区三区四区高清| 欧美交受高潮1| 激情久久综艺| 亚洲影院在线观看| 亚洲欧美中文日韩v在线观看| 亚洲欧美日本在线| aⅴ色国产欧美| 久久一二三四| 国产欧美日韩另类视频免费观看| 国产欧美日韩综合| 国产一区二区三区成人欧美日韩在线观看 | 久久国产精品久久精品国产 | 国产精品九色蝌蚪自拍| 亚洲黑丝在线| 日韩一级黄色av| 亚洲韩国精品一区| 久久精品中文字幕一区二区三区| 鲁大师影院一区二区三区| 国产精品入口夜色视频大尺度| 国产一区二区三区在线观看免费| 国内精品一区二区| 亚洲一区二区视频在线| 欧美主播一区二区三区美女 久久精品人| 久久成人久久爱| 亚洲一区二区三区免费视频| 欧美sm重口味系列视频在线观看| 欧美国产日韩视频| 欧美极品在线播放| 韩国av一区二区| 香蕉免费一区二区三区在线观看 | 亚洲午夜久久久久久久久电影网| 在线视频中文亚洲| 午夜国产精品视频免费体验区| 欧美在线999| 国产精品久久久久三级| 一本一本久久a久久精品综合麻豆| 亚洲伊人久久综合| 中文日韩在线| 欧美极品色图| 亚洲激情影院| 99热精品在线观看| 欧美激情在线播放| 亚洲三级毛片| 99国产精品久久久久久久| 欧美国产综合视频| 亚洲日韩视频| 一本高清dvd不卡在线观看| 欧美激情综合五月色丁香| 亚洲激情综合| 一本久道久久综合狠狠爱| 欧美在线国产精品| 国产精品色婷婷| 亚洲女人av| 性视频1819p久久| 国产目拍亚洲精品99久久精品| 在线免费观看日韩欧美| 中文国产一区| 亚洲美女av黄| 欧美精品一区二区三区蜜桃| 国产日韩欧美二区| 亚洲综合电影| 久久久久久久久久久一区| 极品av少妇一区二区| 亚洲一区在线看| 欧美在线免费| 国语对白精品一区二区| 亚洲高清在线观看一区| 暖暖成人免费视频| 国产精品羞羞答答| 午夜久久久久久| 久久综合给合| 亚洲精品国产精品国自产观看| 久久gogo国模啪啪人体图| 久久久国产一区二区| 国产精品男人爽免费视频1 | 久久精品国产欧美激情| 亚洲毛片在线看| 一区二区三区回区在观看免费视频| 亚洲综合国产激情另类一区| 国产精品久久激情| 欧美一二三区在线观看| 美女主播一区| 亚洲精品麻豆| 午夜精品久久久久久99热软件| 欧美成人精品激情在线观看 | 狠狠久久亚洲欧美专区| 亚洲日本无吗高清不卡| 欧美一区三区二区在线观看| 国产一区二区三区电影在线观看| 日韩午夜电影av| 欧美尤物一区| 亚洲大胆视频| 亚洲欧美国产一区二区三区| 国产午夜久久久久| 91久久精品一区二区别| 欧美视频不卡| 久久精品一区二区三区不卡牛牛| 亚洲欧美成人一区二区三区| 国内激情久久| 在线综合+亚洲+欧美中文字幕| 欧美国产日韩精品| 亚洲国产欧美在线人成| 亚洲激情电影在线| 欧美成人午夜影院| 一区二区三区免费在线观看| 一区二区三区波多野结衣在线观看| 免费日韩av片| 亚洲视屏在线播放| 久久综合五月天婷婷伊人| 一区二区久久久久久| 久久人人97超碰精品888| 国产亚洲精品久久飘花| 亚洲巨乳在线| 国模一区二区三区| 亚洲午夜久久久久久尤物 | 一区二区三区在线看| 亚洲国产精品久久久久婷婷884| 久久在线91| 亚洲无毛电影| 欧美激情一区在线| 亚洲大胆av| 欧美福利视频| 国产一区二区三区四区| 夜夜嗨av色综合久久久综合网| 久久一日本道色综合久久| 亚洲狼人综合| 美脚丝袜一区二区三区在线观看|