全栈工程师?
嗯.....目前并不是!

你不在意的那些交互細節,正是能力提升的煉金石(一)

用戶體驗設計中,需要注意哪些交互細節呢?本文筆者將與大家分享自己在交互設計工作中對遇到的一些交互細節的思考和總結。

之前一直想寫些學習和從事用戶體驗工作的收穫和心得,一方面是對自己快三年工作的總結,另一方面也希望提出一些觀點,供大家一起探討學習,筆者是工業設計專業的一名小碩,目前就職於南京S開頭的互聯網公司,從事交互設計。

剛開始做交互工作的時候總是把大部分時間花在頁面的架構是否完整、串聯每個頁面邏輯、熟悉並掌握各個端口的設計規範和設計語言(包括並不限於APP和PC、還包括一些無人店的終端等)。

隨着經驗的積累,漸漸發現交互的細節同樣是需要花功夫去研究和積累的。

以下是在從事用戶體驗工作后,對遇到的一些交互細節的思考和總結。

閉環交互

以前經常聽前公司的交互領導說過一句話,交互設計首先要做到“從哪兒來,到哪兒去”。剛開始也是一知半解,只當是整個交互鏈路的完整性。隨着自己工作經驗的積累,和最近負責的一個公司店員使用的開單APP的走查工作的思考,慢慢體會到這句話的含義。

閉環交互,並不是僅指整個交互流程的閉環,更重要的是細化到每個頁面的的跳轉流程。

其實,所謂的閉環交互,並不僅僅指“從哪兒來,到哪兒去”這麼簡單。細化到每個用戶使用場景時,每個頁面的跳轉都值得思考,頁面跳轉具體場景要綜合考慮商業可行性和用戶需求。

一個頁面的返回按鈕或關閉按鈕,大多數情況會跳轉到父頁面合適,但一些特殊場景,反而跳到其他頁面更合適,比如:很多電商支付成功的頁面,點擊返回或關閉,並不會返回到購物車或下單詳情頁,而會返回到電商首頁,方便再來一單的引導,以促進商業價值最大化。

場景

場景主要包括:用戶的使用場景和業務場景兩部分,交互設計師應當帶着場景去思考交互細則。

大多數交互設計師在日常工作中經常考慮的是用戶的使用場景,如:我們會考慮用戶在操作終端時是在地鐵上、商場還是家裡、網絡情況是否穩定、大部分人操作的習慣會是怎樣、點擊區域的位置在哪裡更符合用戶的使用習慣等等。從而,根據目標用戶的畫像,對交互細節進行推敲,以滿足絕大多數用戶的使用場景。

但往往我們容易忽略的業務場景對產品才更至關重要,交互設計師不僅僅需要有同理心,站在用戶的角度思考問題,同時也應該保證把我們設計的產品很好的傳達給用戶,更符合產品的業務場景。

交互是產品和用戶通過終端的互動行為,兩者需要兼得。

設計過程要帶着業務去思考具體的使用場景是否恰當,而不是一味模仿優秀的競品產品。

舉個栗子:今日頭條和微博都是內容為導向的APP,但是在列表頁圖片展示的篇幅上卻不一樣——頭條的圖片展示為一條新聞列表最多顯示三張圖片,而微博可以顯示最多九張圖片。

我認為,究其原因還是兩個APP的業務定位所造成的差異——頭條整體偏新聞類,所以整體列表頁展示以吸引人的標題和一行圖片吸引用戶注意就夠了,感興趣的話點擊進去看新聞詳細內容即可;而微博的定位類似於貼吧,是為了聚集一類相同話題的用戶的互動行為,而話題很重要的組成部分就是圖片,需要在刷微博列表是就有足夠的篇幅去展示圖片。

文案

交互設計師需要對文案信息負責嗎?

答案是非常肯定的。文字是最能描述信息的載體,不推敲文案的交互設計師不算是好的用戶體驗師。

好的文案信息可以推動產品的體驗感,減少產品與用戶溝通的時間成本;而不好的文案信息會使用戶在閱讀信息時不僅“腦殼疼”,而且會產生憤懣感,很大程度影響了產品的易用性。

在交互設計的流程中,我們經常會遇到輸入框暗語、toast提示語、彈窗描述文字、狀態提醒等,需要絞盡腦汁推敲文案的場景。

在我們斟酌的所有文案信息中,簡明扼要是最大的指導原則,儘可能用親和的語言直述想要傳達給用戶的信息是至關重要的,如:在設計輸入框提示文字的時候,可以不用加上“請輸入”的字樣,而直接提示需要輸入的內容:“手機號/微信號”,因為如果只用一個輸入框還好,如果是多表單的填寫,會很大篇幅的增加用戶的閱讀負擔。

另外,對於資料申請、賬號審批、面試相關等狀態流轉時,應當除提醒“成功”、“失敗”、“通過”、“不通過”等外,試着適當委婉描述No一面的信息。同時,可通過輔助文案敘述出用戶下一步可以進行的動作,並適當用一些親和的語言,如常用的“哦”、“呢”、“吧”等語氣詞。

鍵盤

交互設計工作中,經常會遇到調用鍵盤的場景,並不是每個項目都有足夠的時間設計非常符合場景的鍵盤,所以需要調用系統鍵盤,iOS和Android 系統都為不同類型的信息輸入準備了相應的鍵盤。

所以,在交互工作中合理調用鍵盤,是有利於提升用戶的輸入效率的。

因此,相應的用戶體驗也會提升不少。但往往在我們的日常工作中,調用鍵盤是容易忽略的一件事,覺得是開發的事,但往往交互不把關,提出來對應的鍵盤使用情況,開發人員是不明確調用哪個鍵盤體驗好的。

有關調用系統鍵盤總結如下:

  • 有關長數字,請調用輸入數字鍵盤,如:身份證、銀行卡、手機號、、驗證碼、金額等常用場景;
  • 有關文字輸入請調用普通文字輸入鍵盤,如:聊天對話、評論信息、姓名、公司名稱等常用場景。

此外,如果需要在有鍵盤的場景下增加其他操作,請盡量不要在鍵盤上區域增加,因為開發一個鍵盤往往是一件耗時耗力的事情,可以在鍵盤上方新增操作區,如:微信、微博、BOSS直聘等都有這樣的交互方式,筆者自己定義為鍵盤+式交互形式。

微信和微博添加了輸入框、語音消息和鍵盤之間的切換、添加表情以及發送圖片等功能。

BOSS直聘除了添加輸入框、表情等,還加了常用語按鈕。

還原度測試

一般交互設計師的工作流程為:

1.需求分析:從產品經理手中接過需求,分析需求文檔、了解項目背景和用戶等;。
2.設計規劃:開始頁面構造階段,從總到分整理需求的邏輯,將需求文檔轉化成頁面。
3.設計細化:畫高保真原型圖,寫交互備註。
4.設計評審:通過組內(交互、視覺和設計領導等)、組外(開發、測試、產品和業務等)評審,推敲設計的合理性,並進行調整。
5.項目跟進:跟進視覺,確保高保真沒有遺漏場景,並參與高保真評審。跟進開發保障設計效果的實現。

在項目跟進階段很重要的工作是還原度測試,還原度情況經常被很多設計師忽略。然而,開發的還原度情況其實是非常影響整體的用戶體驗。

還原度測試通常需要交互設計師和視覺設計師共同參與,一方面測開發對於高保真的還原度情況、對交互流程的跳轉、點擊等是否滿足所有實際使用場景;另一方面也是上線前對產品最後一次整體評估和調整的機會。

在這個階段我們可以反覆推敲正常流程和異常流程是否流暢,最大程度保障產品0問題上線。通常還原度評估在95%以上,經過交互設計師簽還原度單,產品才可上線。

以上是鄙人的一點薄見,全當拋磚引玉。打算不定期更新這個系列,歡迎大家一起討論。

 

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《你不在意的那些交互細節,正是能力提升的煉金石(一)》
文章链接:https://www.pmbear.com/%e4%bd%a0%e4%b8%8d%e5%9c%a8%e6%84%8f%e7%9a%84%e9%82%a3%e4%ba%9b%e4%ba%a4%e4%ba%92%e7%b4%b0%e7%af%80%ef%bc%8c%e6%ad%a3%e6%98%af%e8%83%bd%e5%8a%9b%e6%8f%90%e5%8d%87%e7%9a%84%e7%85%89%e9%87%91%e7%9f%b3/
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们