首頁

表單設(shè)計(jì)系列一:設(shè)計(jì)好用表單的10個(gè)技巧

藍(lán)藍(lán)設(shè)計(jì)的小編

在今天的文章中,你會(huì)看到許多關(guān)于表單設(shè)計(jì)的切實(shí)可行的建議,它們涉及到可用性測(cè)試、現(xiàn)場測(cè)試、眼動(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),提升完成率。

這5個(gè)牢不可破的設(shè)計(jì)規(guī)則,是你打造優(yōu)秀動(dòng)效的標(biāo)準(zhǔn)

資深UI設(shè)計(jì)者

轉(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)。


騰訊內(nèi)部分享!一個(gè)工作坊的完整設(shè)計(jì)流程劇透

資深UI設(shè)計(jì)者

我上周參加了一個(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)品,直至用戶測(cè)試。他們把整個(gè)流程分為四個(gè)階段:

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

為了用戶!讓你的UI更加安全穩(wěn)妥的5種設(shè)計(jì)策略

資深UI設(shè)計(jì)者

我們現(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)該做什么。

都是好圖片,為什么你拿來用就怪怪的?

資深UI設(shè)計(jì)者

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

UCAN發(fā)布重磅黑科技,阿里人工智能設(shè)計(jì)計(jì)劃浮出水面

資深UI設(shè)計(jì)者

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ì)的效果。

淘寶天貓個(gè)性化推薦技術(shù)演進(jìn)史

資深UI設(shè)計(jì)者

無線個(gè)性化推薦起步于2013年10月。現(xiàn)在往回看,當(dāng)時(shí)的阿里很好地把握住了移動(dòng)端快速發(fā)展的浪潮,以集團(tuán)All-in無線的形式吹響了移動(dòng)端戰(zhàn)斗的號(hào)角。個(gè)性化推薦團(tuán)隊(duì)也是從All-in無線這一事件中孵化的。我們從零開始搭建了個(gè)性化推薦算法體系及個(gè)性化算法平臺(tái)TPP。TPP這一個(gè)性化算法平臺(tái)對(duì)個(gè)性化推薦團(tuán)隊(duì)的成長起到了至關(guān)重要的作用?;赥PP,個(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)購體驗(yàn)。

這個(gè)教程看完就會(huì)!如何為一個(gè)圖表設(shè)計(jì)色彩?

資深UI設(shè)計(jì)者

對(duì)色彩的研究通常要么太過隨意缺乏邏輯,要么太過理論化難以理解,這篇文章用非常淺顯易懂的方式,講述了一個(gè)專門研究數(shù)據(jù)可視化的團(tuán)隊(duì)探尋圖標(biāo)色彩搭配的歷程,給出有力的論證,并得出很棒的結(jié)論,非常值得一讀。

雖然現(xiàn)在要獲取的色彩搭配并不難,但是尋找圖表(可視化數(shù)據(jù))的配色依舊有難度。

Graphiq (用可視化的形式提供全球各種數(shù)據(jù)的一家公司,也是作者工作的地方),設(shè)計(jì)圖表色彩就更難了,因?yàn)槲覀兊膱D表需要用各種各樣的形式傳達(dá)上千種數(shù)據(jù)。

從事用研6年后,我總結(jié)了這四個(gè)最重要的技能

資深UI設(shè)計(jì)者

很多畢業(yè)生對(duì)在互聯(lián)網(wǎng)企業(yè)做用研(一種崗位:用戶研究員;一種工作內(nèi)容:研究用戶)非常感興趣,但是又不知道從何開始,到底怎樣做好一個(gè)用研,怎樣具備做用研的能力?在互聯(lián)網(wǎng)從事用研工作近 6 年,談?wù)勎覍?duì)用研技能的看法,以及建議應(yīng)該準(zhǔn)備什么樣的能力會(huì)更加受到互聯(lián)網(wǎng)企業(yè)的青睞。

一. 思路的準(zhǔn)備:

1. 以體驗(yàn)為中心:雖然現(xiàn)在的互聯(lián)網(wǎng)企業(yè)已不再簡單的提以用戶體驗(yàn)為中心的口號(hào),轉(zhuǎn)而更多的實(shí)踐,但這點(diǎn)的中心思想不會(huì)發(fā)生改變。真正的思路的準(zhǔn)備是時(shí)時(shí)刻刻想著對(duì)用戶的價(jià)值,這里的用戶包括外部消費(fèi)者、商家,你直接面對(duì)的客戶,也包括內(nèi)部的合作方,也就是阿里巴巴踐行的「客戶第一」。

2. 從學(xué)習(xí)到貢獻(xiàn)的思路準(zhǔn)備。


日歷

鏈接

個(gè)人資料

存檔