【干貨】阿里騰訊的交互設(shè)計方法論

又是一個周六,耳機里放著我母上大人跳廣場舞的歌兒,學著國內(nèi)互聯(lián)網(wǎng)頂尖公司的交互設(shè)計知識,真是好TM鮮明的反差......當著母上對這些歌兒表示不屑,聽的時候也不會下載到手機里,以防自己在同齡人中露餡,在外我都是聽Rihanna的,不能把我的low b形象的一面敗露了。講真,聽著這些網(wǎng)絡(luò)歌曲心情果真很舒暢,心情立馬單純起來,學習起來都可帶勁了。

我一般都是以【主題學習】,以一個核心問題展開。這是因為深受一片主題學習的文章影響,感覺這才是適合我的學習方式,解決問題式的閱讀與學習,不會無聊,和打怪升級一樣。學習完之后,制作腦圖或者寫筆記,給自己留下一個知識體系,這感覺就像給自己留了一點知識小金庫。

不廢話了,我這一天帶勁的學習了啥呢?

主題學習:如果我是交互設(shè)計師,我怎么工作?

這顯然就知道了我不是交互設(shè)計師,我是個剛進PM的一年小女子。大部分人可能也不是交互設(shè)計師,畢竟這個職位只有幾個大公司會單獨設(shè)立,那看這篇文章就會有收獲了。在同步學習到的干貨之前,有必要扯一些我學習之前的動機和想法。

動機:動機很重要,這會決定你會不會做某件事,如果沒動機,也就沒有接下來的一切。我自己是對于這種我不大懂的領(lǐng)域,我就很有好奇心去探索,看看怎么玩的。那也不是什么都會去了解,一般我對工作相關(guān)的才感興趣。這話聽起來是不是特假.....可是這是真的,原因么,無非是想盡快的提升自己的工作能力。

好處:平時PM不知道怎么的就把交互做了,不知其所以然。但是針對學了交互的話,可以提升這塊的能力,拉開與其他PM 的差距,超越別人一直是我不好啟齒的動力,哈哈。不過,說回來,交互設(shè)計能力是提高產(chǎn)品的用戶體驗,很有價值。

那么以下幾個維度展開:

一、什么是交互

二、交互的目標和價值

三、一些指導(dǎo)思維和原則

四、怎樣去做-流程

五、阿里騰訊的工作流程樣例

六、實踐 做一個適合我們公司的設(shè)計流程


一、什么是交互

將已定好的“功能”設(shè)計成頁面實現(xiàn)出來,一切產(chǎn)品里與人互動的東西都算在交互范圍內(nèi)。這個是不是聽不懂?大白話就是,PM把功能確定了,比如PM確定了有一個結(jié)算付款的功能,那么交互來確定結(jié)算按鈕放在哪里,點擊后怎么反饋到用戶知道點擊了等等。

二、交互的目標和價值

目的是得到更好的用戶體驗。大白話是讓用戶用著爽。

三、一些指導(dǎo)思維和原則

采用用戶熟悉的方式:降低操作門檻,除非有更好的選擇,否則就遵從標準。

基于用戶的心里模型,而不是基于實現(xiàn)模型

界面設(shè)計保持一致

減少用戶輸入:給出輸入?yún)⒖?br>

全局導(dǎo)航需要一直存在

四、怎樣去做-流程

1、需求分析:分析需求,理解要去做哪些功能,為什么要做這些功能。一定要明白為了解決什么問題,這樣才會避免做出來后發(fā)現(xiàn)并不是當初想要的。

2、確定人物角色:即產(chǎn)品的典型用戶,有主要人物模型和次要人物模型。這一步是為了考慮問題一定要以目標用戶角度出發(fā),常人犯的錯誤就是以自己出發(fā)。比如說做的是一款老年手機,那么做任何交互肯定以老人為主,比如默認字體很大,這些都不能以自己感受出發(fā)。

3、競品分析:分析市場上幾個競品。主要是為了取其精華去其糟粕。

4、寫問題場景:羅列人物角色在使用產(chǎn)品時可能遇到的問題,可以整理成一個故事便于別人理解。

5、寫動作腳本:像寫故事一樣,寫人物角色在使用你設(shè)計好的產(chǎn)品時,發(fā)生的細節(jié)。這個概念模型是通過解決問題腳本里的問題而得出的。

6、畫線框圖:這個線框圖是通過把動作腳本里的概念模型轉(zhuǎn)化成視覺模型得到的,粗粒度的線框模型。

7、制作原型:在線框圖里填上血肉,補充好細粒度的細節(jié)。做出來好像可以用的東西。一般用Axure就可以。

8、專家評測:至少兩名設(shè)計師或?qū)换ピO(shè)計比較了解的人通過反復(fù)測試原型。找到問題后修改線框圖并更新原型。

9、用戶評測:讓用戶使用原型,可以給他們一些任務(wù)去完成。根據(jù)用戶在使用過程中的問題和建議進行進一步修改。

10、跟進開發(fā)實現(xiàn):開發(fā)后看效果是否和設(shè)計保持一致。

11、上線后實際使用情況分析

12、總結(jié)與思考


五、阿里騰訊的工作流程樣例

從牛逼公司的流程中可以洞察出來很多做事的關(guān)鍵點,有木有。因為流程的存在就是之前的一幫英雄,把做這項工作的要點提煉出來,指導(dǎo)以后的新人快速上手,能達到80分水平的。所以,洞察工作流程,是一個快速學習新領(lǐng)域的手段。圖中有很多價值點,太多了我就不解釋了自己看吧,值得收藏哦~

淘寶UED部門工作流程

阿里旺旺UED工作流程


騰訊CDC用戶體驗設(shè)計部


微軟研究院設(shè)計工作流程

六、實踐 做一個適合我們公司的設(shè)計流程

不實踐就有耍流氓的意思。學了不能白學,套用在自己公司情況上。根據(jù)自己公司的產(chǎn)品情況,人力情況,進行量體裁衣。我們是一個做智能硬件的創(chuàng)業(yè)公司,沒有交互設(shè)計師,這個東西自然就是PM來做。所以我就把“PM+交互”弄了一個工作流程。


就要結(jié)尾了,第一次發(fā)表這種分享,也不知道有沒有人會看,又沒人會打賞...之前只是寫給自己,現(xiàn)在寫出來給任何想看的人,就有了不一樣的感覺,有種想交流的欲望,哈哈哈。

回顧這一天,我學習到了交互的初步知識體系+幾首循環(huán)播放的廣場舞歌曲。真是精神分裂且有意義的一天。PS,我是長相溫柔騙人,實際是個接地氣女屌絲的小囡囝。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容