4月主題閱讀:交互設(shè)計

在微博看到關(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è)計書》

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末曲聂,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子佑惠,更是在濱河造成了極大的恐慌朋腋,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件膜楷,死亡現(xiàn)場離奇詭異旭咽,居然都是意外死亡,警方通過查閱死者的電腦和手機把将,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門轻专,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人察蹲,你說我怎么就攤上這事请垛。” “怎么了洽议?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵宗收,是天一觀的道長。 經(jīng)常有香客問我亚兄,道長混稽,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任审胚,我火速辦了婚禮匈勋,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘膳叨。我一直安慰自己洽洁,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布菲嘴。 她就那樣靜靜地躺著饿自,像睡著了一般。 火紅的嫁衣襯著肌膚如雪龄坪。 梳的紋絲不亂的頭發(fā)上昭雌,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天,我揣著相機與錄音健田,去河邊找鬼烛卧。 笑死,一個胖子當(dāng)著我的面吹牛妓局,可吹牛的內(nèi)容都是我干的唱星。 我是一名探鬼主播雳旅,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼间聊!你這毒婦竟也來了攒盈?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤哎榴,失蹤者是張志新(化名)和其女友劉穎型豁,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體尚蝌,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡迎变,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了飘言。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片衣形。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖姿鸿,靈堂內(nèi)的尸體忽然破棺而出谆吴,到底是詐尸還是另有隱情,我是刑警寧澤苛预,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布句狼,位于F島的核電站,受9級特大地震影響热某,放射性物質(zhì)發(fā)生泄漏腻菇。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一昔馋、第九天 我趴在偏房一處隱蔽的房頂上張望筹吐。 院中可真熱鬧,春花似錦秘遏、人聲如沸丘薛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽榔袋。三九已至周拐,卻和暖如春铡俐,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背妥粟。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工审丘, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人勾给。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓滩报,卻偏偏與公主長得像锅知,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子脓钾,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,901評論 2 345

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