如何為Windows Phone開發(fā)App之構(gòu)思和概念篇
上一篇文章(The Design Process of a Windows Phone App)中,我們討論了為你的Windows Phone App定義主題的重要性。構(gòu)思階段幫助你提煉你的主題和產(chǎn)生創(chuàng)意。我們探討過選擇主題對用戶體驗的價值,就像吃飯、跑步、出海而不是API、RSS 。
構(gòu)思和概念階段會很好玩,尤其是和其他人一起!這個階段可分為三個步驟:1,頭腦風暴,2、探索,3、收斂。概括的講,頭腦風暴步驟產(chǎn)生大量的 idea,探索步驟仔細剖析并研究那些idea中的大部分(不是全部),在收斂步驟中你要覺得哪些idea會最終被設(shè)計為App。只有極少數(shù)的idea最 終脫穎而出。
Brainstorming頭腦風暴
頭腦風暴通常是設(shè)計一個Windows Phone App的第一階段。這個階段只在于你思想的解放。在于你要產(chǎn)生無數(shù)的idea,甚至有些idea會非常瘋狂。在于你要勇于突破條條框框,提出有創(chuàng)造性的解決方案。
頭腦風暴的最好工具是講故事和多色的便利貼,草圖和情緒板也有幫助?;蛘哌@篇effective brainstorming.文章也提到了10個好方法。
總的來說,你將用頭腦風暴定義兩件事情,1、你App的大方向2、App具體功能。
頭腦風暴幫助你提出很棒的方案,為用戶提供獨一無二的價值,與Marketplace中其他App產(chǎn)生差異化。
一旦你決定了總體目標,頭腦風暴會幫助你產(chǎn)生和歸納出具體功能。
首先,你需要提出一個主題或者一個寬泛的用戶場景。一個很典型的情況是 “為API或者web服務(wù)而開發(fā)app”。于是我們不過是又設(shè)計了成堆的Yelp!、Twitter又或是foursquare。然而,試圖為那些服務(wù)設(shè)計最好的客戶端并沒有錯,真正的創(chuàng)新機會出現(xiàn)為用戶體驗而設(shè)計,而不是為API或者web服務(wù)。所以,不應(yīng)該這樣說“我將基于Yelp!API創(chuàng)造一個app”,而是說“我將為用戶用餐體驗而創(chuàng)造app”。你希望你的app有怎樣的體驗取決于你的業(yè)務(wù)范圍,你的個人喜好,一些你發(fā)現(xiàn)人們真正需要的東西。
在這一階段我們看到的另一個情況是,一些人在最初的時候就限制了自己。舉個例子,他們開始構(gòu)思階段就已經(jīng)確信要創(chuàng)造一個“查看股票交易價格”的app。所以,我們最后只能得到一個股票交易的app,或者又一個RSS閱讀app。關(guān)鍵是要想有好的點子一定著眼于用戶體驗。所以,你要想說“我要發(fā)現(xiàn)怎樣幫助用戶產(chǎn)生好的股票交易體驗”。哈,這樣就好多了,給你更大的發(fā)揮空間。
一個好的可借鑒的頭腦風暴的方法是主語+對象+動詞。
主語+對象+動詞Subject + Objects + Verbs
主要的方法和步驟:找三種顏色不同的便利貼,分別寫下用戶體驗相關(guān)的主語、動詞和對象,并選擇其中的一些詞匯組合成一個場景。這樣的訓練激發(fā)了你的 創(chuàng)造力,因為它迫使你為那些不是你自己寫下的文字提出解決方案——即使別人沒選擇你寫的那些詞,你自己也不能去選擇。如下圖所示
然后2-3人一組,讓他們各選一個詞,根據(jù)這些詞組成的場景來發(fā)散出idea。就像這樣:
- 素食女孩+叫喊+雙層Cheese三明治
- 小孩+玩+食物
- 廚師+烹調(diào)+土豆
- Lady Gaga+遇見+菜肴
即使我們不會專門針對Lady Gaga開發(fā)app,我們也可以用一個更廣泛的概念來替代比如“名人”。所以“名人遇見菜肴”,開發(fā)一個跟蹤名人去那些地方吃飯的app?這會像一個名人餐飲地圖一樣。
下面的這個例子中的三個詞匯的組合真的讓我覺得很棒:孩子+玩+食物。我自己永遠也不會想到這個場景-因為我還沒有孩子。感謝team里面其他三個成員,我們得到了這個場景:孩子在餐廳里面玩兒食物——真的令人頭疼。
Gamestorming中講到的技術(shù)會對此有幫助。這是Impossible Senario中的一個技術(shù)。記住先不要想的太遠,不要想如何實現(xiàn)架構(gòu)等等,就先享受創(chuàng)造力帶來的樂趣,剩下的階段中,你有的是時間去評定優(yōu)先級,評估技術(shù)上的可行性,挑選概念。
Impossible Scenario for Kids + Play + Food
一對父親帶著兩三個孩子可能還是個小事,但是同時帶著100個孩子呢?不可思議對嗎?上百位孩子,你可能不知道他們的名字,他們的喜好,他們現(xiàn)在和 誰約會,他們中誰是素食者,幾歲了等等。一堆夫妻帶著100個孩子來餐館,但100個孩子同時出現(xiàn)的場景是存在的——真實生活中會有這樣的場景,比如一家 餐廳或者公共場合,博物館,麥當勞等等?,F(xiàn)在怎樣做才能讓這些孩子不玩兒食物,不把事情變得一團糟?怎樣能把你的經(jīng)驗傳授給其他人呢?假如有個社會化媒體 讓有帶孩子經(jīng)驗的父母check in,把他們孩子的好習慣傳播出來,讓其他孩子來學習,這樣不是很好嗎?
另外一個技術(shù)是Alternate World(可替代的世界)。比如說在月球上的餐館?月球上假如你的孩子拋了個小肉丸怎么辦?我仿佛看到這個肉丸飛躍餐館,打在一個上年紀男人的頭上!這給了我靈感,一個讓孩子可以在上面任意破壞食物的游戲。哈,水果忍者?或者Angry bird遇到或者忍者?
另外還有一個叫做“Other’s Shoes”(別人的鞋)的技術(shù)。在用餐場景假扮是別人或者物品。當然,你可以是扮演一個 waiter,然后從他的角度來看用餐體驗。這不僅會讓你開拓思路,更能讓你和你的團隊視角獨特?,F(xiàn)在,不扮演人,假設(shè)你是一盤意大利面,你是怎么被采購 進餐廳,你是怎么做出來的,怎么被端上餐桌,怎么被吃進去…當然這不意味著我們要設(shè)計一個意大利面app,但你可以想想這個生態(tài)圈,在柜臺、廚房背后發(fā)生 的事情,我確信你能開發(fā)一個全新的app。
作者還推薦了兩本關(guān)于brainstorming的書 Gamestorming和 Thinkertoys。
Pecha Kucha
最后向你的team匯報你的想法。用 Pecha Kucha (Chit Chat in Japanese) 的方法。20頁ppt,每頁20個字。這個方法能強制你概況你的想法。取其精華去其糟粕。
Exploration
這個階段中你要探索商業(yè)上的可能性,體驗是的需求性,技術(shù)上的可行性。當然這篇文章中我們還是focus在體驗上。
要細化你在頭腦風暴中產(chǎn)生的idea,延伸,測試他們。下面是一些用的著的工具。
- Sketching
- Storyboarding
- Paper Prototyping
- Storytelling
Sketching & Storyboarding
boxing glove technique 是你在sketching中要掌握的全部技巧。當然不是說你真的要帶著拳擊手套去sketch。我們推薦的方法是,用一支粗馬克筆來代替拳擊手套。便利貼的大小和馬克筆的粗度立馬限制了你在在sketch中增加細節(jié)的可能性。
Paper Prototyping
紙原型從字面理解是用紙來做“交互”。我個人很喜歡用3″x 5″ 的便利貼來繪制Panoramas,Pivots和Pages。這是一種快速測試的廉價方法。另外還可把你的原型拍下來放在手機里面去模擬。只要增加一些可點擊區(qū)域,這些原型就可以動起來了。15分鐘用blend就可以做一個這樣的原型。
作者還推薦了以下五篇關(guān)于紙原型的文章:
Paper Prototypes: Still Our Favorite
Looking Back on 16 Years of Paper Prototyping
Using Paper Prototypes to Manage Risk
Storytelling講故事
一些人(包括我自己)都認為這是構(gòu)思階段最重要的工具。Storytelling實在是整個UX設(shè)計過程中最重要的基礎(chǔ)。Storytelling讓 你傳達場景和描述用戶、問題以及解決方案。用這樣的方法來幫助人們沉浸在你app存在的未來世界中。它不僅僅幫助你和你的組員、客戶理解你的設(shè)計遠景,而 且?guī)椭诰騛pp更深層次的意義,也會更有趣味性。好的故事更能打動他人。而平淡的故事則催生平淡的設(shè)計。經(jīng)過結(jié)構(gòu)化和精心設(shè)計的故事通常能讓你的app 獨一無二。
Storytelling是其它用戶體驗交流工具的基礎(chǔ)。伴隨著你的聲音、草圖、情緒板、故事板、視頻,你的故事被傳達出去。
其實講故事和電影劇本、小說沒有什么不同,都由幾部分組成:主題、環(huán)境、人物、對象、故事情節(jié)。除了故事的元素,結(jié)構(gòu)也很重要。一個基本的故事結(jié)構(gòu) 分為:設(shè)定、沖突、解決。怎樣將一個故事,取決于用戶和上下文。你可以樹立他們的問題和目標,然后解釋使用你的app怎樣解決了問題。講故事最大的風險是 過于平淡。反之,講故事應(yīng)該能夠解釋問題,并有讓人記住的閃光點。
你可以把每段故事寫下來,也可以用其它視覺化的工具比如草圖、情緒板、故事板來記錄。另外Storytelling也分多個層次。首先你可以很概括的描述這個故事,然后你可以具體描述最重要的功能,最后再把其他的功能寫出來。
另外一個我從市場營銷領(lǐng)域借鑒的工具是elevator pitches(電梯展示),真正很有用。你將有30秒或更少來描述故事,就用這30秒來打動別人。這30秒中,你無法詳細描述你的哦app,你只能抓住一個場景或功能。
如果你不能在140個字以內(nèi)來把你的app的動人之處說清楚,說明你需要繼續(xù)停留在探索發(fā)現(xiàn)階段而不能繼續(xù)向前。
我發(fā)現(xiàn)elevator pitches這一技術(shù)最近最好的例子是Facebook status和Tweet。所以寫下一個關(guān)于你app的迷你故事吧!當團隊成員都對這個故事贊賞有加的時候,再繼續(xù)探討其他詳細的用戶體驗吧!
下面有些作者在Windows Phone Marketplace里面發(fā)現(xiàn)的優(yōu)秀描述:
CocktailFlow
Tweet 探索、發(fā)現(xiàn)、找到雞尾酒,收藏的種類在持續(xù)增長中
Facebook 探索、發(fā)現(xiàn)、找到雞尾酒,收藏的種類在持續(xù)增長中。這個應(yīng)用優(yōu)雅的展示了雞尾酒配方,同時它給你購買那些材料的建議。
Seesmic
Tweet.Seesmic讓你用一種極為有效的方式更新和查看不同社交網(wǎng)絡(luò)。
Facebook 讓你用一種極為有效的方式更新和查看不同社交網(wǎng)絡(luò)。同時管理Twitter、Facebook、Salesforce Chatter賬戶。
另外作者推薦了一些關(guān)于storytelling的文章:
Experience Themes: An Element of Story Applied to Design
Using Stories for a Better User Experience. 這是這篇文章的ppt
Conflict and Character within Story Structure
A Note of Caution with… Babies一個提醒…
不可避免的,你會面對來自不同人的不同喜好。而idea就像你的孩子,這么可愛,你舍不得拋棄任何一個。有時候你需要捍衛(wèi)一些好點子,是它們不會付 諸東流。有時候你也需要勇敢的傾聽來自各方面的爭議,在不斷的討論中,想法會逐漸成熟。Pixar的Ed Catmull曾說過“Pixar的傳統(tǒng)是保護一個為成型的idea”
Consolidation
如果說頭腦風暴是關(guān)于自由的想象,收斂就是關(guān)于如何做決策,在team里面把不同的視角和想法進行評估。一個有效的技術(shù)是在用紅點和綠點來強制排 序。以此來定義出優(yōu)先級。強制評級可能會給大家每個人100美元,讓他們根據(jù)對concept的喜愛程度來分配這筆錢。可能這個概念我想投資20,另外一 個我會投45。
最終,根據(jù)結(jié)果,產(chǎn)生一個基準點,會有一些想法被砍掉。剩下的安裝優(yōu)先級把他們變成功能。done!