聊下你不知道的交互設計

從事交互設計3年了魏保,經常有朋友和同事問我“到交互到底干嘛的澡为?”答曰:“根據用戶的需求及場景漂坏,用簡單、愉悅的方式完成任務”。但他們似乎還是不太明白樊拓。

那么交互到底是干什么的呢?那么不得不提現(xiàn)在炒得火熱的“產品經理”塘慕。如果說產品經理是電影的編劇筋夏,那么交互設計師則更像導演,通過各種展現(xiàn)方式來展現(xiàn)作者想表達的情懷图呢。

下面由我來描述下交互設計師在項目中是如何工作的:


一条篷、首先交互設計師需要解讀產品需求文檔,了解用戶需求蛤织,以及通過哪些功能滿足用戶的痛點赴叹。eg:

譬如微信要做動態(tài)部分人可見的功能。原因大概是年輕人總會有一些照片不希望讓長輩看到指蚜,職員總會有一些吐槽不希望讓領導看到乞巧。該功能保護這些群體的私密性。


二摊鸡、了解需求后下一步是組織功能架構绽媒。將對用戶具有相同效應的功能進行整合,分清大的模塊免猾。

然后

根據邏輯性是辕,操作頻度業(yè)務重要性調整模塊子功能的層級順序猎提。

組織功能架構可以“任務”获三,“主題”“用戶”锨苏,“隱喻”劃分疙教。eg:

微信就是典型的以主題為主的組織結構(上圖),將具有相同屬性的功能控制在一個范圍內:

“微信”:主要是IM聊天蚓炬、收付款松逊、掃一掃、添加好友等社交性的功能肯夏。

“通訊錄”:主要是查找通訊錄中的人经宏,管理通訊錄的人,添加好友等關于人的功能驯击。

“發(fā)現(xiàn)”:主要屬于運營提升活躍的功能烁兰,發(fā)現(xiàn)朋友的新鮮事兒,尋找新朋友徊都,發(fā)現(xiàn)游戲及購物沪斟。

“我”:都是屬于“我”的內容,我的相冊,我的錢包主之,我的優(yōu)惠券择吊,我的表情,設置槽奕。


而以任務為主的組織一般用在次級分類中几睛,例如淘寶的訂單(上圖)這里我上圖就不贅述了粤攒。


三所森、確定框架結構后,模擬用戶使用場景,將需求轉化成任務夯接。eg:

就拿大家最熟悉的網購來說吧


1焕济、譬如逛淘寶,如果你有

明確目標可以進行關鍵詞搜索

盔几,如果

需求很模糊

可能會看

導航

中的

推薦

版塊晴弃。

2、經過價格和銷量的排序篩選后问欠,你終于找到了中意的寶貝肝匆。

3、有可能還沒發(fā)工資沒有足夠的資金顺献,只好寶貝“加入收藏夾”以便以后購買旗国。也有可能豪爽的“立即購買”

4注整、點擊立即購買后你需要確認好你的大小和樣式及數(shù)量能曾。

5、輸入的收貨信息(由于這些需要輸入的內容比較繁瑣肿轨,所以常用收貨信息提高了效率)寿冕。

6、提交訂單椒袍。

7驼唱,選擇支付方式并支付(可能銀行卡沒錢等各種情況支付失敗)驹暑。

那么很顯然玫恳,通過任務及場景,我們可以很好的確定頁面之間的邏輯順序优俘,頁面內需要的內容及功能京办,以及頁面可能發(fā)生的各種異常情況


四帆焕、當你清晰的了解場景任務后惭婿,就可以開始設計原型了,對于原型設計的依據一般來源于以下:

1、平臺規(guī)范(iOS&Android design guideline),了解相應平臺中的控件财饥,以及使用的禁忌换吧。

2、通用的設計原則钥星,例如“功能可見性”式散,“即時反饋”,“防呆防錯”打颤,“費茨定律”(按鈕的可觸達),“7±2法則”漓滔。

3编饺、對用戶的認知和心理模型進行研究,如果產品的內容與用戶認知不匹配响驴,就相當于對牛彈琴透且。所以必須了解用戶當前的對產品的態(tài)度,對產品的了解程度豁鲤,所擁有的知識背景秽誊。

4、考慮內容的約束和限制琳骡,例如對任務失敗的反饋(網絡環(huán)境不好加載失敼邸),對內容進行限制(文字長度及格式)楣号,對用戶犯錯或可能犯錯的警告提醒最易,對極限情況時的頁面展示。

5炫狱、整齊的排版藻懒,具有隱喻意義(iphone解鎖)或有趣的動效(谷歌的加載動畫),提升產品的趣味性视译。


五嬉荆、設計完原型就可以與團隊評審并交付UI和技術開發(fā)設計了,但這些都不是我想說的酷含。因為真正重要的驗證你的設計鄙早。

在上線后多注意用戶多反饋,后臺數(shù)據中頁面的流失率第美,點擊率蝶锋,轉化率,用戶的使用流程(如何使用產品)什往,如果能達到預期效果那么說明設計合理扳缕,如果沒達到那可以分析原因下一版迭代,以此來驗證自己的設計是否合理。

相信說了這么多躯舔,你對交互設計師有了一定的了解了吧驴剔?

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市粥庄,隨后出現(xiàn)的幾起案子丧失,更是在濱河造成了極大的恐慌,老刑警劉巖惜互,帶你破解...
    沈念sama閱讀 212,542評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異训堆,居然都是意外死亡描验,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,596評論 3 385
  • 文/潘曉璐 我一進店門坑鱼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來膘流,“玉大人,你說我怎么就攤上這事鲁沥『艄桑” “怎么了?”我有些...
    開封第一講書人閱讀 158,021評論 0 348
  • 文/不壞的土叔 我叫張陵画恰,是天一觀的道長彭谁。 經常有香客問我,道長允扇,這世上最難降的妖魔是什么马靠? 我笑而不...
    開封第一講書人閱讀 56,682評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮蔼两,結果婚禮上甩鳄,老公的妹妹穿的比我還像新娘。我一直安慰自己额划,他們只是感情好妙啃,可當我...
    茶點故事閱讀 65,792評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著俊戳,像睡著了一般揖赴。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上抑胎,一...
    開封第一講書人閱讀 49,985評論 1 291
  • 那天燥滑,我揣著相機與錄音,去河邊找鬼阿逃。 笑死铭拧,一個胖子當著我的面吹牛赃蛛,可吹牛的內容都是我干的。 我是一名探鬼主播搀菩,決...
    沈念sama閱讀 39,107評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼呕臂,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了肪跋?” 一聲冷哼從身側響起歧蒋,我...
    開封第一講書人閱讀 37,845評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎州既,沒想到半個月后谜洽,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 44,299評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡吴叶,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,612評論 2 327
  • 正文 我和宋清朗相戀三年褥琐,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片晤郑。...
    茶點故事閱讀 38,747評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖贸宏,靈堂內的尸體忽然破棺而出造寝,到底是詐尸還是另有隱情,我是刑警寧澤吭练,帶...
    沈念sama閱讀 34,441評論 4 333
  • 正文 年R本政府宣布诫龙,位于F島的核電站,受9級特大地震影響鲫咽,放射性物質發(fā)生泄漏签赃。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,072評論 3 317
  • 文/蒙蒙 一分尸、第九天 我趴在偏房一處隱蔽的房頂上張望锦聊。 院中可真熱鬧,春花似錦箩绍、人聲如沸孔庭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,828評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽圆到。三九已至,卻和暖如春卑吭,著一層夾襖步出監(jiān)牢的瞬間芽淡,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,069評論 1 267
  • 我被黑心中介騙來泰國打工豆赏, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留挣菲,地道東北人富稻。 一個月前我還...
    沈念sama閱讀 46,545評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像己单,于是被迫代替她去往敵國和親唉窃。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,658評論 2 350

推薦閱讀更多精彩內容