城市大屏

在技術(shù)上，所有的媒體大屏都是基于web端技術(shù)實(shí)現(xiàn)的，這樣的選擇是因?yàn)閿?shù)據(jù)大屏幕只是數(shù)據(jù)可視化在我們?nèi)粘９ぷ髦械囊粋€(gè)運(yùn)用場(chǎng)景，我們需要能讓數(shù)據(jù)可視化的技術(shù)能在日常工作中得到最廣泛的落地運(yùn)用，web端當(dāng)然就是我們的主戰(zhàn)場(chǎng)。當(dāng)然。拋開(kāi)這一點(diǎn)，我們認(rèn)為web端的相關(guān)技術(shù)也是大家落地相關(guān)數(shù)據(jù)可視化開(kāi)發(fā)的良好平臺(tái)，為什么這么說(shuō)呢？這基于以下幾點(diǎn)：功能全，前端技術(shù)svg，canvas，webgl三者的相互補(bǔ)充，已經(jīng)讓我們?cè)诮换ィ?D&3D以及大規(guī)模數(shù)據(jù)量繪制有了充足的發(fā)揮空間，其次我們團(tuán)隊(duì)在以前開(kāi)發(fā)數(shù)據(jù)產(chǎn)品的過(guò)程中已經(jīng)用Nodejs建立了良好的中間件來(lái)連接各種數(shù)據(jù)源，這讓目前接入各種數(shù)據(jù)庫(kù)變得非常便捷。最后就是便于分享，在任何硬件設(shè)備上只要打開(kāi)瀏覽器就能看到最終的數(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)頁(yè)后臺(tái)項(xiàng)目時(shí)，首先確定設(shè)計(jì)風(fēng)格，然后考慮這個(gè)后臺(tái)尺寸是做居中固定式，還是全屏響應(yīng)式。全屏響應(yīng)式的網(wǎng)頁(yè)設(shè)計(jì)，除非有規(guī)定，否則你可以選擇任意主流尺寸作為基尺寸來(lái)設(shè)計(jì)網(wǎng)頁(yè)。當(dāng)然，不管選擇什么尺寸，都得基于做好一個(gè)后臺(tái)而開(kāi)展工作。

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

1、梳理邏輯，保留必需

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

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

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

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

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

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

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

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

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

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

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

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

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

無(wú)線個(gè)性化推薦起步于2013年10月。現(xiàn)在往回看，當(dāng)時(shí)的阿里很好地把握住了移動(dòng)端快速發(fā)展的浪潮，以集團(tuán)All-in無(wú)線的形式吹響了移動(dòng)端戰(zhàn)斗的號(hào)角。個(gè)性化推薦團(tuán)隊(duì)也是從All-in無(wú)線這一事件中孵化的。我們從零開(kāi)始搭建了個(gè)性化推薦算法體系及個(gè)性化算法平臺(tái)TPP。TPP這一個(gè)性化算法平臺(tái)對(duì)個(gè)性化推薦團(tuán)隊(duì)的成長(zhǎng)起到了至關(guān)重要的作用。基于TPP，個(gè)性化算法團(tuán)隊(duì)成員們驗(yàn)證算法的速度得到了極大的提高，優(yōu)化算法的速度從而也得到了極大的提高。僅僅花了不到兩個(gè)月的時(shí)間，個(gè)性化推薦的第一版算法就在“有好貨”
中初露鋒芒：結(jié)合基于主動(dòng)學(xué)習(xí)的選品算法平臺(tái)TSP，個(gè)性化推薦團(tuán)隊(duì)一舉打造了“有好貨”針對(duì)高端人群的優(yōu)質(zhì)導(dǎo)購(gòu)體驗(yàn)。