搜索幾乎是現(xiàn)在所有網(wǎng)站，APP甚至操作系統(tǒng)的標(biāo)配，不論是電商還是論壇等等。它是一個(gè)站內(nèi)給用戶直接到達(dá)目的地的通道，起到了一個(gè)引導(dǎo)用戶走向的重要作用。在不同的系統(tǒng)，不同用途的網(wǎng)站上搜索呈現(xiàn)的方式都有所不同。

用搜索的原因

使用搜索時(shí)，用戶可以自己掌握瀏覽該網(wǎng)站的路徑，從哪一頁進(jìn)入到哪一頁，自己控制如何使用這個(gè)網(wǎng)站。沒有必要根據(jù)網(wǎng)站的頁面設(shè)計(jì)來決定瀏覽頁面的先后順序。這也是為什么很多網(wǎng)站用戶一進(jìn)入就直接使用搜索功能的原因。

另一個(gè)原因是，當(dāng)用戶瀏覽網(wǎng)頁到一半不知道接下去該干什么的時(shí)候，往往會(huì)使用搜索直接去找到自己想找的內(nèi)容。

城市大屏

在技術(shù)上，所有的媒體大屏都是基于web端技術(shù)實(shí)現(xiàn)的，這樣的選擇是因?yàn)閿?shù)據(jù)大屏幕只是數(shù)據(jù)可視化在我們?nèi)粘９ぷ髦械囊粋€(gè)運(yùn)用場景，我們需要能讓數(shù)據(jù)可視化的技術(shù)能在日常工作中得到最廣泛的落地運(yùn)用，web端當(dāng)然就是我們的主戰(zhàn)場。當(dāng)然。拋開這一點(diǎn)，我們認(rèn)為web端的相關(guān)技術(shù)也是大家落地相關(guān)數(shù)據(jù)可視化開發(fā)的良好平臺(tái)，為什么這么說呢？這基于以下幾點(diǎn)：功能全，前端技術(shù)svg，canvas，webgl三者的相互補(bǔ)充，已經(jīng)讓我們?cè)诮换ィ?D&3D以及大規(guī)模數(shù)據(jù)量繪制有了充足的發(fā)揮空間，其次我們團(tuán)隊(duì)在以前開發(fā)數(shù)據(jù)產(chǎn)品的過程中已經(jīng)用Nodejs建立了良好的中間件來連接各種數(shù)據(jù)源，這讓目前接入各種數(shù)據(jù)庫變得非常便捷。最后就是便于分享，在任何硬件設(shè)備上只要打開瀏覽器就能看到最終的數(shù)據(jù)可視化作品，在當(dāng)今這個(gè)注重信息分享的時(shí)代，這一點(diǎn)非常關(guān)鍵。

一個(gè)完整的后臺(tái)，由菜單/導(dǎo)航、數(shù)據(jù)/圖形展示、表格、表單、控件/組件以及彈窗等構(gòu)成，下面跟大家分享后臺(tái)中的表格和表單的設(shè)計(jì)細(xì)節(jié)。

當(dāng)接到一個(gè)全新的網(wǎng)頁后臺(tái)項(xiàng)目時(shí)，首先確定設(shè)計(jì)風(fēng)格，然后考慮這個(gè)后臺(tái)尺寸是做居中固定式，還是全屏響應(yīng)式。全屏響應(yīng)式的網(wǎng)頁設(shè)計(jì)，除非有規(guī)定，否則你可以選擇任意主流尺寸作為基尺寸來設(shè)計(jì)網(wǎng)頁。當(dāng)然，不管選擇什么尺寸，都得基于做好一個(gè)后臺(tái)而開展工作。

在今天的文章中，你會(huì)看到許多關(guān)于表單設(shè)計(jì)的切實(shí)可行的建議，它們涉及到可用性測試、現(xiàn)場測試、眼動(dòng)追蹤以及用戶反饋等多個(gè)不同的環(huán)節(jié)。

1、梳理邏輯，保留必需

表單是同用戶進(jìn)行溝通的語言。和任何對(duì)話一樣，它應(yīng)當(dāng)以符合邏輯的方式幫助雙方完成交流。所以，你需要這么做：

• 讓問題保持直觀的順序。你應(yīng)當(dāng)站在用戶的角度按照邏輯提問題，而非按照程序或者數(shù)據(jù)庫的邏輯。如果問題之間沒有邏輯存在，那么可以按照字母順序來排布。
• 以直覺的順序組織選項(xiàng)。比如選項(xiàng)為日期的時(shí)候，按照周一周二周三這樣的順序來排布，而非亂序。
• 時(shí)刻反思從用戶那里獲得的信息是否必要，如何使用。這樣做是為了消除不必要的選項(xiàng)，提升完成率。

轉(zhuǎn)場動(dòng)效在UI界面中所起到的作用無疑是顯著的。相比于靜態(tài)的界面，動(dòng)態(tài)的轉(zhuǎn)場動(dòng)效更符合人類的自然認(rèn)知體系，有效地降低了用戶的認(rèn)知負(fù)載，屏幕上元素的變化過程，前后界面的變化邏輯，以及層次結(jié)構(gòu)之間的變化關(guān)系，都在動(dòng)效的加持之下，變得更加清晰自然。從這個(gè)角度上來說，動(dòng)效不僅是界面的重要支持元素，也是用戶交互的基礎(chǔ)。

動(dòng)效設(shè)計(jì)，尤其是協(xié)助交互的轉(zhuǎn)場動(dòng)效，如今日趨成熟。通過大量的案例分析和過來人的經(jīng)驗(yàn)，我們逐步總結(jié)出優(yōu)秀轉(zhuǎn)場動(dòng)效的5個(gè)核心的規(guī)則，今天的文章，我們就來分享這5個(gè)知識(shí)點(diǎn)。

我上周參加了一個(gè)工作坊，也算是ThoughtWorks與我所在團(tuán)隊(duì)的交流活動(dòng)。如果你有了解過IXDC，你能夠在15年的活動(dòng)中找到四個(gè)由他們團(tuán)隊(duì)組織的工作坊，其在一個(gè)就與我上周參加的那個(gè)相同——《從1到100》。如果我今天把這篇文章發(fā)出去，就算是這個(gè)工作坊的劇透了吧（也是經(jīng)過他們?cè)试S了的）。

這個(gè)工作坊講的是一個(gè)完整的設(shè)計(jì)方法，即拿到一個(gè)項(xiàng)目需求，如何從設(shè)計(jì)思考（DesignThinking）開始，確定用戶畫像，構(gòu)建場景地圖，頭腦風(fēng)暴，繪制故事版，設(shè)計(jì)產(chǎn)品，直至用戶測試。他們把整個(gè)流程分為四個(gè)階段：

• 探索：用戶、需求
• 定義：目標(biāo)、資源
• 設(shè)計(jì)：產(chǎn)品形態(tài)
• 驗(yàn)證：測試反饋

我們現(xiàn)在所面臨的網(wǎng)絡(luò)安全問題一直都很嚴(yán)峻。無論是更改社交媒體帳號(hào)，注冊(cè)新論壇，還是下載新的APP，我們都的數(shù)字身份一直都存在各種各樣的潛在安全風(fēng)險(xiǎn)。開發(fā)團(tuán)隊(duì)花費(fèi)了大量的時(shí)間精力投入到開發(fā)和設(shè)計(jì)當(dāng)中，改進(jìn)流程，優(yōu)化加密方案，來規(guī)避這些問題。

黑客攻擊有網(wǎng)絡(luò)安全專家和開發(fā)者來應(yīng)對(duì)，而用戶所面對(duì)的多數(shù)問題，則更多的需要設(shè)計(jì)師來動(dòng)腦筋解決。通過流程和UI優(yōu)化，設(shè)計(jì)師能夠讓用戶盡可能地規(guī)避一些潛在的安全問題，即使這個(gè)過程中可能會(huì)產(chǎn)生體驗(yàn)上的障礙和不適。

1、不同內(nèi)容的交互界面應(yīng)該看起來不同

每當(dāng)用戶要執(zhí)行關(guān)鍵性的任務(wù)或者操作的時(shí)候，比如更改賬戶設(shè)置與密碼，這個(gè)時(shí)候用戶應(yīng)該保持緊張和專注，那么設(shè)計(jì)上就應(yīng)該幫助他們進(jìn)入這樣的狀態(tài)。因此，UI 應(yīng)該讓用戶清楚他們應(yīng)該做什么。

一張圖片的好壞往往能直接影響到設(shè)計(jì)作品的優(yōu)劣。本文以圖片中的視覺為出發(fā)點(diǎn)，為大家講解如何選擇最適合自己設(shè)計(jì)所需的圖片。如果你能夠洞察不同視角圖片中的情感屬性和氣質(zhì)，那么你的設(shè)計(jì)工作一定會(huì)事半功倍。

4月27日，UCAN2017用戶體驗(yàn)設(shè)計(jì)論壇在杭州阿里巴巴西溪園區(qū)舉行。大會(huì)開場，阿里巴巴集團(tuán)UED委員會(huì)委員長楊光發(fā)布了智能設(shè)計(jì)平臺(tái)-魯班。此平臺(tái)原理是通過人工智能算法和大量數(shù)據(jù)訓(xùn)練機(jī)器學(xué)習(xí)設(shè)計(jì)。通過一段時(shí)間的學(xué)習(xí)，此平臺(tái)從去年“雙十一”前就已經(jīng)在阿里內(nèi)部大規(guī)模投入使用，目前其設(shè)計(jì)水平已經(jīng)非常接近專業(yè)設(shè)計(jì)師設(shè)計(jì)的效果。