首頁(yè)

注冊(cè)表單的設(shè)計(jì)技巧

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

網(wǎng)上擠滿了各種各樣的UI設(shè)計(jì)方案,事實(shí)上我們已經(jīng)有一套套的方案可遵循。但!設(shè)計(jì)永無(wú)止境!哪怕是一個(gè)注冊(cè)表單的界面設(shè)計(jì),也值得再細(xì)心研究。下面藍(lán)藍(lán)設(shè)計(jì)給出注冊(cè)表單設(shè)計(jì)5個(gè)小技巧

1、別讓用戶重復(fù)填寫(xiě)相同的內(nèi)容

幾乎每個(gè)人都經(jīng)歷過(guò)這樣一個(gè)事實(shí):注冊(cè)時(shí)被要求填寫(xiě)郵箱地址兩次或重復(fù)輸入密碼。但是這其實(shí)是沒(méi)有必要的。僅填寫(xiě)一次,因?yàn)橛脩粢话愣加浀米约撼S玫泥]箱地址和密碼。假設(shè)哪天用戶忘記密碼了可以通過(guò)郵箱找回,再多此一舉填寫(xiě)兩次反而更加容易導(dǎo)致用戶流失。

5個(gè)注冊(cè)表單的用戶體驗(yàn)設(shè)計(jì)技巧

下面是一些非常值得參照的表單設(shè)計(jì):

 

優(yōu)秀手機(jī)應(yīng)用設(shè)計(jì)需要遵循的8大原則

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

產(chǎn)品設(shè)計(jì)的原則有點(diǎn)太泛哈,藍(lán)藍(lán)設(shè)計(jì)這里想結(jié)合自己的工作心得來(lái)小結(jié)一下手機(jī)無(wú)線設(shè)計(jì)8原則:

原則1:用戶界面應(yīng)該是基于用戶的心里模型,而不是基于工程實(shí)現(xiàn)模型

就是把后臺(tái)本來(lái)很復(fù)雜的事情通過(guò)設(shè)計(jì)符合用戶日常生活中常用的瀏覽方式或操作方式。其實(shí)這一點(diǎn)是設(shè)計(jì)師把生活中的細(xì)節(jié)和數(shù)據(jù)結(jié)合的凝聚點(diǎn),用戶的心理模型抓的越準(zhǔn),界面就會(huì)越優(yōu)秀。

#左邊界面#:大眾點(diǎn)評(píng)新版的價(jià)格的搜索就比之前改得更符合用戶心里模型;

2014年界面設(shè)計(jì)的14個(gè)趨勢(shì)

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

  時(shí)光飛逝,轉(zhuǎn)眼到了2014年,那么在2014年界面設(shè)計(jì)將會(huì)有怎樣的發(fā)展與變革呢?我試圖預(yù)測(cè)一下。交互/界面設(shè)計(jì)伴隨移動(dòng)互聯(lián)網(wǎng)一直保持著告訴的發(fā)展,每一年,都有新的東西出現(xiàn),真令人振奮。


1.應(yīng)用主題化

交互設(shè)計(jì)師必藏:50個(gè)線框圖套件和在線設(shè)計(jì)工具

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

當(dāng)開(kāi)始進(jìn)行新項(xiàng)目時(shí),一般都會(huì)起步于線框圖。本文收集了大量的線框圖設(shè)計(jì)工具和套件。
交互設(shè)計(jì)師必備哦!

推薦閱讀:
《推薦!交互細(xì)節(jié)中的那些變形金剛》 
《iOS用戶體驗(yàn)設(shè)計(jì):如何構(gòu)建交互模式》 
《20個(gè)專為無(wú)線端設(shè)計(jì)提供靈感的資源站》

在線設(shè)計(jì)模板

Wirefy

以內(nèi)容優(yōu)先為原則的線框圖在線設(shè)計(jì)工具。允許你運(yùn)用標(biāo)準(zhǔn)元素設(shè)計(jì)出響應(yīng)式線框圖。

Wirefy in 50 Free Wireframe Kits and Web Apps

Lumzy

網(wǎng)頁(yè)設(shè)計(jì)和界面設(shè)計(jì)的原型設(shè)計(jì)工具。

Lumzy in 50 Free Wireframe Kits and Web Apps

Mockup Builder

靈感!一組手機(jī)LOGO設(shè)計(jì)

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

移動(dòng)至上是當(dāng)今的大背景。交互設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)都不得不顧慮手機(jī)的”感受”,移動(dòng)互聯(lián)網(wǎng)方向的創(chuàng)業(yè)如同雨后春筍般出現(xiàn),而有關(guān)移動(dòng)端的Logo怎么設(shè)計(jì)?看看這里吧。

0b25d66eac79fc07d35237f7124dd6db0c86ffb36e3ab3883552aafd1d560a5c3a397f080b57438ba24baf09bb743bad3bef7d7db0e89363340ea26c2ae9fa1c3c7484387e44da5507ef8f23ee2d3baa4c8ab2f3c29d4bed9ba84061ce8bfd7e4f718cfb0d08d71b588ebc785281fed906fd13acce072c4b61ba855b64b26b9b39b8a4116f59564213d2dd5590c410b753e2a172a5f95bbe76e7e0373bcf73a566ed4b9796a4f56d00f7e4cf9e3fe6d2643cd7033b6663a1d8b20a7ea5601e70

別讓用戶發(fā)呆—設(shè)計(jì)中的防呆策略

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

  生活中總會(huì)有些狀況讓我們無(wú)所適從摸不著頭腦:面對(duì)一排電燈或空調(diào)的按鈕,哪個(gè)才是控制我想要的?開(kāi)鎖時(shí)掏出一把鑰匙,哪個(gè)才是正確的?拿起U盤(pán)插入電腦,朝那個(gè)方向才是對(duì)的?……類似的猶豫充分說(shuō)明,你呆住了?,F(xiàn)在,是需要“防呆設(shè)計(jì)”來(lái)拯救你了。

 

效率優(yōu)先 適度設(shè)計(jì)——網(wǎng)盟投放平臺(tái)體驗(yàn)優(yōu)化項(xiàng)目總結(jié)

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

零:項(xiàng)目背景

百度網(wǎng)盟推廣平臺(tái)是配合網(wǎng)盟推廣用戶的在線營(yíng)銷平臺(tái),推廣客戶可以在平臺(tái)上實(shí)現(xiàn)全方位的推廣管理,包括搭建賬戶結(jié)構(gòu)、配置預(yù)算、定向方式、監(jiān)控賬戶投放效果等等復(fù)雜的賬戶操作。但是由于系統(tǒng)的復(fù)雜度和功能性的增加,原有的系統(tǒng)對(duì)新功能的支撐顯得有些捉襟見(jiàn)肘,所以在今年8月份,我們開(kāi)始了對(duì)系統(tǒng)體驗(yàn)的分析和優(yōu)化工作。

16點(diǎn)優(yōu)化用戶界面的方法

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

優(yōu)異的用戶界面可以讓用戶用得順心,從而提高轉(zhuǎn)化率(conversion rate),換言之,好的 UI 在使用與銷售層面上形成雙贏。本文整理了16點(diǎn)優(yōu)化用戶界面的方法,希望對(duì)大家有所幫助。

  單欄型式優(yōu)于多欄

  單欄型式讓你更能掌握自己的內(nèi)容,從頂部到底部一氣嗬成,用故事引導(dǎo)讀者,最終是要誘引他們「采取行動(dòng)」(call to action,下稱 CTA,意指下載或消費(fèi)等目的);而多欄反而可能導(dǎo)致讀者分心。

16點(diǎn)優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

  

交互設(shè)計(jì)師不僅僅是個(gè)畫(huà)破圖的!

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

2011年10月,相繼寫(xiě)了兩篇《交互設(shè)計(jì)那些事兒》(一)(二),至今已經(jīng)有兩年了。期間有不少新的想法伴隨著我的工作、交流涌現(xiàn)出來(lái),加上幾周前,在新的團(tuán)隊(duì)又進(jìn)行了一次分享,頗有點(diǎn)心得,又懶得去重新修改原有文章,就在此進(jìn)行一些補(bǔ)錄吧。

還是個(gè)人經(jīng)驗(yàn),眼界有限,歡迎拍磚。

一. 再談術(shù)語(yǔ)

面向?qū)换ケ容^陌生的團(tuán)隊(duì)進(jìn)行分享,少不得再介紹下那些讓人云里霧里的術(shù)語(yǔ)。這次,咱們?yōu)檫@些術(shù)語(yǔ)做一個(gè)關(guān)系圖:

2013-05-27_182443

 

從下至上是各種術(shù)語(yǔ)的演變史。中間代表“做的事情”,左邊代表做這件事情的“人”,右邊代表做這件事情需要的“指導(dǎo)思想”

如何成為一個(gè)好的交互設(shè)計(jì)師?

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

了解自己的學(xué)習(xí)特性

一個(gè)好的交互設(shè)計(jì)師往往了解自己學(xué)東西的特殊方式,并善加利用,所以有著較有效率、較明顯的成長(zhǎng)。

學(xué)習(xí)與成長(zhǎng)并不是件陌生的事,每個(gè)人都有自己的故事。試著回想你學(xué)習(xí)其他東西的行為與習(xí)慣,透過(guò)一些整理,你可以逐步認(rèn)識(shí)自己是怎樣的學(xué)習(xí)者,并試著讓你的團(tuán)隊(duì)知道與支持你。這可以是了解如何成長(zhǎng)的第一步。身為一個(gè)設(shè)計(jì)團(tuán)隊(duì)的領(lǐng)導(dǎo),也能在更了解組員的學(xué)習(xí)特性之后,一起創(chuàng)造出更合適的學(xué)習(xí)環(huán)境。

舉個(gè)例子:

  • 某設(shè)計(jì)師的學(xué)習(xí)特性是…
  • 我沒(méi)有辦法只看書(shū)或理論而產(chǎn)生我的設(shè)計(jì)觀點(diǎn),我是一個(gè)從做中學(xué)的交互設(shè)計(jì)師。
  • 不好玩、不友善的學(xué)習(xí)環(huán)境,我學(xué)不起來(lái)。

日歷

鏈接

個(gè)人資料

存檔