在微博看到關(guān)于交互設(shè)計師職業(yè)發(fā)展困境的討論,有人寫了一句:產(chǎn)品經(jīng)理一般可以兼職二流的交互設(shè)計師。
那到底交互設(shè)計的工作流程和工作要點又是什么呢?
不同公司的職責(zé)定位不完全一致苞也,本文更偏向于描述交互設(shè)計這個團隊/工作涉及的工作流程而要點,而不是局限于某個交互設(shè)計師的工作內(nèi)容粘秆。
一如迟、成功web團隊的構(gòu)成
Jesse James Garrett,《用戶體驗要素》的作者攻走,AJAX之父在其主頁上有一篇文章《? the nine pillars of successful web teams》描述了優(yōu)秀的web團隊具有的相似特點:在組織結(jié)構(gòu)和開發(fā)流程中包含一組成功必須的殷勘、完整且相互獨立的9部分。這代表的是9部分的能力而不是實際團隊分工昔搂,在實際工作中玲销,很能出現(xiàn)一人勝任多種能力,比如用戶研究和網(wǎng)站策略摘符,也可能多人負(fù)責(zé)一部分只能贤斜,比如具體制作策吠。
1、用戶研究:用戶是誰瘩绒,需要什么猴抹,他們?nèi)绾嗡伎迹绾尾僮鞑菅龋蜒芯咳诤系礁鱾€開發(fā)環(huán)節(jié)
2洽糟、網(wǎng)站策略:定義目標(biāo)、優(yōu)先級堕战,以及成功的衡量標(biāo)準(zhǔn)
3坤溃、技術(shù)策略:平臺技術(shù)、標(biāo)準(zhǔn)技術(shù)嘱丢、開發(fā)技術(shù)等
4薪介、內(nèi)容策略:是否滿足目標(biāo)用戶,形式越驻、風(fēng)格汁政、數(shù)量等。
5缀旁、抽象設(shè)計:形成面向用戶體驗的概念框架
6记劈、技術(shù)實施:編程語言、通信協(xié)議并巍、代碼設(shè)計目木、調(diào)試技術(shù)、測試技術(shù)懊渡、重構(gòu)技術(shù)等
7刽射、內(nèi)容制作:內(nèi)容如何收集、加工剃执、生產(chǎn)誓禁。內(nèi)容制作流程等。
8肾档、具體制作:界面設(shè)計摹恰、導(dǎo)航設(shè)計、信息設(shè)計怒见、可視化設(shè)計等
9戒祠、項目管理:發(fā)動機,資源協(xié)調(diào)速种,發(fā)揮優(yōu)勢姜盈,達(dá)成目標(biāo)。
二配阵、心法:以用戶為中心的產(chǎn)品設(shè)計
在看了好幾本交互設(shè)計的書之后馏颂,還是覺得Jesse James Garrett寫得最系統(tǒng)示血,在《用戶體驗元素》這本書中,作者描述了從戰(zhàn)略層到表現(xiàn)層五層的工作內(nèi)容與要點救拉,有時候甚至覺得他不僅僅是在描述交互設(shè)計难审,好像還在描述整個產(chǎn)品流程。
1亿絮、戰(zhàn)略層:不僅僅是關(guān)注網(wǎng)站目標(biāo)告喊,而是網(wǎng)站目標(biāo)和用戶需求的平衡。
2派昧、范圍層:在這個過程主要是明確功能或者內(nèi)容范圍黔姜,避免需求蔓延。
3蒂萎、結(jié)構(gòu)層:定義交互設(shè)計或者信息架構(gòu)的概念模型
4秆吵、框架層:具體制作工作開始,包括界面五慈、導(dǎo)航纳寂、信息的設(shè)計
5、表現(xiàn)層:充分利用五感(一般軟件領(lǐng)域嗅覺和味覺較少泻拦,視覺最多毙芜,加上聽覺觸覺),完成底層指定的目標(biāo)争拐。
三腋粥、技法:交互設(shè)計中的要點
1、深刻理解客戶想要的簡單陆错、無需思考,web場景和實際生活場景的差異金赦,制定清晰的導(dǎo)航
2音瓷、通過組織、轉(zhuǎn)移夹抗、刪除绳慎、隱藏等更好的組織頁面上的交互元素
3、通過視覺對比突出重點內(nèi)容
4漠烧、減少對用戶不必要的干擾與提供必要協(xié)助的平衡
5杏愤、組織內(nèi)各利益干系人展示的妥協(xié)與平衡
四、如何衡量一個交互設(shè)計的好壞
1已脓、后備箱測試法測試任一頁面是否導(dǎo)航清晰
2珊楼、讓用戶更早參與的可用性測試讓IT團隊更清晰直觀看到用戶的停留,困惑度液,煩躁厕宗,避免IT人員以為自己代表用戶的想當(dāng)然
3画舌、頁面點擊追蹤工具,比如growingIO等已慢。
參考書籍/文章:
《用戶體驗要素》
《don't make me think》
《The Nine Pillars of Successful Web Teams》
《簡約交互四策略》
《寫給大家看的設(shè)計書》