?最近在看《用戶體驗要素》，作為完完全全的門外漢，初次看這類交互設(shè)計專業(yè)書籍理解起來有些困難，不過我還是想結(jié)合最近最常用的知乎來談?wù)勎业睦斫猓鳛橐淮嗡伎嫉挠涗洝?《用戶體驗要素》涉及五個層次：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層。這篇文章我將結(jié)合自己使用知乎的經(jīng)驗主要從表現(xiàn)層、框架層、結(jié)構(gòu)層談我的體會。關(guān)注的是一些細節(jié)可能會比較零碎。
體驗環(huán)境：
軟件版本：Zhihu iOS Version 3.7.1(404)
體驗機型：iphone6
系統(tǒng)版本：iOS 9.2.1
體驗時間：2016.01.23
知乎是一個真實的網(wǎng)絡(luò)問答社區(qū)，社區(qū)氛圍友好理性，連接各行各業(yè)的精英。用戶分享著彼此的專業(yè)知識、經(jīng)驗和見解，為中文互聯(lián)網(wǎng)源源不斷地提供高質(zhì)量的信息。口號：與世界分享你的知識經(jīng)驗和見解。特色：在某一話題下的討論，對發(fā)散思維的整合;排他性，每個人都有自己的PR；嚴(yán)謹(jǐn)友好的氛圍。
表現(xiàn)層：
1、主色調(diào)是藍色，圖標(biāo)簡潔，傳達出精英、沉穩(wěn)、專業(yè)的氣息，與知乎所強調(diào)的與其他社交論壇相區(qū)別的嚴(yán)謹(jǐn)氛圍相符。2、扁平化風(fēng)格的banner和專題圖標(biāo)設(shè)計感強，形成了獨具特色的風(fēng)格，甚至被稱為知乎風(fēng)。我個人就很喜歡，老想模仿。
框架層：
界面設(shè)計：
一個好的界面設(shè)計是讓用戶一眼就看到“最重要的東西”。在知乎，最重要的當(dāng)然是問題了，所以我們可以看到無論是在首頁還是發(fā)現(xiàn)還是自己的收藏夾里，唯一重點加黑體的就是問題了。盡量遵循用戶習(xí)慣避免抽象比喻，但是適當(dāng)?shù)谋扔魇强梢蕴聿实模缰鯃A桌，初次聽可能不理解，但是點開圓桌頁面后發(fā)現(xiàn)不過就是一個個專題，在微博上叫話題，在豆瓣叫小事，在知乎，選用圓桌這個比喻，可以想象這樣一個畫面：一群精英圍著一個圓桌熱烈地討論某一話題，氣氛友好和諧，大家理性而充滿見解。這樣一下子將知乎與其他社交平臺區(qū)別開來，凸顯知乎特色。
界面設(shè)計不能給用戶誤解，特別是特殊的符號代表什么應(yīng)該嚴(yán)格按照用戶習(xí)慣。在我所體驗的iOS版知乎中，知乎圓桌詳情展開是一個向下的圖標(biāo)，收回去是一個向上的圖標(biāo)，很容易與蘋果手機中下方工具欄的呼出方式相混淆，知乎中是點擊，但是蘋果用戶多半會選擇上拉，結(jié)果出現(xiàn)操作失誤。
信息設(shè)計：
信息設(shè)計是指用一種能“反映用戶思路”和“支持他們完成任務(wù)和行為”的方式排列信息元素。知乎的每一個界面都非常簡潔并且要點突出，以首頁為例，主體是列表排列，每一條由動態(tài)來源、問題、一個高票及其點贊個數(shù)組成。其中，重點加粗的只有問題部分，使用戶視線首先集中在問題上，很好地突出了以問題為核心。其次重點突出的是點贊數(shù)，這相當(dāng)于是一個篩選，贊數(shù)多的熱度大，用戶更有可能讀下去。被弱化的是問題來源，來源主要有以下幾種：關(guān)注人的點贊回答提問、熱門問答、關(guān)注的專欄更新文章、關(guān)注話題的新問題等，來源不是重點，最多提醒用戶可能感興趣的原因，讓用戶對內(nèi)容有一個預(yù)期，重點在于問題本身。問題下面還會節(jié)選兩行某高票答案，如果對問題本身感興趣，點擊問題查看整個問題以及描述的細節(jié)，然后再一個個看答案。如果對推薦的高票答案感興趣就點開答案，再回頭仔細看問題，以及其他答案。這兩種思路都是在引導(dǎo)用戶了解問題，查看答案，進而留下自己的見解。
一個知乎用戶的個人資料來源于多個維度，信息量大，放在一起容易讓用戶迷惑，做好這部分的信息整合尤為重要，使其他用戶一眼就看出這位用戶大致的情況，從而決定是否關(guān)注她。大致可以分為兩部分，一是她在知乎社區(qū)中的位置（她回答的問題、關(guān)注她的人數(shù)、獲得點贊數(shù)、分享數(shù)等），二是她在現(xiàn)實生活中地位（教育經(jīng)歷。工作經(jīng)歷、職位、行業(yè)等）用戶主頁對這兩部分都有考慮，選擇了最重要的人氣（關(guān)注及回答情況）和職業(yè)（公司及職位）其他信息則被隱藏，讓感興趣的用戶深入探究。
導(dǎo)航設(shè)計：
首先，導(dǎo)航必須提供給用戶一個在不同頁面上跳轉(zhuǎn)的方式，其次體現(xiàn)出它們所包含的內(nèi)容之間的關(guān)系，哪個更重要，它們之間的差異在哪。
知乎整體框架使用的是下tab導(dǎo)航，一般來說，這樣的導(dǎo)航方式相互之間是平等的，可以通過點擊直接切換，沒有優(yōu)先級之分，但是針對每一個子頁面點進去后是上tab的導(dǎo)航，通過滑動來切換頁面，是有優(yōu)先級的。例如“發(fā)現(xiàn)”里的“推薦”是第一位，下方是活動banner和問答列表，緊緊抓住了以問答連接用戶的特點。“圓桌”是精選專題，放在第二位。“熱門”的內(nèi)容更新快但是沒有編輯的有效的整理比較雜亂，所以更次一位。最后一位是收藏，這部分與直接的問答隔著一層，優(yōu)先級相對最低。在“消息”里第一位是“通知”，是你所關(guān)心的問題的最新回答的更新，讓用戶第一時間看到自己迫切想了解的問題，第二位是“贊與分享”，是對用戶回答的肯定，最后才是“私信”。這樣的優(yōu)先級排布完完全全體現(xiàn)了知乎對用戶核心需求的把握，即對新知識的渴求和自我實現(xiàn)的需要。就這樣，在許多社交平臺上注重的私信被淡化了，在這個社區(qū)，連接起我們的不是個人，而是觀點，你是誰不重要，重要的是我贊同你的觀點，感謝你的回答。
結(jié)構(gòu)層：
交互設(shè)計：
交互設(shè)計關(guān)注“用戶可能的行為”同時定義“系統(tǒng)如何配合和響應(yīng)”這些用戶行為。我想從兩點來分析知乎在這方面的處理。
第一個是關(guān)于搜索的體驗。現(xiàn)在在知乎有一個情況是很多問題類似甚至重復(fù)，這既造成了搜索困難又浪費時間，出現(xiàn)大量無意義的問題，為避免這種情況，知乎建議用戶能先搜索問題，解決不了了再提問，所以在首頁上方設(shè)置了搜索欄，搜索欄右側(cè)是一個小小的“+”用來添加問題，“+”很小，正是出于鼓勵搜索的目的。再來看看真實的搜索場景：從用戶輸入第一個字起，下方就開始推薦相關(guān)話題和問答，讓用戶從一開始就篩選是否有自己所需要的，搜索結(jié)果分為內(nèi)容和用戶，用來劃分篩選范圍，并且出現(xiàn)添加問題選項，讓用戶隨時添加問題而不用返回上一層再添加問題，這樣一來用戶的思路是連貫的，不會出現(xiàn)輸入了幾個字還沒有反饋或者搜不到想要的心急的情況。但是我發(fā)現(xiàn)這里有一個不太好的體驗：刪除已輸入文字后會自動返回首頁，要想重新輸入則必須再次點擊進入喚起鍵盤，要知道用戶清空搜索文字也許不是不想搜了而是想換個提問方式。
第二點是搖一搖截屏反饋。知乎團隊非常注重用戶體驗和社區(qū)內(nèi)部友好的氛圍。這種氛圍是知乎吸引高素質(zhì)專業(yè)人才的重要因素，也是大量高質(zhì)量回答的保障，是知乎的核心競爭力，所以不難理解知乎團隊會將問題反饋放在重要位置，甚至專門提供一個快捷反饋渠道。我們都有體會，有時候遇到問題確實想反饋，但是因為不知道如何、向誰反饋或者單純地怕麻煩而選擇忽視。因此，用戶確實是有需求的，關(guān)鍵在于如何滿足需求。讓我們回到真實的用戶場景：普通用戶在刷知乎，突然出現(xiàn)首頁一片空白刷不出來動態(tài)，用戶可能覺得奇怪，多嘗試幾次失敗后就要不耐煩了，這時他很可能會不耐煩地搖動手機，盡管這好像也沒啥用，不對，這次有用了，呼出了搖一搖反饋功能，小彈窗出來了并詢問需要反饋什么問題（彈窗是一個需要慎用的交互設(shè)計，用得好體驗流暢，不好可能惹惱用戶，稍后細說）。
點擊遇到問題或者建議反饋，手機會震動提示，并直接進入編輯模式，用戶可以用畫筆在截屏上圈出問題，在自動下拉的文本框里提交文字，文本框上方還會出現(xiàn)郵箱，一方面方便核對信息一方面告訴用戶是通過什么身份發(fā)送反饋的，讓用戶始終明白自己用什么身份在哪做什么。整個過程很流暢不需要思考就可以輕松完成。
但是上述場景只是呼出搖一搖的場景中很普通的一種。大多數(shù)人大多數(shù)時候不太可能遇到Bug，卻很可能手誤晃動手機，這時彈窗出來，第一次出現(xiàn)用戶會覺得嗯，不錯，還有這樣一個功能呢，但是次數(shù)多了就會不耐煩了，據(jù)我自己的體會，搖一搖還是比較敏感的，彈窗出來一下子打斷我的閱讀，體驗真的不太好。好在知乎細心地體會到我的心情了，彈窗除了反饋的兩個選項還有一個關(guān)閉搖一搖和沒啥事選項，這樣就周到地考慮到所有可能的用戶心理，很好地詮釋了交互設(shè)計的工作：關(guān)注“用戶可能的行為”同時定義“系統(tǒng)如何配合和響應(yīng)”這些用戶行為。
接下來說一下彈窗。彈窗以一種層的形式出現(xiàn)，層后面是半透明或者深色遮罩。彈窗與一般頁面相區(qū)別的一大好處就是讓用戶感覺自己沒有離開當(dāng)前頁面，知道自己在哪，在干什么，即將到哪去，讓用戶充滿自信，感覺一切在我的掌控之中。同時它的出現(xiàn)使用戶集中注意力并快速完成任務(wù)。其次，由于不用刷新頁面，彈窗出現(xiàn)和推出的速度都很快，讓整個過程更流暢。然而，彈窗也可能體驗很差造成用戶流失。主要指以下兩種：不在用戶預(yù)期之內(nèi)出現(xiàn)的、無用的、打斷用戶操作的、告警信息和不斷疊加的彈窗。那么什么時候使用彈窗呢？應(yīng)該是在彈窗的內(nèi)容、包含的交互方式簡單的、臨時短暫又不可或缺的時候。
最后一個小細節(jié)是分享。分享知乎上的內(nèi)容主要是為了知識的傳播或者儲存，分享的渠道有很多，但是與其他app相比，更重視存儲和記錄，所以除了微信朋友圈微博等常用的渠道外，還有印象筆記、有道云筆記、Pocket等，同時前面也說到了，私信在知乎中優(yōu)先級較低，所以放在第二面。
分享到聊天頁面時會詢問是返回知乎還是留在聊天界面，因為考慮到用戶還會想和朋友再多說幾句。而分享到筆記類應(yīng)用時則默認返回知乎，只是存儲不用停留。這些細節(jié)都反映出知乎對產(chǎn)品定位和用戶體驗場景的考慮。
結(jié)合理論知識和具體細節(jié)，終于讓我對交互設(shè)計有了更直接的理解。
