122013-10

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

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

評論(0) 瀏覽(4295)

192013-9

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

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

零：項(xiàng)目背景

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

評論(0) 瀏覽(4650)

142013-7

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

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

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

　　單欄型式優(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)的一些事

評論(0) 瀏覽(5645)

022013-6

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

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

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

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

一. 再談術(shù)語

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

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

評論(0) 瀏覽(5723)

112013-5

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

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

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

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

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

舉個(gè)例子：

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

評論(0) 瀏覽(5587)

062013-5

交互設(shè)計(jì)師，你要懂視覺

交互設(shè)計(jì)師之所以要懂得視覺語言，主要體現(xiàn)在原型制作的工作部分，

因?yàn)檩敵龅碾m然是低保真原型，但低保真原型的設(shè)計(jì)過程其實(shí)也是一個(gè)視覺化過程。

廢話少說，直接解釋吧（大致按照動(dòng)手的時(shí)間順序，以數(shù)字媒體界面為例）。

1 設(shè)計(jì)界面框架要懂視覺

在定好功能，搭好信息架構(gòu)之后，一般進(jìn)行單獨(dú)界面的框架設(shè)計(jì)（鬼扯，真實(shí)的操作順序誰知道?。?/span>

框架設(shè)計(jì)是元素在界面上的大致布局，界面分幾塊區(qū)域，哪一塊區(qū)域放什么內(nèi)容之類的。

這里需要交互設(shè)計(jì)師確定這么幾件跟視覺有關(guān)的事情：

評論(0) 瀏覽(4064)

212012-12

用戶到達(dá)頁面才是設(shè)計(jì)的開始

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

很久之前認(rèn)為一個(gè)項(xiàng)目的完成和上線是一個(gè)項(xiàng)目的完結(jié)，

后來認(rèn)識到，一個(gè)項(xiàng)目或頁面的上線不是結(jié)束而僅僅是開始，

現(xiàn)在明白了，用戶到達(dá)頁面，我們的設(shè)計(jì)才是剛剛開始。

我不敢說是絕對的或者百分百，但是用戶到達(dá)該頁面、該網(wǎng)站、使用該產(chǎn)品，這之前更多的依靠的是搜索或者運(yùn)營的推廣。作為負(fù)責(zé)部分項(xiàng)目的UE/UI設(shè)計(jì)師來說，我不是產(chǎn)品，不是項(xiàng)目經(jīng)理，更不是運(yùn)營和廣告我沒有那么多的能力去干預(yù)用戶到達(dá)或者使用我的設(shè)計(jì)。

下面單說一下我理解的用戶到達(dá)頁面的三種狀態(tài)。

我認(rèn)為一個(gè)頁面瀏覽行為可以分為：瀏覽前、瀏覽中、瀏覽后，三個(gè)階段。

初級設(shè)計(jì)師或者是產(chǎn)品亦或是互聯(lián)網(wǎng)工作人員大多認(rèn)為：瀏覽中才是我要做的，要花心思做的。

評論(17) 瀏覽(5066)

272012-7

如何打造軟件、應(yīng)用類shopping mall

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

　2011年各大移動(dòng)應(yīng)用商店迅速崛起，群雄割據(jù)。在移動(dòng)應(yīng)用商店的基礎(chǔ)上，軟件商店也悄然形成。這些軟件、應(yīng)用類商店形式多樣、風(fēng)格迥異。一些成功的應(yīng)用商店都已然向“shopping mall“邁進(jìn)：比如應(yīng)用商店的大贏家蘋果APP Store（i Pad、iPhone），國內(nèi)的安卓市場、網(wǎng)易應(yīng)用、騰訊應(yīng)用中心等等。這些商店成功的秘訣在于他們不僅僅將產(chǎn)品定位于一個(gè)簡單的提供應(yīng)用下載的工具，而是精心運(yùn)營和設(shè)計(jì)，創(chuàng)造出一站式提供應(yīng)用服務(wù)的場所。

　　怎樣的軟件應(yīng)用類商店是最完善的呢? 如何使軟件應(yīng)用類“商店”提升為“shopping mall”呢？對此，本文從shopping mall的規(guī)劃原則著手，找尋其與軟件應(yīng)用商店的共通點(diǎn)。通過任務(wù)和場景對現(xiàn)有的幾大應(yīng)用商店進(jìn)行分析，提煉軟件應(yīng)用類商店的設(shè)計(jì)要素。

　　Shopping mall的定義是：大型零售業(yè)為主體，眾多專業(yè)店為輔助業(yè)態(tài)和多功能商業(yè)服務(wù)設(shè)施形成的聚合體。而一個(gè)完善的軟件應(yīng)用類商店應(yīng)該是集倉儲、商場、服務(wù)與一身的軟件應(yīng)用中心。就如一個(gè)完善的購物中心，銷售的是種類各異的軟件。下圖從角色、任務(wù)和場景3個(gè)方面對shopping mall和軟件、應(yīng)用商店進(jìn)行對比分析。