首頁

優(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é)合自己的工作心得來小結(jié)一下手機(jī)無線設(shè)計(jì)8原則:

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

就是把后臺(tái)本來很復(fù)雜的事情通過設(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è)趨勢

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

  時(shí)光飛逝,轉(zhuǎn)眼到了2014年,那么在2014年界面設(shè)計(jì)將會(huì)有怎樣的發(fā)展與變革呢?我試圖預(yù)測一下。交互/界面設(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)開始進(jìn)行新項(xiàng)目時(shí),一般都會(huì)起步于線框圖。本文收集了大量的線框圖設(shè)計(jì)工具和套件。
交互設(shè)計(jì)師必備哦!

推薦閱讀:
《推薦!交互細(xì)節(jié)中的那些變形金剛》 
《iOS用戶體驗(yàn)設(shè)計(jì):如何構(gòu)建交互模式》 
《20個(gè)專為無線端設(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)頁設(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)頁設(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ì)有些狀況讓我們無所適從摸不著頭腦:面對一排電燈或空調(diào)的按鈕,哪個(gè)才是控制我想要的?開鎖時(shí)掏出一把鑰匙,哪個(gè)才是正確的?拿起U盤插入電腦,朝那個(gè)方向才是對的?……類似的猶豫充分說明,你呆住了?,F(xiàn)在,是需要“防呆設(shè)計(jì)”來拯救你了。

 

效率優(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)盟推廣用戶的在線營銷平臺(tái),推廣客戶可以在平臺(tái)上實(shí)現(xiàn)全方位的推廣管理,包括搭建賬戶結(jié)構(gòu)、配置預(yù)算、定向方式、監(jiān)控賬戶投放效果等等復(fù)雜的賬戶操作。但是由于系統(tǒng)的復(fù)雜度和功能性的增加,原有的系統(tǒng)對新功能的支撐顯得有些捉襟見肘,所以在今年8月份,我們開始了對系統(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)化用戶界面的方法,希望對大家有所幫助。

  單欄型式優(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è)畫破圖的!

藍(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)系圖:

2013-05-27_182443

 

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

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

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

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

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

學(xué)習(xí)與成長并不是件陌生的事,每個(gè)人都有自己的故事。試著回想你學(xué)習(xí)其他東西的行為與習(xí)慣,透過一些整理,你可以逐步認(rèn)識(shí)自己是怎樣的學(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é)不起來。

交互設(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)的事情:

日歷

鏈接

個(gè)人資料

存檔