編輯導語:“交互”是一個我們經常會看見的詞彙,“交互”包含很多方面,好的交互能夠使工作事半功倍。但是你真的知道什麼是真正的交互,而什麼樣的交互才是好的交互嗎?一起看看這篇文章,來尋找答案吧。
最近一份工作和一位優秀的交互設計師(可能是我認知中最優秀的)一起工作,感覺整體的工作流程順暢到讓我舒心,令我不得不提筆寫下這篇文章表達一下在我知道的領域中什麼是優秀的交互。
一、核心
1. 交互的定義
交互有兩種定義,一指交互設計師,一指交互設計。
交互設計師:在大中型團隊中,都會設立一個交互設計師崗位,聚焦于交互設計,向上對接産品經理,向下對接UI設計師。一個優秀的交互設計師,在團隊中一定會起到很好的粘合作用,幫助整個團隊以及項目流暢的運轉;幫助産品聚焦需求與用戶身上;幫助UI設計師提高輸出物的設計質量。
交互設計:交互設計本質上是對行為的設計;在小型團隊中,交互設計是一個普适性的技能,對應的設計工作會被分給産品經理和UI設計師來完成,需要由一方活捉雙方協作來完成交互設計,通過交互設計承載從抽象到具體的落地。
2. 交互的工作
在我們實際的工作流程中經常會遇到一種情況,你定義完需求字段和邏輯之後交付給「線框仔」去完成交互設計,「線框仔」畫畫線框圖,然後将線框圖交付給UI設計,在版本疊代中對接下前端開發驗收下實現,在整個工作流過程中交互的工作流是不是就這樣結束了呢?
(圖片引自網絡)
當然不是,交互需要做的事情雖然看起來集中在表現層,但表現層本質上也是從最底層的戰略層→範圍層→結構層→框架層→表現層一層層從抽象到具象上來的。
交互設計時需要同步思考其他層次的内容,舉例:作為交互設計師要去設計網站工作台的導航時需要先思考産品的用戶群以及用戶的使用路徑是什麼樣的,然後在産品梳理的信息結構基礎上加工設計産品為左側導航或者頂部導航的形式。
(1) 什麼人用→看到什麼
在交互設計的關鍵路徑第一步一定是有用戶畫像的切分,什麼樣的人去使用這個産品,他能看到什麼樣的信息,哪些信息對他來說比較重要需要加重顯示;通過了解用戶畫像的區分去設計對應界面裡的信息、字段、元素、說明提示。
(2) 解決什麼問題→做什麼
這個産品/功能需要解決什麼問題,這個影響到用戶的功能操作設計;例如:收藏功能,在這個步驟的關鍵就是要解決用戶浏覽商品卻無法将商品收藏起來的問題;用戶看到了商品的信息,不是隻浏覽信息,而是可以對商品進行收藏、購買、添加購物車等一系列操作。
(3)迎合什麼需求→完成了什麼
沒有服務于業務的交互設計隻是一個局限于視覺的設計,交互設計和産品設計都是基于業務模型搭建,(用戶看到了信息,對信息進行了操作)隻是一個簡單的一次性會話,實際在現實業務中會存在很多複雜且特殊的情況,這些都是需要在交互設計時考慮的,考慮到最終業務需要用戶去做什麼事情,在這個過程中存在着什麼樣的不同時态以及不同角色。
二、設計方法格式塔心理學原則、尼爾森可用性原則、尼爾森F視覺模型、Heuristic Evaluation十原則、費茨定律、席克定律、7 2法則、2秒原理、2/8法則、3次點擊法則、界面黃金8法則、jakob nielson原則、KANO模型、0123簡單法則、MVP法則、嬰兒鴨綜合症、包豪斯理念、泰思勒定律、防錯原則、奧卡姆剃刀原理、maya法則、信噪比法則、序列效應、功能可見性原則、成本效益、古騰堡圖表法、交互易用性五大法則、馬斯洛需求層次理論。
以下簡單介紹三種交互設計方法:
1. 格式塔心理學
Proximity接近、Similarity相似、Closure閉合、Continuity連續、Simplicity簡單。
格式塔理論明确地提出:眼腦作用是一個不斷組織、簡化、統一的過程,正是通過這一過程,才産生出易于理解、協調的整體。
也就是說在人腦作用下,人首先會注意到一個有整齊、規律的整體,然後再看到細緻的各個模塊。
2. 希克定律
著名的“交互設計四策略”:合理删除、分層組織、适時隐藏和巧妙轉移。
給用戶非常多的選擇,約等于沒給用戶選擇,當然任何應用程序都會有一些無法消除的複雜性,關鍵的問題在于: 誰會面對這些複雜性?到了設計簡單用戶體驗的最後,往往不是問“怎樣才能把這個功能設計得更簡單”,而是問“到底應該把這個複雜性放到哪裡”。
3. 微設計
“微設計”理念是一種從微小細節觀察并改良物的思維方法。其分為兩層含義,一層是觀察并找到物存在的深層問題,另一層是用最為精确的方式改良物。”微設計”理念既強調準确找到物被人需要的理由,也重視以最小的改變達到對原有物品的精确改良。也就是所謂的少即是多,針對性設計。
三、關系1. 交互設計和産品設計的關系
在我們想要做出一個優秀的交互和設計之前,先想想什麼影響到了交互和設計的好壞?很簡單,是這個産品上呈現出來的頁面,是這個組成這個頁面的字段、按鈕等等元素。
那麼想要做好交互設計,就需要組織好這個頁面以及這個頁面上的元素了。
那麼我們該如何組織好這個頁面以及這個頁面上的元素呢?
就像是希克定律描述的那樣,合理删除、分層組織、适時隐藏和巧妙轉移,我們可以将頁面中有業務關聯的不同元素作為一類進行分類,這樣更方便用戶的操作,将同類型的元素劃分為同一個功能區域,這些功能區域的排序必須符合用戶習慣。需要符合用戶的常規的視覺動線——由上至下進行排序,從左到右的順序。
2. 交互設計和視覺設計的關系
為什麼我們談到交互時經常談到設計?
本質上交互和視覺是無法分割開來的一個整體。交互依賴于視覺呈現效果,視覺又依賴于交互的指引。
舉個簡單的例子,如果一個頁面上所有按鈕的位置、大小都設計得很合理,但某個重要按鈕的顔色沒選對,本該使用搶眼的顔色卻用了不起眼顔色,那最終交付出來的設計方案還是失敗的,在用戶側使用時是無法達到前期交互設計所預想的設計效果。
所以我們看到在實際工作中交互設計師(或承擔交互設計任務的産品經理)和視覺設計師常常會密切合作,避免兩者相互沖突、彼此消減,力求達到“本應如此”的協同狀态。
四、後記以上講的可能還是太過抽象,考慮後續有時間我會輸出一份之前做過的《内容平台轉型–工作台設計》的具體設計文檔。
本文由 @東航Channel 原創發布于人人都是産品經理。未經許可,禁止轉載。
題圖來自Unsplash,基于CC0協議。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!