> 交互設計師的三階段:有美感、有邏輯、有sense

我習慣把一次設計中的階段性方案保存下來,這便于我回憶設計是怎么一點一點被優化的,也便于我整理設計過程中一些具有共性的問題。今年初我們聯手中國電信做了一次送聽歌流量的活動。把這個需求交由一個新來的小朋友鍛煉鍛煉,在這過程中產出的階段性方案具有問題的典型性,不妨把它們看成一個交互設計師對交互設計理解的不同階段。
由于活動需求來得急,策劃給到交互的就直接是線框圖了。左邊是策劃方案,右邊是第一版交互。

可以發現,交互只是單純地把策劃內容復制到了交互稿,用標準的交互控件替換了下,排了個版。甚至原本策劃里稍稍顯露出一點端倪的紅包樣式也被一個按鈕樣式給替代了。
## 這是交互的第一階段,你就是個排版的

這是很多交互新人的狀態,會覺得策劃文檔就是定了的東西,自己要做的就是把這些東西排排好。當然排版也是一門博大精深的學問(真的有很多交互連這項基本技能都不過關的哦),這個以后單獨再寫一篇。
不會排版,你很難做好交互,但只知道排版,你的工作很快就會遇到瓶頸。
## 交互的第二階段,你會給策劃文檔挑刺兒

策劃也是人,也會出錯。團隊中多一類人的存在,就是為了多一點不同的觀點碰撞。交互可以說是整個項目組里面唯一一個會仔細看策劃文檔的人(其他人一般都直接看交互稿),所以這個翻譯和糾錯的過程尤其重要。
在這個過程中你需要將自己帶入情境,不斷地自問和追問策劃,發現問題、分解問題和解決問題。
我們再來看一遍策劃方案。

進入這個活動首頁的第一感覺——有一大段文字等著我去閱讀。
在這個頁面上我希望用戶做什么?
點擊領取紅包(設計目標)。
什么會對這個目標造成干擾?
這個頁面上的其他東西(發現問題)。
具體是哪些東西?
活動標題、操作步驟、活動規則(分解問題)。

這上面的每一類信息都是必要的么?
我覺得是的。
這上面的每一類信息都是你希望用戶在點擊領取之前要看的?
不是。操作步驟”輸入手機號blabla…“,在輸入手機號的界面再講也不遲;活動規則,希望用戶知道,但也不是非看不可。
剩下的信息能再精簡一點么?
感覺活動標題信息有重復,可以精簡;活動規則,相當于免責聲明,感覺精簡的空間不大。
如果不能再精簡,能通過設計讓它看上去再簡單一點么?
第一屏的留白可以更多一點,活動規則少露出來一點。

第二版交互方案,看上去簡潔了不少,但只是機械地精簡了文案,沒有感覺,一些重要的信息也沒有突出。
## 交互的第三階段,你除了會梳理邏輯和使用流程,你還有Sense

可以看到在交互的前兩個階段中,無論是排版還是給策劃文檔挑刺兒,如果僅僅靠的是邏輯,很容易把一些不該去掉的東西給去掉了。
邏輯正確保證了用戶在使用過程中不產生困惑,能順利完成任務。但是否能給用戶留下好的印象,就是一些邏輯之外的東西了。
關注用戶體驗和情感,能幫助你超脫策劃文檔本身,直接去思考問題的本質。
## 什么是一個好的活動設計?
我知道文案應該簡潔有力,在去粗存精的過程中,我該如何取舍?
那么就應該考慮,無論是在產品內部還是產品外部看到這個活動,用戶是否都能正確理解:中國電信4G(只有電信4G用戶才能參加該活動)、網易云音樂(我們產品里才有的活動)、免費送流量(活動的本質)、猴年(節日期間投放的活動,有助于烘托氛圍)。
除了做減法,是否還缺了什么?
從眾感,稀缺感……等等。
我需要傳達給用戶怎樣的情感?
這個活動所處的時間段,需要營造什么樣的氛圍,文案、配圖有什么講究,有哪些元素是需要突出的……不要吝嗇在交互稿中傳達出這些信息。
進一步優化方案:

交互設計師的三階段:有美感、有邏輯、有sense
第一階段是基本技能。不懂得排版,你連一份看得過去的交互稿都產出不了。
第二階段是思維能力。始終思考自己作為一個交互在團隊中存在的價值是什么。
第三階段是一種素養。我們常說,邏輯是沒啥問題,但就是不夠有感覺。而sense就是這樣一種介于理性和感性之間的能力。
- PHP學習
- PHP應用
- PHP函數總結整理
- 39個對初學者非常有用的PHP技巧
- 深入淺出之Smarty模板引擎工作機制
- 數組操作
- file操作的常用方法
- PHP字符串輸出之Heredoc說明
- require(_once)和include(_once)的理解
- PHP提高效率的幾點
- php無限遍歷目錄
- 53個要點提高PHP編程效率
- THINKPHP
- THINKPHP 常見的問題
- 微信
- 微信公眾號接口
- 微信小程序開發資料收集
- 微信小程序開發:MINA
- 通過微信小程序看前端
- 微信小程序開發初體驗
- 微信小程序 Demo(豆瓣電影)
- API應用
- 支付寶
- 二維碼轉換
- 前端開發
- HTML5
- CSS
- 七種css方式讓一個容器水平垂直居中
- JavaScript
- JavaScript奇技淫巧44招
- JavaScript筆記
- 后端開發
- Node
- SQL數據庫
- 服務維護
- git使用
- Git入門私房菜
- MAC終端維護
- VIM命令大全
- 開發規范
- 智能手機屏幕的秘密
- 超實用六步透視網易設計規范(附完整PDF下載)
- UI設計常用字體規范
- APP界面切圖命名和文件整理規范
- 網頁UI視覺設計規范
- ios視覺設計規范說明
- 開發APP時需要注意的原則
- 移動端APP設計初步入門
- Axure
- 基礎操作
- 基礎1-10
- 基礎11-20
- 基礎21-30
- 基礎31-40
- 基礎41-50
- 基礎51-60
- Sketch
- 軟件使用
- sublime3_用戶設置
- sublime下如何修改自動補全 后lang=zh-cn?
- 運營理念
- 新人指導心得體會
- 從一次活動設計,聊聊交互設計師的3個階段
- 詳情頁優化那些不得不說的細節
- 店鋪裝修淺析
- 淘寶店鋪裝修之寶貝詳情頁的布局教程
- 寶貝詳情頁 客戶需求調研及總結
- 寶貝描述樣板房