你不在意的那些互動細節,正是能力提升的鍊金石(一)
使用者體驗設計中,需要注意哪些互動細節呢?本文筆者將與大家分享自己在互動設計工作中對遇到的一些互動細節的思考和總結。
之前一直想寫些學習和從事使用者體驗工作的收穫和心得,一方面是對自己快三年工作的總結,另一方面也希望提出一些觀點,供大家一起探討學習,筆者是工業設計專業的一名小碩,目前就職於南京S開頭的網際網路公司,從事互動設計。
剛開始做互動工作的時候總是把大部分時間花在頁面的架構是否完整、串聯每個頁面邏輯、熟悉並掌握各個埠的設計規範和設計語言(包括並不限於APP和PC、還包括一些無人店的終端等)。
隨著經驗的積累,漸漸發現互動的細節同樣是需要花功夫去研究和積累的。
以下是在從事使用者體驗工作後,對遇到的一些互動細節的思考和總結。
閉環互動
以前經常聽前公司的互動領導說過一句話,互動設計首先要做到“從哪兒來,到哪兒去”。剛開始也是一知半解,只當是整個互動鏈路的完整性。隨著自己工作經驗的積累,和最近負責的一個公司店員使用的開單APP的走查工作的思考,慢慢體會到這句話的含義。
閉環互動,並不是僅指整個互動流程的閉環,更重要的是細化到每個頁面的的跳轉流程。
其實,所謂的閉環互動,並不僅僅指“從哪兒來,到哪兒去”這麼簡單。細化到每個使用者使用場景時,每個頁面的跳轉都值得思考,頁面跳轉具體場景要綜合考慮商業可行性和使用者需求。
一個頁面的返回按鈕或關閉按鈕,大多數情況會跳轉到父頁面合適,但一些特殊場景,反而跳到其他頁面更合適,比如:很多電商支付成功的頁面,點選返回或關閉,並不會返回到購物車或下單詳情頁,而會返回到電商首頁,方便再來一單的引導,以促進商業價值最大化。
場景
場景主要包括:使用者的使用場景和業務場景兩部分,互動設計師應當帶著場景去思考互動細則。
大多數互動設計師在日常工作中經常考慮的是使用者的使用場景,如:我們會考慮使用者在操作終端時是在地鐵上、商場還是家裡、網路情況是否穩定、大部分人操作的習慣會是怎樣、點選區域的位置在哪裡更符合使用者的使用習慣等等。從而,根據目標使用者的畫像,對互動細節進行推敲,以滿足絕大多數使用者的使用場景。
但往往我們容易忽略的業務場景對產品才更至關重要,互動設計師不僅僅需要有同理心,站在使用者的角度思考問題,同時也應該保證把我們設計的產品很好的傳達給使用者,更符合產品的業務場景。
互動是產品和使用者通過終端的互動行為,兩者需要兼得。
設計過程要帶著業務去思考具體的使用場景是否恰當,而不是一味模仿優秀的競品產品。
舉個栗子:今日頭條和微博都是內容為導向的APP,但是在列表頁圖片展示的篇幅上卻不一樣——頭條的圖片展示為一條新聞列表最多顯示三張圖片,而微博可以顯示最多九張圖片。
我認為,究其原因還是兩個APP的業務定位所造成的差異——頭條整體偏新聞類,所以整體列表頁展示以吸引人的標題和一行圖片吸引使用者注意就夠了,感興趣的話點選進去看新聞詳細內容即可;而微博的定位類似於貼吧,是為了聚集一類相同話題的使用者的互動行為,而話題很重要的組成部分就是圖片,需要在刷微博列表是就有足夠的篇幅去展示圖片。
文案
互動設計師需要對文案資訊負責嗎?
答案是非常肯定的。文字是最能描述資訊的載體,不推敲文案的互動設計師不算是好的使用者體驗師。
好的文案資訊可以推動產品的體驗感,減少產品與使用者溝通的時間成本;而不好的文案資訊會使使用者在閱讀資訊時不僅“腦殼疼”,而且會產生憤懣感,很大程度影響了產品的易用性。
在互動設計的流程中,我們經常會遇到輸入框暗語、toast提示語、彈窗描述文字、狀態提醒等,需要絞盡腦汁推敲文案的場景。
在我們斟酌的所有文案資訊中,簡明扼要是最大的指導原則,儘可能用親和的語言直述想要傳達給使用者的資訊是至關重要的,如:在設計輸入框提示文字的時候,可以不用加上“請輸入”的字樣,而直接提示需要輸入的內容:“手機號/微訊號”,因為如果只用一個輸入框還好,如果是多表單的填寫,會很大篇幅的增加使用者的閱讀負擔。
另外,對於資料申請、賬號審批、面試相關等狀態流轉時,應當除提醒“成功”、“失敗”、“通過”、“不通過”等外,試著適當委婉描述No一面的資訊。同時,可通過輔助文案敘述出使用者下一步可以進行的動作,並適當用一些親和的語言,如常用的“哦”、“呢”、“吧”等語氣詞。
鍵盤
互動設計工作中,經常會遇到呼叫鍵盤的場景,並不是每個專案都有足夠的時間設計非常符合場景的鍵盤,所以需要呼叫系統鍵盤,iOS和Android 系統都為不同型別的資訊輸入準備了相應的鍵盤。
所以,在互動工作中合理呼叫鍵盤,是有利於提升使用者的輸入效率的。
因此,相應的使用者體驗也會提升不少。但往往在我們的日常工作中,呼叫鍵盤是容易忽略的一件事,覺得是開發的事,但往往互動不把關,提出來對應的鍵盤使用情況,開發人員是不明確呼叫哪個鍵盤體驗好的。
有關呼叫系統鍵盤總結如下:
- 有關長數字,請呼叫輸入數字鍵盤,如:身份證、銀行卡、手機號、、驗證碼、金額等常用場景;
- 有關文字輸入請呼叫普通文字輸入鍵盤,如:聊天對話、評論資訊、姓名、公司名稱等常用場景。
此外,如果需要在有鍵盤的場景下增加其他操作,請儘量不要在鍵盤上區域增加,因為開發一個鍵盤往往是一件耗時耗力的事情,可以在鍵盤上方新增操作區,如:微信、微博、BOSS直聘等都有這樣的互動方式,筆者自己定義為鍵盤+式互動形式。
微信和微博添加了輸入框、語音訊息和鍵盤之間的切換、新增表情以及傳送圖片等功能。
BOSS直聘除了新增輸入框、表情等,還加了常用語按鈕。
還原度測試
一般互動設計師的工作流程為:
1.需求分析:從產品經理手中接過需求,分析需求文件、瞭解專案背景和使用者等;。
2.設計規劃:開始頁面構造階段,從總到分整理需求的邏輯,將需求文件轉化成頁面。
3.設計細化:畫高保真原型圖,寫互動備註。
4.設計評審:通過組內(互動、視覺和設計領導等)、組外(開發、測試、產品和業務等)評審,推敲設計的合理性,並進行調整。
5.專案跟進:跟進視覺,確保高保真沒有遺漏場景,並參與高保真評審。跟進開發保障設計效果的實現。
在專案跟進階段很重要的工作是還原度測試,還原度情況經常被很多設計師忽略。然而,開發的還原度情況其實是非常影響整體的使用者體驗。
還原度測試通常需要互動設計師和視覺設計師共同參與,一方面測開發對於高保真的還原度情況、對互動流程的跳轉、點選等是否滿足所有實際使用場景;另一方面也是上線前對產品最後一次整體評估和調整的機會。
在這個階段我們可以反覆推敲正常流程和異常流程是否流暢,最大程度保障產品0問題上線。通常還原度評估在95%以上,經過互動設計師籤還原度單,產品才可上線。
以上是鄙人的一點薄見,全當拋磚引玉。打算不定期更新這個系列,歡迎大家一起討論。
本文由@互動小帥 原創釋出於人人都是產品經理,未經許可,禁止轉載。
題圖來自Unsplash, 基於CC0協議