藍藍設(shè)計的小編
產(chǎn)品設(shè)計的原則有點太泛哈,藍藍設(shè)計這里想結(jié)合自己的工作心得來小結(jié)一下手機無線設(shè)計8原則:
就是把后臺本來很復(fù)雜的事情通過設(shè)計符合用戶日常生活中常用的瀏覽方式或操作方式。其實這一點是設(shè)計師把生活中的細節(jié)和數(shù)據(jù)結(jié)合的凝聚點,用戶的心理模型抓的越準(zhǔn),界面就會越優(yōu)秀。
#左邊界面#:大眾點評新版的價格的搜索就比之前改得更符合用戶心里模型;
時光飛逝,轉(zhuǎn)眼到了2014年,那么在2014年界面設(shè)計將會有怎樣的發(fā)展與變革呢?我試圖預(yù)測一下。交互/界面設(shè)計伴隨移動互聯(lián)網(wǎng)一直保持著告訴的發(fā)展,每一年,都有新的東西出現(xiàn),真令人振奮。
當(dāng)開始進行新項目時,一般都會起步于線框圖。本文收集了大量的線框圖設(shè)計工具和套件。 交互設(shè)計師必備哦!
推薦閱讀: 《推薦!交互細節(jié)中的那些變形金剛》 《iOS用戶體驗設(shè)計:如何構(gòu)建交互模式》 《20個專為無線端設(shè)計提供靈感的資源站》
以內(nèi)容優(yōu)先為原則的線框圖在線設(shè)計工具。允許你運用標(biāo)準(zhǔn)元素設(shè)計出響應(yīng)式線框圖。
網(wǎng)頁設(shè)計和界面設(shè)計的原型設(shè)計工具。
移動至上是當(dāng)今的大背景。交互設(shè)計、網(wǎng)頁設(shè)計都不得不顧慮手機的”感受”,移動互聯(lián)網(wǎng)方向的創(chuàng)業(yè)如同雨后春筍般出現(xiàn),而有關(guān)移動端的Logo怎么設(shè)計?看看這里吧。
生活中總會有些狀況讓我們無所適從摸不著頭腦:面對一排電燈或空調(diào)的按鈕,哪個才是控制我想要的?開鎖時掏出一把鑰匙,哪個才是正確的?拿起U盤插入電腦,朝那個方向才是對的?……類似的猶豫充分說明,你呆住了?,F(xiàn)在,是需要“防呆設(shè)計”來拯救你了。
百度網(wǎng)盟推廣平臺是配合網(wǎng)盟推廣用戶的在線營銷平臺,推廣客戶可以在平臺上實現(xiàn)全方位的推廣管理,包括搭建賬戶結(jié)構(gòu)、配置預(yù)算、定向方式、監(jiān)控賬戶投放效果等等復(fù)雜的賬戶操作。但是由于系統(tǒng)的復(fù)雜度和功能性的增加,原有的系統(tǒng)對新功能的支撐顯得有些捉襟見肘,所以在今年8月份,我們開始了對系統(tǒng)體驗的分析和優(yōu)化工作。
優(yōu)異的用戶界面可以讓用戶用得順心,從而提高轉(zhuǎn)化率(conversion rate),換言之,好的 UI 在使用與銷售層面上形成雙贏。本文整理了16點優(yōu)化用戶界面的方法,希望對大家有所幫助。
單欄型式優(yōu)于多欄
單欄型式讓你更能掌握自己的內(nèi)容,從頂部到底部一氣嗬成,用故事引導(dǎo)讀者,最終是要誘引他們「采取行動」(call to action,下稱 CTA,意指下載或消費等目的);而多欄反而可能導(dǎo)致讀者分心。
2011年10月,相繼寫了兩篇《交互設(shè)計那些事兒》(一)(二),至今已經(jīng)有兩年了。期間有不少新的想法伴隨著我的工作、交流涌現(xiàn)出來,加上幾周前,在新的團隊又進行了一次分享,頗有點心得,又懶得去重新修改原有文章,就在此進行一些補錄吧。
還是個人經(jīng)驗,眼界有限,歡迎拍磚。
面向?qū)换ケ容^陌生的團隊進行分享,少不得再介紹下那些讓人云里霧里的術(shù)語。這次,咱們?yōu)檫@些術(shù)語做一個關(guān)系圖:
從下至上是各種術(shù)語的演變史。中間代表“做的事情”,左邊代表做這件事情的“人”,右邊代表做這件事情需要的“指導(dǎo)思想”。
一個好的交互設(shè)計師往往了解自己學(xué)東西的特殊方式,并善加利用,所以有著較有效率、較明顯的成長。
學(xué)習(xí)與成長并不是件陌生的事,每個人都有自己的故事。試著回想你學(xué)習(xí)其他東西的行為與習(xí)慣,透過一些整理,你可以逐步認識自己是怎樣的學(xué)習(xí)者,并試著讓你的團隊知道與支持你。這可以是了解如何成長的第一步。身為一個設(shè)計團隊的領(lǐng)導(dǎo),也能在更了解組員的學(xué)習(xí)特性之后,一起創(chuàng)造出更合適的學(xué)習(xí)環(huán)境。
舉個例子:
廢話少說,直接解釋吧(大致按照動手的時間順序,以數(shù)字媒體界面為例)。
藍藍設(shè)計的小編 http://sillybuy.com