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

8 評論 9147 瀏覽 45 收藏 11 分鐘

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

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

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

隨著經(jīng)驗的積累,漸漸發(fā)現(xiàn)交互的細節(jié)同樣是需要花功夫去研究和積累的。

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

閉環(huán)交互

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

閉環(huán)交互,并不是僅指整個交互流程的閉環(huán),更重要的是細化到每個頁面的的跳轉(zhuǎn)流程。

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

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

場景

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

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

但往往我們?nèi)菀缀雎缘臉I(yè)務場景對產(chǎn)品才更至關(guān)重要,交互設計師不僅僅需要有同理心,站在用戶的角度思考問題,同時也應該保證把我們設計的產(chǎn)品很好的傳達給用戶,更符合產(chǎn)品的業(yè)務場景。

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

設計過程要帶著業(yè)務去思考具體的使用場景是否恰當,而不是一味模仿優(yōu)秀的競品產(chǎn)品。

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

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

文案

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

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

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

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

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

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

鍵盤

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

所以,在交互工作中合理調(diào)用鍵盤,是有利于提升用戶的輸入效率的。

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

有關(guān)調(diào)用系統(tǒng)鍵盤總結(jié)如下:

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

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

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

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

還原度測試

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

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

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

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

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

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

 

本文由@交互小帥 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash, 基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 學習了,持續(xù)關(guān)注,謝謝

    來自廣東 回復
    1. ?? 我堅持更新

      來自江蘇 回復
  2. 學到了,謝謝

    來自北京 回復
  3. 可以了,啥時候進蘇寧跟帥哥混哈哈哈

    來自廣東 回復
    1. 歡迎歡迎

      來自江蘇 回復
  4. 學習了,感謝

    來自貴州 回復
  5. 奶思,贊一個!

    來自江蘇 回復
    1. 謝謝 ??

      來自江蘇 回復