阿里交互新手小記②——交互工作流程的梳理

頭疼就是腦子里有什么正在激烈地進(jìn)行改變,可能就是你從困難上學(xué)會(huì)的東西烈涮。—— 寫這篇文章的人<( ̄︶ ̄)>

大公司都存在一種現(xiàn)象窖剑,那就是人多坚洽。在人多之后,就導(dǎo)致更加細(xì)致的工作分工西土,即專業(yè)化分工讶舰。這種專業(yè)化的分工就像工廠流水線上的工人一樣,不同模塊的工人負(fù)責(zé)自己模塊的操作需了,大大提升了工作效率跳昼。因此,目前所在UED團(tuán)隊(duì)的構(gòu)成肋乍,就將用戶研究鹅颊、交互設(shè)計(jì)、視覺設(shè)計(jì)以及前端開發(fā)等職能獨(dú)立出來住拭,不僅提升了設(shè)計(jì)方案的質(zhì)量挪略,也提高了效率(這效率的保證是基于PD不改需求╮(╯_╰)╭)历帚。

那么滔岳,作為流程一環(huán)的交互設(shè)計(jì)師在工作中的流程會(huì)是怎樣的呢?
第一步:與PD溝通需求

作為資源方的UED團(tuán)隊(duì)挽牢,流程的第一步就是與PD溝通谱煤。這部分的溝通非常重要,因?yàn)檫@涉及到要了解產(chǎn)品需求的背景(因?yàn)榻?jīng)常擁抱變化禽拔,所以負(fù)責(zé)的產(chǎn)品也會(huì)經(jīng)常變動(dòng)刘离。因此,換了產(chǎn)品之后需要及時(shí)了解產(chǎn)品的比較全面的背景)睹栖。在這個(gè)階段硫惕,最重要的是要了解產(chǎn)品經(jīng)理為什么要做這個(gè)產(chǎn)品需求,即背后的用戶需求以及業(yè)務(wù)需求是什么野来?
要了解用戶需求是要知道恼除,產(chǎn)品經(jīng)理所提的產(chǎn)品需求究竟是要解決用戶什么問題。比如,用戶想在墻上有個(gè)掛鉤豁辉,一些人想的是給他錘子和釘子自己做一個(gè)令野,但還有些人想了可以粘在墻上的掛鉤,用戶一粘就有掛鉤了徽级。兩者看來气破,后者更簡(jiǎn)單,所以應(yīng)該這樣滿足用戶需求比較好餐抢。但是榜晦,還忽略了一點(diǎn),就是用戶用這個(gè)掛鉤做什么事情论颅?如果這個(gè)掛鉤是用來掛重物的很泊,那這就超出了粘在墻上掛鉤的承重能力了,所以這時(shí)反而應(yīng)該用錘子和釘子來做一個(gè)牢固的掛鉤更合適苦蒿。這才是真正解決了用戶的問題殴胧。
而要了解業(yè)務(wù)需求,則是要明白當(dāng)下公司需要的是什么佩迟。因?yàn)橥爬模枨蟮谋澈髱е镜目剂浚3е苤匾纳虡I(yè)目的报强。比如灸姊,最近業(yè)務(wù)上有個(gè)需求要凸顯新功能。因此秉溉,這就要在比較明顯的位置將這個(gè)功能呈現(xiàn)給用戶力惯,使其在一進(jìn)入到產(chǎn)品內(nèi)就可以清楚的知曉新版本有了這樣一個(gè)新的功能。但是召嘶,問題在于依據(jù)用戶正常的使用邏輯父晶,該新功能應(yīng)該是屬于原有功能之下的一個(gè)子功能。這樣單獨(dú)展示甚至與原有功能并列展示弄跌,并不符合架構(gòu)邏輯甲喝。這個(gè)矛盾的出現(xiàn)就引出了一個(gè)很好的問題,交互設(shè)計(jì)師該如何平衡用戶和業(yè)務(wù)铛只,甚至是技術(shù)埠胖。簡(jiǎn)單講,就是優(yōu)先從用戶角度思考(to c和to b的用戶考慮的點(diǎn)是不同的)淳玩,然后在不傷害用戶體驗(yàn)的情況下將業(yè)務(wù)需求盡可能地體現(xiàn)直撤,最后才是技術(shù)問題的妥協(xié)(畢竟很多技術(shù)問題是時(shí)間問題)。這里就不展開講了蜕着。

第二步:梳理需求

從用戶體驗(yàn)五要素的角度來講谋竖,第一步是了解戰(zhàn)略層和范圍層,知道面對(duì)的用戶是誰,公司要做的是什么事圈盔,要幫助用戶解決什么問題豹芯。而第二步就是確定結(jié)構(gòu)層,這里就包含了兩類:一是內(nèi)容型驱敲,要明確放哪些內(nèi)容類型铁蹈;二是功能型,要明確功能操作的邏輯順序众眨。這些都要以用戶為中心去思考握牧。舉例來說,微博是一個(gè)典型的內(nèi)容型例子娩梨。其“我的首頁”包含兩大類主要類型內(nèi)容:一是關(guān)注的信息沿腰;二是推薦的信息。關(guān)注的信息呈現(xiàn)在頁面中間的主信息流當(dāng)中狈定,占據(jù)了主信息流當(dāng)中99%的內(nèi)容颂龙;推薦的信息則又大致分為兩類:一是推廣;二是推薦纽什。推廣就是廣告措嵌,也是呈現(xiàn)在頁面中間的主信息流當(dāng)中,夾雜在用戶關(guān)注的信息流當(dāng)中芦缰。這里商業(yè)價(jià)值較大企巢。而推薦則呈現(xiàn)在頁面右側(cè),主要從全網(wǎng)熱門以及朋友關(guān)注的角度來進(jìn)行內(nèi)容推薦让蕾,這里的內(nèi)容又有所細(xì)分浪规,如電影、話題等探孝。這樣的內(nèi)容選取一方面保證是用戶感興趣的笋婿,另一方面可以拓寬用戶更多感興趣的內(nèi)容,讓其更加動(dòng)態(tài)地去獲得信息內(nèi)容再姑。而淘寶下單支付就是一個(gè)功能型的例子萌抵,用戶挑選好商品之后立即購(gòu)買找御,進(jìn)入到訂單信息填寫頁面元镀,提交后進(jìn)入到支付寶支付,支付完成就等待賣家發(fā)貨霎桅,之后收貨栖疑、退款、維權(quán)等都是一系列功能滔驶。這些都有非常明確的操作路徑遇革,而且是有非常明確的任務(wù)目的。
那么,如何對(duì)這些進(jìn)行梳理呢萝快?
基于前面與PD的討論锻霎,以及自己對(duì)相關(guān)競(jìng)品的參考,心里會(huì)大致有些想法揪漩。所以旋恼,要做的是將這些想法具體描述出來。對(duì)于內(nèi)容型的梳理奄容,我會(huì)用腦圖將內(nèi)容分層級(jí)進(jìn)行羅列冰更,這樣會(huì)有一個(gè)明確的類別結(jié)構(gòu)圖。而對(duì)于功能型的梳理昂勒,則畫出簡(jiǎn)單的頁面邏輯圖蜀细,整個(gè)流程就會(huì)非常明確。

第三步:產(chǎn)出交互稿

這一步是把前面兩步的想法具體表現(xiàn)出來戈盈,以能夠讓人理解的方式進(jìn)行表述奠衔。可以是手繪稿塘娶、可以是低保真涣觉、也可以是高保真,只要能夠讓PD血柳、視覺以及開發(fā)等明白你的意思就好官册。
在這一步,會(huì)進(jìn)行反復(fù)的修改难捌。不同的人會(huì)有想到一些問題膝宁,包括極限情況(貌似開發(fā)以及測(cè)試最喜歡這么做了)。得到最終版本之后根吁,就進(jìn)入了視覺和開發(fā)階段员淫。

第四步:跟進(jìn)

其實(shí)這一步跟進(jìn)包含兩塊內(nèi)容:對(duì)開發(fā)情況的跟進(jìn),因?yàn)樵诋a(chǎn)品真正在開發(fā)時(shí)击敌,會(huì)出現(xiàn)一些問題介返,如一些極限條件下的錯(cuò)誤情況的處理、時(shí)間因素導(dǎo)致技術(shù)不能按時(shí)完成原有方案等等沃斤。所以會(huì)對(duì)方案進(jìn)行修改圣蝎,這時(shí)就要及時(shí)跟進(jìn),提出新的更為合理的解決方案衡瓶。上述的變動(dòng)就產(chǎn)生了第二塊內(nèi)容的跟進(jìn)徘公,即對(duì)交互稿的跟進(jìn),因?yàn)榉桨傅淖儎?dòng)要及時(shí)對(duì)交互稿進(jìn)行修改哮针、補(bǔ)充以及一些說明关面。這樣才能完整地記錄整個(gè)產(chǎn)品迭代或項(xiàng)目開發(fā)的過程坦袍。
跟進(jìn)到產(chǎn)品迭代版本或項(xiàng)目上線,這整個(gè)階段就暫時(shí)告一段落了等太。

后面捂齐,就是自己對(duì)之前所做的事情的一個(gè)回顧。從中獲得了什么缩抡,有所反思才能有所成長(zhǎng)辛燥。

上述工作流程只是我較為普遍的工作狀態(tài)。當(dāng)然也有一些特殊情況缝其,比如自發(fā)項(xiàng)目挎塌,可能就需要自己即作為PD的角色又要充當(dāng)交互設(shè)計(jì)師的角色。另外内边,有時(shí)候自己也并沒有完全做到上述的一些事情榴都,有時(shí)也會(huì)沒有及時(shí)跟進(jìn)交互稿的更新。在這也算是對(duì)我自己的一次提醒漠其,以后盡量要做的這一點(diǎn)嘴高。

以上~
THX~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市和屎,隨后出現(xiàn)的幾起案子拴驮,更是在濱河造成了極大的恐慌,老刑警劉巖柴信,帶你破解...
    沈念sama閱讀 206,214評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件套啤,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡随常,警方通過查閱死者的電腦和手機(jī)潜沦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來绪氛,“玉大人唆鸡,你說我怎么就攤上這事≡娌欤” “怎么了争占?”我有些...
    開封第一講書人閱讀 152,543評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)序目。 經(jīng)常有香客問我臂痕,道長(zhǎng),這世上最難降的妖魔是什么宛琅? 我笑而不...
    開封第一講書人閱讀 55,221評(píng)論 1 279
  • 正文 為了忘掉前任刻蟹,我火速辦了婚禮逗旁,結(jié)果婚禮上嘿辟,老公的妹妹穿的比我還像新娘舆瘪。我一直安慰自己,他們只是感情好红伦,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評(píng)論 5 371
  • 文/花漫 我一把揭開白布英古。 她就那樣靜靜地躺著,像睡著了一般昙读。 火紅的嫁衣襯著肌膚如雪召调。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,007評(píng)論 1 284
  • 那天蛮浑,我揣著相機(jī)與錄音唠叛,去河邊找鬼。 笑死沮稚,一個(gè)胖子當(dāng)著我的面吹牛艺沼,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蕴掏,決...
    沈念sama閱讀 38,313評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼障般,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了盛杰?” 一聲冷哼從身側(cè)響起挽荡,我...
    開封第一講書人閱讀 36,956評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎即供,沒想到半個(gè)月后定拟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,441評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡逗嫡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評(píng)論 2 323
  • 正文 我和宋清朗相戀三年办素,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片祸穷。...
    茶點(diǎn)故事閱讀 38,018評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡性穿,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出雷滚,到底是詐尸還是另有隱情需曾,我是刑警寧澤,帶...
    沈念sama閱讀 33,685評(píng)論 4 322
  • 正文 年R本政府宣布祈远,位于F島的核電站呆万,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏车份。R本人自食惡果不足惜谋减,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望扫沼。 院中可真熱鬧出爹,春花似錦庄吼、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至梢为,卻和暖如春渐行,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背铸董。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評(píng)論 1 261
  • 我被黑心中介騙來泰國(guó)打工祟印, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人粟害。 一個(gè)月前我還...
    沈念sama閱讀 45,467評(píng)論 2 352
  • 正文 我出身青樓旁理,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親我磁。 傳聞我的和親對(duì)象是個(gè)殘疾皇子孽文,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容