在有限的界面尺寸里，給予用戶無限操作可能

股票中行情內(nèi)容是最多的，其內(nèi)容展現(xiàn)的難度系數(shù)相當大，所以它的交互設(shè)計也十分棘手。

在一個界面中，僅通過點擊方式無法承載股票行情的諸多功能點。要想界面簡潔、突出重點就必須把相對次要的功能隱藏起來。在行情界面設(shè)計過程中遇到的主要問題是哪些東西該顯示，哪些東西隱藏，隱藏后如何讓用戶發(fā)現(xiàn)，怎樣的顯示方式更容易被用戶接受等等。

編者按：今天這篇文章，是由騰訊高級交互設(shè)計師@C7210 向同學(xué)們征集問題后作出的回答，涉及交互設(shè)計、行業(yè)趨勢、職場、工具推薦等等，都是大家平時特別關(guān)心的，趕緊來收。

歡迎關(guān)注作者（高級交互設(shè)計師、貓奴、吉他手、鼓手、老狗、單身，現(xiàn)就職于騰訊ISUX）的微信公眾號：Beforweb

提問

來自@X丶field：請問對于現(xiàn)在視覺和交互逐漸融合的UX/Product Designer崗位有什么看法？

C 回復(fù)：

好問題，也是我個人以及一些朋友正在親身面對、體會和見證的所謂“行業(yè)趨勢”。

首先排除全能型個人以一當十的情況，單就通常意義上的團隊協(xié)作的形式而言，目前我所能看到的“融合”分為兩類：

第一類：交互設(shè)計師與視覺設(shè)計師在產(chǎn)品層面統(tǒng)一認知，理解并認同商業(yè)意義及產(chǎn)品目標，以此為基礎(chǔ)，在各施所長、各盡其職的同時，更多的學(xué)習(xí)、了解彼此職能的目標、焦點和工作方法，互相理解，融會貫通，減少分歧，降低成本，以最大化的合力完成產(chǎn)品設(shè)計工作。這種模式下，所謂“UX/產(chǎn)品設(shè)計師”是對兩種職能的統(tǒng)稱。本質(zhì)上講，這就是對于我們?nèi)缃袼煜さ膫鹘y(tǒng)團隊模式的一種漸進式提升。

盡可能閱讀各種相關(guān)材料，比如商業(yè)計劃，產(chǎn)品計劃，市場調(diào)查報告，平臺規(guī)范等，以更綜合地為設(shè)計做鋪墊，當中會用到文獻調(diào)研，競品分析，啟發(fā)式評估等方法。團隊的不同角色根據(jù)各自職責(zé)進行分析，比如視覺設(shè)計師可能多分析現(xiàn)在的視覺潮流，產(chǎn)品載體所在平臺的設(shè)計規(guī)范，當然結(jié)果是面向所有人共享的。

白珠子：提到用戶招募，你的眼前可能馬上浮現(xiàn)出一個麻煩熊孩子的形象。假如你采納了定性研究方法，它幾乎就無法躲開。它令人疑惑，一開始你可能一頭霧水，不太清楚要找怎樣的用戶；它讓人著急，你計劃在4天內(nèi)找到合適的用戶，在多個渠道發(fā)放了招募信息，卻只收到少量回應(yīng)，不得不將整個調(diào)研項目的時間往后推；它不讓人省心，用戶也許表示只在某個特定時間段有空，可是這個時間段已經(jīng)被另一位用戶占用了……你來來回回地調(diào)整時間表，既尷尬又心累。

怎樣才能讓這位“熊孩子”聽話些？今天筆者就來簡要說說用戶招募的步驟和其中的一些技巧。

占位符文本可用作幾乎所有的HTML輸入類型的屬性，被誤導(dǎo)的設(shè)計師和開發(fā)人員不要猶豫。為復(fù)雜的表單提供文字幫助或者刪除輸入標簽來提高美觀度都頗具吸引力，然而，這樣使用占位符文本會導(dǎo)致許多可用性問題。

本文將例舉常見的不良做法，并提供替代方案。

將占位符作為標簽

說起“愉悅性”，我們通常會想到一些讓人感到溫暖、開心的東西，譬如毛絨玩具、紙杯蛋糕、擁抱，等等。

不過，具有愉悅性的事物在某些情況下同樣會帶來負面效應(yīng)。某些笑話可能冒犯到他人，溫馨的廣告可能誤導(dǎo)部分觀眾，即便是可愛的音效也會因為運用不當而使人抓狂。

在UX領(lǐng)域，我們總會對那些體現(xiàn)著愉悅性的設(shè)計細節(jié)贊賞有加；而另一方面，對其負面效應(yīng)的了解也將有助于我們更好、更全面的掌握這一設(shè)計原則，避開陷阱。

場景對于界面設(shè)計和可用性測試來說都是非常重要的。

一、在描述一個場景時，需要涵蓋哪些方面呢?

一個好的場景在描述簡潔的同時，還需要回答下列關(guān)鍵的問題

用戶是誰?人物角色可以反映出網(wǎng)站真實的、主要的用戶群體。

用戶為什么來你的網(wǎng)站?如果可以的話，記下用戶到你的網(wǎng)站來的動機和預(yù)期。

用戶的目標是什么? 通過任務(wù)分析，你可以了解用戶到你的網(wǎng)站來是想獲得什么，進而可以知道你的網(wǎng)站需要做什么才能讓用戶滿意的離開。

另外一些場景描述還可以回答以下的問題：

在設(shè)計這個網(wǎng)站之前，你可以先寫下10-30個你認為的用戶想訪問你的網(wǎng)站的原因或者用戶希望通過網(wǎng)站完成的任務(wù)。

場景和人物角色還可以結(jié)合起來，分類呈現(xiàn)不同類型的用戶到網(wǎng)站來的原因，有什么樣的需求，揭示出“什么樣的人”在“什么樣的場景”下會有“什么樣的行為”。

場景和人物角色可以通過故事的方式結(jié)合起來：為什么某類用戶會來你的網(wǎng)站?他們來網(wǎng)站希望做什么?這類用戶有什么特征?這些特征怎么影響到他們在網(wǎng)站上的行為的?

因此，設(shè)計一個網(wǎng)站的關(guān)注點應(yīng)該在用戶以及他們想達成的目標，而不是網(wǎng)站的組織和內(nèi)在架構(gòu)。知道了用戶的需求后，網(wǎng)站的內(nèi)容及架構(gòu)該怎么呈現(xiàn)也就不言自明了。

在可用性測試中使用任務(wù)場景

在為可用性測試設(shè)置場景時，考慮到時間的關(guān)系，測試任務(wù)不宜多于10-12個。此外，在測試中，你還可以詢問用戶自己的場景，他們?yōu)槭裁吹侥愕木W(wǎng)站來，他們想通過你的網(wǎng)站獲得什么。

可用性測試中，避免通過場景告訴用戶如何去完成一個任務(wù)，而應(yīng)該在測試中觀察用戶是如何完成任務(wù)的，并根據(jù)用戶的操作情況來判斷當前網(wǎng)站的設(shè)計是否能夠幫助用戶在特定的場景下順利的完成任務(wù)。

可用性測試的場景中不能包含任何告訴用戶該如何完成任務(wù)的信息。可用性測試過程會呈現(xiàn)出用戶是如何完成任務(wù)的，并且能告訴你這個頁面是推動還是阻礙了這個任務(wù)的完成。

在正式測試前，你需要寫下你預(yù)期的用戶是如何完成這個任務(wù)的所有路徑和步驟，包括用戶可能使用的主要的入口或者其他的入口，供給觀察人員和記錄人員在測試中使用。而在測試后，可對比下你的預(yù)期過程和用戶完成任務(wù)的真實過程，這個對比過程有助于思考你的網(wǎng)站的架構(gòu)和導(dǎo)航的效率。

今天我們來聊聊競品分析，它并不是像人們認為的那樣——有統(tǒng)一的模板，因為針對不同的崗位，做的競品分析是不同的。所以我的文章標題是：交互設(shè)計師如何做競品分析。

編者按：在今年的HOUSE VISION 展會上，特贊對原研哉做了一個專訪，聊聊大師對于設(shè)計的思考以及給年輕人的建議。

原研哉，日本設(shè)計中心代表丨武藏野美術(shù)大學(xué)教授丨無印良品咨詢委員會委員丨HOUSE VISION 東京大展發(fā)起人、策展人

今年7月30日，以「CO-DIVIDUAL 分而合/離而聚」為主題的HOUSE VISION 2016東京展盛大開幕。在對集體與個體的關(guān)系重新反思的今天，共計15家企業(yè)與13位（組）的建筑師、設(shè)計師一起，打造了13個集創(chuàng)造性和技術(shù)性于一體的「家」。