為iPhone應(yīng)用做Paper Prototype
過去兩年,移動互聯(lián)網(wǎng)一直是我關(guān)注的領(lǐng)域之一,為什么?因為我的那些英國教授人手一只iPhone,弄得我每天掛眼科。時常白日夢,自己左手iPhone,右手Nexus,胸前再掛一個iPad(或許腰間再綁一串iPod,屁股下再墊上Mac,大腿再護上Kindle)…黃粱一夢,時至今日,還是Nokia陪伴在身邊。
前面提到我們以iPhone為目標(biāo)所做的課程設(shè)計,也提到其中使用paper prototype對應(yīng)用進行快速原型。沒有提到的是這個過程中產(chǎn)生的問題:
1,用諸如VB這樣的程序?qū)⒃驼故驹赑C屏幕上,讓用戶以鼠標(biāo)方式交互顯然已經(jīng)大大偏離了iPhone所提供的觸摸交互方式;
2,用paper prototype遇到的問題則是使用場景的不真實:你可能拿著移動設(shè)備坐在公交車上,走在大街上,也可能蹲在廁所里,你可能單手拿著,雙手并用,橫著看,豎著瞧。
總之,習(xí)慣用paper prototype來應(yīng)對PC等等這種“不動”設(shè)備的人來說,這些聽上去簡直是像場災(zāi)難。
面對這些,UX Booth在5號(3天前,好吧,我落伍了)有一篇文章談到這個問題,designing with prototype,,談到Indiana大學(xué)的信息學(xué)院是如何應(yīng)對這個難題的:
- 制作paper prototype;
- 將每一屏數(shù)字化,無論是通過數(shù)碼相機還是掃描;
- 將圖片導(dǎo)入(PC,Mac),根據(jù)移動設(shè)備調(diào)整尺度;
- 將調(diào)整好的圖片保存為移動設(shè)備支持的格式;
- 根據(jù)設(shè)置的Scenario調(diào)整好圖片順序;
- 將圖片上傳到移動設(shè)備;
- 指導(dǎo)用戶如何導(dǎo)航,例如根據(jù)場景一張張Swipe(掃過?)這些圖片。
這個方法被稱作:Paper in Screen。我的問題來了,這種情況下,場景必須是固定的,用戶必須一直隨著安排好的唯一交互順序繼續(xù)下去,否則這些圖片順序就毫無用處了。而測試人員也難以很快完成制作新視圖,拍照、上傳、調(diào)整順序一系列任務(wù),這樣用戶的思路也中斷了,似乎又失去了paper prototype的一大優(yōu)勢。
UX Booth的作者進行了調(diào)整,將視圖制作成頁面,加入鏈接,這樣就可以加入更多的交互可能,然而我的問題還在,制作成本提升,用戶覺得不合理,制作者依然無法快速現(xiàn)場修改。由于鏈接的引入,所有交互都只以點擊(click)的形式完成。
我無法給出更好的方法,或許制作兩套paper prototype?一份對應(yīng)水平,一份對應(yīng)垂直?但那還是存在“移動”的困難?;蛟S你會問這動與不動會有很大區(qū)別嗎?我還真不知道影響有多大,所以不會在這里亂說。或許也要根據(jù)具體應(yīng)用而定。昨天看到我的一個朋友用HTC的Android手機聊QQ,走在街上時用的是單手,拇指按鍵盤;坐下來吃飯前,則把手機放在桌上,用右手食指點擊鍵盤,你說區(qū)別很大嗎?或許移動時鍵盤的每個按鍵需要擴大一些,一來方便行走中的晃動對屏幕辨識的影響;二來提高拇指的準(zhǔn)確性。而靜止時則回到正常鍵盤狀態(tài):我想,大概沒什么會對著平放在面前的手機用拇指打字吧。
以下有一段Slide介紹使用paper prototype進行iPhone應(yīng)用設(shè)計的slide(更多的是介紹做iPhone設(shè)計的基本流程):
最后,如果你有什么經(jīng)驗或建議,請一定告訴我。下面鏈接的文章提供了比較翔實的做iPhone應(yīng)用設(shè)計的或許你會用得上的工具,包括Sketching模板,Wireframe工具,以及視覺設(shè)計時使用的模板等:Sketching and prototyping tools for iPhone apps。
源地址:http://arslanyard.blogbus……72247320.html
- 目前還沒評論,等你發(fā)揮!