首頁

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

藍藍設(shè)計的小編

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

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

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

#左邊界面#:大眾點評新版的價格的搜索就比之前改得更符合用戶心里模型;

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

藍藍設(shè)計的小編

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


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

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

藍藍設(shè)計的小編

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

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

在線設(shè)計模板

Wirefy

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

Wirefy in 50 Free Wireframe Kits and Web Apps

Lumzy

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

Lumzy in 50 Free Wireframe Kits and Web Apps

Mockup Builder

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

藍藍設(shè)計的小編

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

0b25d66eac79fc07d35237f7124dd6db0c86ffb36e3ab3883552aafd1d560a5c3a397f080b57438ba24baf09bb743bad3bef7d7db0e89363340ea26c2ae9fa1c3c7484387e44da5507ef8f23ee2d3baa4c8ab2f3c29d4bed9ba84061ce8bfd7e4f718cfb0d08d71b588ebc785281fed906fd13acce072c4b61ba855b64b26b9b39b8a4116f59564213d2dd5590c410b753e2a172a5f95bbe76e7e0373bcf73a566ed4b9796a4f56d00f7e4cf9e3fe6d2643cd7033b6663a1d8b20a7ea5601e70

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

藍藍設(shè)計的小編

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

 

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

藍藍設(shè)計的小編

零:項目背景

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

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

藍藍設(shè)計的小編

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

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

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

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

  

交互設(shè)計師不僅僅是個畫破圖的!

藍藍設(shè)計的小編

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

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

一. 再談術(shù)語

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

2013-05-27_182443

 

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

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

藍藍設(shè)計的小編

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

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

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

舉個例子:

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

交互設(shè)計師,你要懂視覺

交互設(shè)計師之所以要懂得視覺語言,主要體現(xiàn)在原型制作的工作部分,
因為輸出的雖然是低保真原型,但低保真原型的設(shè)計過程其實也是一個視覺化過程。

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


1 設(shè)計界面框架要懂視覺
在定好功能,搭好信息架構(gòu)之后,一般進行單獨界面的框架設(shè)計(鬼扯,真實的操作順序誰知道?。?/span>
框架設(shè)計是元素在界面上的大致布局,界面分幾塊區(qū)域,哪一塊區(qū)域放什么內(nèi)容之類的。
這里需要交互設(shè)計師確定這么幾件跟視覺有關(guān)的事情:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔