聊下你不知道的交互設計:交互設計師在項目中是如何工作的

2 評論 5399 瀏覽 273 收藏 7 分鐘

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

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

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

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

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

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

然后

根據邏輯性,操作頻度,業務重要性調整模塊子功能的層級順序。

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

1785334-f7d540b223dffbba

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

  • “微信”:主要是IM聊天、收付款、掃一掃、添加好友等社交性的功能
  • “通訊錄”:主要是查找通訊錄中的人,管理通訊錄的人,添加好友等關于人的功能。
  • “發現”:主要屬于運營提升活躍的功能,發現朋友的新鮮事兒,尋找新朋友,發現游戲及購物。
  • “我”:都是屬于“我”的內容,我的相冊、我的錢包、我的優惠券、我的表情、設置。

1785334-9fb980621dd5d935

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

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

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

1785334-3b00af7ad2032ac9

  1. 譬如逛淘寶,如果你有明確目標可以進行關鍵詞搜索,如果需求很模糊可能會看導航中的推薦版塊。
  2. 經過價格和銷量的排序篩選后,你終于找到了中意的寶貝。
  3. 有可能還沒發工資沒有足夠的資金,只好寶貝“加入收藏夾”以便以后購買。也有可能豪爽的“立即購買”。
  4. 點擊立即購買后你需要確認好你的大小和樣式及數量。
  5. 輸入的收貨信息(由于這些需要輸入的內容比較繁瑣,所以常用收貨信息提高了效率)。
  6. 提交訂單。
  7. 選擇支付方式并支付(可能銀行卡沒錢等各種情況支付失敗)。

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

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

  1. 平臺規范(iOS&Android design guideline),了解相應平臺中的控件,以及使用的禁忌。
  2. 通用的設計原則,例如“功能可見性”,“即時反饋”,“防呆防錯”,“費茨定律”(按鈕的可觸達),“7±2法則”。
  3. 對用戶的認知和心理模型進行研究,如果產品的內容與用戶認知不匹配,就相當于對牛彈琴。所以必須了解用戶當前的對產品的態度,對產品的了解程度,所擁有的知識背景。
  4. 考慮內容的約束和限制,例如對任務失敗的反饋(網絡環境不好加載失?。?,對內容進行限制(文字長度及格式),對用戶犯錯或可能犯錯的警告提醒,對極限情況時的頁面展示。
  5. 整齊的排版,具有隱喻意義(iphone解鎖)或有趣的動效(谷歌的加載動畫),提升產品的趣味性。

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

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

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

 

作者:廚房仔,一只野生UX設計獅(微信:addgyuifhk 歡迎騷擾)

原文地址:http://www.jianshu.com/p/2e72ab0e264c

本文由 @廚房仔 授權發布于人人都是產品經理,未經作者許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 好像你的微信加不了 ??

    來自浙江 回復
  2. 太棒了!我要向你學習!我馬上就要大四實習了,希望能從你得文章里有所感悟。感謝這寶貴分享

    來自廣西 回復