久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

表單交互設(shè)計(jì):以用戶視角出發(fā)的表單之旅

 表單交互設(shè)計(jì):以用戶視角出發(fā)的表單之旅 三聯(lián)教程

  用戶使用發(fā)布表單,就像是一次旅行。旅行的目的是否能達(dá)到?過(guò)程是否讓人滿意?這些都決定了用戶會(huì)否再來(lái)這里。

  一、那么為什么要以用戶的視角呢?

  作為設(shè)計(jì)師,你是否遇到過(guò)這種情況:

  · 我們額外加一個(gè)填寫(xiě)項(xiàng),用來(lái)收集用戶信息吧;

  · 我們的表單之所以復(fù)雜,是因?yàn)槲覀兿M脩舳嗵顚?xiě)內(nèi)容,這些內(nèi)容都是有用是;

  · 我們的表單應(yīng)該在這最重要的一步出現(xiàn),這樣就能讓更多的用戶看到它…….

  作為用戶填表單時(shí),你是否這樣想?

  · 我們填寫(xiě)表單只是為了達(dá)到我想要的目的,才不是為了你們收集信息;

  · 如果可以,我希望填寫(xiě)更少的信息或者不用填寫(xiě)表單,來(lái)達(dá)到同樣的目的;

  · 在我想做A事情的時(shí)候,我根本不想看到B表單…….

  以上的情境可能有些夸張,但是不可否認(rèn)的是,有時(shí)候我們做表單設(shè)計(jì)的時(shí)候,并沒(méi)有從用戶的角度出發(fā),看他們想要的是什么,而是從我們所在的產(chǎn)品端的角度,讓用戶去做我們想要他們做的事情。

  二、如何以用戶視角看post表單?

  現(xiàn)在我們把之前的旅行的步驟放到post表單設(shè)計(jì)中,我們可以得到如下思路:

  從中我們可以發(fā)現(xiàn),似乎發(fā)布前和發(fā)布后這兩個(gè)流程,比較容易被忽略。而過(guò)程中的設(shè)計(jì)點(diǎn)具體應(yīng)該如何做呢?作為用戶出發(fā)看看吧。

  三、作為用戶出發(fā)看表單

  思路已經(jīng)有了,那讓我們作為用戶出發(fā)探索一下post表單吧。

  發(fā)布前:

  作為用戶,我會(huì)抱著一定目的,來(lái)找我需要的工具——post表單。

  首先,我要從哪進(jìn)入表單?

  這個(gè)問(wèn)題是針對(duì)用戶在什么樣的情境下會(huì)被引導(dǎo)到post表單,看下這個(gè)例子吧:

  上圖的post表單安排在你對(duì)網(wǎng)站有個(gè)基本認(rèn)識(shí),并且有意愿聯(lián)系后出現(xiàn),而且這樣的從屬關(guān)系讓人很容易接受。

  上圖中的post入口都安排在賬號(hào)相關(guān)的區(qū)域,而不是業(yè)務(wù)相關(guān)的區(qū)域,沒(méi)有足夠的理由說(shuō)服用戶從此來(lái)發(fā)布。

  然后,它跟我的目的是否相符?

  表單的開(kāi)頭應(yīng)該向用戶清楚的傳達(dá),該表單是做什么的,是否符合用戶的期望,如果不,那么用戶應(yīng)該去哪?

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁(yè)面跳轉(zhuǎn)及參數(shù)傳遞問(wèn)題,需要的朋友參考下吧
這篇文章主要介紹了純css實(shí)現(xiàn)照片墻3D效果的示例代碼,可以實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)圖片實(shí)現(xiàn)改變,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
這篇文章主要介紹了css 實(shí)現(xiàn)文字過(guò)長(zhǎng)自動(dòng)隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
主站蜘蛛池模板: 国产欧美日韩综合 | 国产一级片免费看 | 在线精品一区 | 日韩一区二区三区在线 | 天天插天天爽 | 日韩在线免费视频 | 日韩一区二区在线观看视频 | 久草免费福利视频 | 国产三级在线播放 | 天天综合精品 | 久久免费高清视频 | 97精品国产97久久久久久免费 | 91理论片午午伦夜理片久久 | 六月丁香激情 | 精品欧美一区二区三区久久久 | 欧美日韩在线视频观看 | 91欧美激情一区二区三区成人 | 色哟哟一区二区三区 | 久久久综合视频 | 日韩精品影院 | 国产欧美综合一区二区三区 | 99久久精品一区二区成人 | 成人免费高清 | 青青草福利视频 | 黄色片播放 | 一区二区三区在线观看视频 | 成年人免费视频网站 | 午夜免费在线 | 四虎com | 欧美啪啪网 | 亚洲综合免费 | 日韩av影片 | 亚洲天堂网在线观看 | 午夜婷婷 | 在线免费黄色网址 | 日本成人一区 | 国产成人在线播放 | 在线观看国产一区二区 | www.4hu95.com四虎 丰满岳乱妇一区二区 | 欧美一区二区在线观看 | 亚洲国产免费 |