日本一区二区三区在线播放-国产视频一-美女黄网站成人免费视频-奇米中文字幕-日本少妇xxxxx-九九精品99-国产人碰人摸人爱视频-欧美亚洲网站-国产艳妇av在线-在线av网站-久久a久久-可以免费看黄色的网站-国产视频一二-在线播放视频高清在线观看-男人的天堂av网站-久久一二三区-欧美日韩综合一区二区

首頁

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

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

藍(lán)藍(lán)設(shè)計產(chǎn)品設(shè)計的原則有點(diǎn)太泛哈,這里想結(jié)合自己的工作心得來小結(jié)一下手機(jī)界面設(shè)計,軟件界面設(shè)計,iPad界面設(shè)計軟件后臺管理界面設(shè)計的相關(guān)8原則:

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

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

原則2:培養(yǎng)用戶使用情景的思維方式做設(shè)計

要做到這個原則其實(shí)是很難的,需要長期的實(shí)戰(zhàn)經(jīng)驗(yàn)才能做到這點(diǎn)。
那我們都知道米聊出的比微信早,但后來被微信反超,個人認(rèn)為不光是QQ幫了微信很大忙,比如用戶登錄門檻低,用戶來源,廣告打得響之類的,其實(shí)在用戶使用情景方面米聊研究的沒有微信透徹。

對于一個社交即時通訊產(chǎn)品,添加好友的功能是好友匯聚的來源,雖然米聊微信都綁定手機(jī)通訊錄,但話又說回來,用戶找手機(jī)通訊錄聯(lián)系人語音聊天的還是比較少。添加好友是引導(dǎo)用戶去發(fā)現(xiàn)好友,找好友, 碰好友的一扇門。所以對于這么重要的功能放置在應(yīng)用程序的哪個位置,在產(chǎn)品前期就會讓用戶明顯的去選擇用哪個應(yīng)用,因?yàn)榱奶旃ぞ叩那疤崾且腥撕湍懔奶?。再回到現(xiàn)實(shí)的界面中來,看看下面的對比:

35款新鮮、免費(fèi)的優(yōu)質(zhì)扁平化UI素材

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

藍(lán)藍(lán)設(shè)計繼續(xù)關(guān)注鮮好用的UI設(shè)計素材,并且分享給童鞋們,希望這些優(yōu)質(zhì)免費(fèi)的UI素材,可以幫住大家提高ui設(shè)計服務(wù)能力的,讓您在ui設(shè)計公司立穩(wěn)腳步,處于不敗之地。有的WIN 8 以及 IOS 7 UI素材,歡迎童鞋們打包下載,分享到評論。藍(lán)藍(lán)設(shè)計 深深感謝  : )

touch50px UI Kit

touch50px UI Kit by Angelo in 35 Fresh, Free and Flat UI Kits

值得學(xué)習(xí)研究!純CSS3編寫的面包屑導(dǎo)航收集

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

藍(lán)藍(lán)設(shè)計 :隨著Web技術(shù)越來越先進(jìn),瀏覽器更新?lián)Q代也很快,在國內(nèi)很多網(wǎng)站已經(jīng)有使用css3和html5的技術(shù)了,所以我們也應(yīng)該多學(xué)習(xí)這些新知識,設(shè)計達(dá)人網(wǎng)站整理的資料,你在學(xué)校、圖書上也是未必能看到的。

今天我們整理了10個純CSS3制作的面包屑導(dǎo)航,這些都是通過CSS3來編寫,十分方便,而且實(shí)用。有些文章附有教程,大家可以學(xué)習(xí)研究一下。

漂亮面包屑導(dǎo)航

css3-breadcrumb-1

扁平化面包屑導(dǎo)航

12個為iOS應(yīng)用設(shè)計提供靈感的好網(wǎng)站

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

專注于分享UI界面的細(xì)節(jié),按照設(shè)計元素進(jìn)行分類:

注意:有些網(wǎng)站需要翻墻:(

http://pttrns.com/

app1

http://www.patternsofdesign.co.uk/

app2

2012年度最佳UI動畫

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

damndigital_beautifulpixels-best-of-2012-ui-animations_2013-01

作為一款足夠吸引人的app,驚艷的UI和優(yōu)秀的功能是基本條件,但若有獨(dú)特的動畫與轉(zhuǎn)場效果,則可以大大的增加用戶使用的粘性,稱霸整個應(yīng)用平臺。具備了良好體驗(yàn)效果的同時,有這樣一個意料之外的效果,不但會給用戶帶來驚喜,更會讓人情不自禁的愛上它。

2012年我們看到有不斷的熱門app得到細(xì)化,而一些大公司也最終意識到良好的UI對于一個app的重要性。在過去的一年里,Android應(yīng)用程序已經(jīng)得到了很大的改善,iOS則把設(shè)計范圍越推越廣。這里是一些beautifulpixels.com認(rèn)為在2012年中一些脫穎而出的UI動畫。雖然視頻演示提供了大致的預(yù)覽,但相信如果你在手機(jī)中親自體驗(yàn)更能發(fā)現(xiàn)它們的魅力之處。

 

Google+ Animation

當(dāng)Google+開始公測時,每個人都想第一個嘗鮮。然而,在Android系統(tǒng)和其他移動應(yīng)用平臺上因缺少一個良好的app,而使得很多人因此望而卻步。Google努力優(yōu)化他們在iOS平臺推出的游戲,值得一提的是它們最近發(fā)布的app也讓人眼前一亮。

而這款Google+iOS應(yīng)用程序也顛覆了以往的設(shè)計,或許會讓你愛不釋手。其中有很多獨(dú)特的動畫設(shè)計,比如,下拉刷新(pull to refresh)。當(dāng)用戶下拉時,會出現(xiàn)4個不同顏色的彩帶從左至右,有節(jié)奏的從暗變亮,并拉長。同樣有趣的是,當(dāng)你滾動到底部時,載入的新內(nèi)容同樣會出現(xiàn)。從這樣的小細(xì)節(jié)中,我們看到Google的確在app的設(shè)計上注入了很多精力。就為了它的動畫,你就值得在iOS系統(tǒng)的設(shè)備上下載Google+這個程序!

追尋點(diǎn)擊愉悅感:提升網(wǎng)站平板體驗(yàn)的6個技巧

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

提升網(wǎng)站平板體驗(yàn)的6個技巧

Queen譯者注:隨著平板電腦市場的迅猛增長,你可曾考慮到網(wǎng)站在平板上的用戶體驗(yàn)?本文給出了6個提升網(wǎng)站平板體驗(yàn)的簡易技巧,讓你花小氣力,出大成果,可謂事半功倍。要不你試試看。
原文鏈接:the-pursuit-of-tappiness

在這篇文章發(fā)布時,僅在美國就有近7000萬的平板電腦用戶,這比前一年的數(shù)據(jù)增加了一倍。這意味著,美國近30%的互聯(lián)網(wǎng)用戶使用平板設(shè)備上網(wǎng)瀏覽。2011年到2012年間,電子商務(wù)網(wǎng)站在平板電腦上的交易量增長了348%,第一次超越智能手機(jī)的交易量。由于平板市場很年輕,其未來的發(fā)展空間必定很大。
這一趨勢傳遞了一個強(qiáng)烈的信號:如果你的網(wǎng)站還沒有針對平板電腦進(jìn)行設(shè)計的話,現(xiàn)在是時候優(yōu)先考慮其在平板電腦上的可用性了。否則,忽略這一點(diǎn)可能會對網(wǎng)站的整體轉(zhuǎn)化率,回訪量,銷售量等帶來負(fù)面影響。

什么是”點(diǎn)擊愉悅感”(tappiness)?

當(dāng)一個網(wǎng)站具有”點(diǎn)擊愉悅感”時,用戶在手機(jī)或平板設(shè)備進(jìn)行訪問的操作將變得容易而愉快。點(diǎn)擊愉悅感包括巧妙使用的空間,易于閱讀的文本,符合邏輯的交互線索,和大尺寸的點(diǎn)擊目標(biāo),這些讓訪問者瀏覽網(wǎng)站時充滿信心。

1359424540_87

本設(shè)計中,大字體和大點(diǎn)擊目標(biāo)的體驗(yàn)很好,即使在平板電腦上縮小后,體驗(yàn)依然不錯。
而在另一些設(shè)計中,文字太小無法閱讀,鏈接太接近容易誤操作,無形中增加了操作時間、復(fù)雜度以及體驗(yàn)上的挫敗感。糟糕的體驗(yàn)下,用戶將快速流失。

1359424551_62

本設(shè)計中的小字體和小觸摸目標(biāo)被證明在平板電腦上難以閱讀和使用。
一種理想選擇可能是:重新設(shè)計你的網(wǎng)站,讓它能針對各種不同設(shè)備進(jìn)行自適應(yīng)布局,但時間和成本可能會使你無法完成這樣的全面翻新。然而你還有其他選擇。本文給出一些技巧和方法,能快速幫助你提升網(wǎng)站的平板用戶體驗(yàn),只需幾個簡單的變化,你今天就可以做到!

讓用戶更地完成表單填寫

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

填寫互聯(lián)網(wǎng)表單幾乎是每個用戶每天的經(jīng)歷,如用戶進(jìn)行網(wǎng)站注冊和登錄、購物等,都需要填寫各種表單。用戶為了獲得想要的東西,表單成了用戶完成需求和網(wǎng)站系統(tǒng)需要數(shù)據(jù)之間的互動形式。那么表單設(shè)計的首要目標(biāo)也更清晰:讓用戶迅速快捷并且輕松地完成填寫。

設(shè)計目標(biāo)已清晰,那么如何設(shè)計表單呢,以下從表單的內(nèi)容、組織方式、流程、表單元素控件及交互等方面詳細(xì)闡述。
表單的元素

研究如何提高表格可用性之前,我們先簡要了解下一般表單的元素,這里我們暫且這么總結(jié):

標(biāo)簽:告訴用戶表單問題是什么?
輸入框:供給用戶填寫答案信息;
動作:用戶提交表單,即用戶點(diǎn)擊一個按鈕或鏈接,執(zhí)行一個操作;
幫助文字:為如何填寫表單提供幫助;
輸入反饋:針對用戶輸入給出反饋,輸入正確還是錯誤;

用戶如何看待驗(yàn)證碼廣告

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

內(nèi)容導(dǎo)讀

從本篇文章中,你將獲知什么?

  1. 國內(nèi)外驗(yàn)證碼廣告介紹
  2. 驗(yàn)證碼廣告用戶體驗(yàn)的重要性
  3. 驗(yàn)證碼廣告用戶體驗(yàn)數(shù)據(jù)
  4. 上線5個月,驗(yàn)證碼廣告的表現(xiàn)如何?
  5. 驗(yàn)證碼廣告的多樣形式

 

正文

12年7月,驗(yàn)證碼廣告作為百度聯(lián)盟新的廣告產(chǎn)品華麗上線。什么是驗(yàn)證碼廣告?顧名思義,就是在輸入驗(yàn)證碼的環(huán)節(jié)插入廣告。怎么插入?像這樣,擴(kuò)展驗(yàn)證碼區(qū)域,嵌入一張廣告,提取廣告內(nèi)容,讓它變成需要用戶輸入的驗(yàn)證信息。

這是傳統(tǒng)驗(yàn)證碼:

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

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

零:項(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)化工作。

 

一:產(chǎn)品理解

廣告投放平臺廣義上屬于商業(yè)產(chǎn)品體系,商業(yè)產(chǎn)品和用戶產(chǎn)品在體驗(yàn)的關(guān)注點(diǎn)上是有顯著區(qū)別的。最大的區(qū)別就是使用需求不同,商業(yè)產(chǎn)品一般不會出現(xiàn)在我們?nèi)粘I钪?,大部分都是在工作時,或者是特定的時段內(nèi)才會使用到。所以把握好商業(yè)產(chǎn)品的特性,是做好商業(yè)產(chǎn)品用戶體驗(yàn)的關(guān)鍵。

研究一個產(chǎn)品的特性,一個比較簡單的方法就是觀察產(chǎn)品的“零容忍點(diǎn)”,也就是產(chǎn)品的哪些特性如果不能夠滿足用戶,用戶就會產(chǎn)生強(qiáng)烈反感,甚至放棄使用。比如說現(xiàn)在非?;鸬囊苿踊ヂ?lián)網(wǎng)應(yīng)用,也就是app產(chǎn)品,用戶的零容忍點(diǎn)基本上會停留在視覺層面上。因?yàn)槲覀兊囊苿釉O(shè)備分辨率較高以及產(chǎn)品的使用場景(都是近距離使用)的關(guān)系,用戶對產(chǎn)品的視覺效果會非常嚴(yán)苛,如果產(chǎn)品的icon或者界面丑陋,基本上就不會用了。但是,對于一些小說站點(diǎn)或者視頻站點(diǎn)來說,視覺就不是用戶最主要關(guān)注的了,這類產(chǎn)品,用戶最關(guān)注的是他們的內(nèi)容,如果內(nèi)容不夠好,別人有的你沒有,那么用戶就會離開,即使你的界面十分精美,只能是華而不實(shí)。同樣,如果把思路切換到商業(yè)產(chǎn)品上,我們會發(fā)現(xiàn)用戶最在意的是能夠能夠在使用的功能滿足和節(jié)約時間。因?yàn)樯虡I(yè)產(chǎn)品更像是一個用戶的工具,如果工具不能夠操作,那么用戶就沒有使用的動力了。因此,對于商業(yè)產(chǎn)品來講,功能>性能>易用>美觀。

所以,對于商業(yè)產(chǎn)品設(shè)計師來說,我們的思維中要一直有一個聲音,那就是我們的優(yōu)化是不是能夠真正的提高用戶的效率,在效率和效果面前,我們要強(qiáng)迫自己選擇前者。

 

二.可用性走查

平臺系統(tǒng)的復(fù)雜度之高,超出預(yù)期,怎樣衡量復(fù)雜系統(tǒng)的操作效率提升是體驗(yàn)優(yōu)化的一個難題,思考之后,把產(chǎn)品的易學(xué)性作為我的設(shè)計出發(fā)點(diǎn),就是通過統(tǒng)一、規(guī)范的系統(tǒng)能夠讓用戶更容易學(xué)習(xí)和掌握平臺產(chǎn)品具體的使用方法。

對整個系統(tǒng)超過30個頁面進(jìn)行可用性走查,根據(jù)用戶體驗(yàn)設(shè)計要素,把系統(tǒng)按照結(jié)構(gòu)層、框架層和表現(xiàn)層來進(jìn)行梳理。結(jié)構(gòu)層解決用戶如何導(dǎo)到某個頁面,做完去哪里。在梳理結(jié)構(gòu)層的過程中不具體思考交互方式,只是從任務(wù)出發(fā),來看流程和結(jié)構(gòu)上能不能滿足功能,在滿足功能的基礎(chǔ)上有沒有提升的空間??蚣軐觿t解決頁面的具體布局和交互方式,對系統(tǒng)頁面的控件、布局等詳細(xì)梳理,尋找改進(jìn)空間。表現(xiàn)層解決產(chǎn)品的視覺呈現(xiàn)。

 

走查的主要結(jié)果如下:

結(jié)構(gòu)層:

1.新建流程和修改流程不可逆,也就是說新建流程的設(shè)置,在修改的過程中無法完全一致的修改,這難免會讓用戶產(chǎn)生困惑,我去哪里修改呢。

2.工具使用頁面跳轉(zhuǎn)次數(shù)多,有的能夠跳回,有的不能夠跳回。

框架層:

1.多版本共存,遺留下來的一些最初版本的頁面,交互和布局都和新頁面不一致。

2.細(xì)節(jié)交互不一致,同一操作區(qū)域button的操作方式存在多種。

3.異常提示五花八門,沒有規(guī)范。

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

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

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

 

日歷

鏈接

個人資料

存檔

高淳县| 义乌市| 丹阳市| 鄯善县| 宜宾县| 东光县| 营山县| 蒲城县| 井冈山市| 曲松县| 阳曲县| 兴国县| 绥阳县| 洛隆县| 山阳县| 石狮市| 安泽县| 屏边| 竹北市| 张家川| 屯门区| 新闻| 淳化县| 灵武市| 克山县| 沿河| 泸水县| 修武县| 教育| 嘉荫县| 乌什县| 三台县| 凌云县| 阳谷县| 大同县| 临颍县| 阿克| 永德县| 商洛市| 遵义市| 亳州市|