久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

交互設(shè)計(jì)的簡(jiǎn)約之道與實(shí)際應(yīng)用

  隨著信息過載越來越嚴(yán)重,人們的負(fù)擔(dān)也越來越嚴(yán)重。手機(jī)、PC、平板甚至各種穿戴式設(shè)備等傳遞著各種消息,微信、微博等不斷蠶食著我們的時(shí)間。事實(shí)上,很多時(shí)候我們已經(jīng)不堪重負(fù),每天早上當(dāng)我醒來打開微信的時(shí)候,都有著十幾條的信息。

  信息的泛濫,在很大程度造成了人們的注意力的分散。現(xiàn)在的移動(dòng)應(yīng)用,如果不能在10秒鐘內(nèi)吸引用戶,也許再也沒有機(jī)會(huì)了。應(yīng)用趨向于簡(jiǎn)單、易上手。風(fēng)靡世界的憤怒的小鳥、切水果、會(huì)說話的湯姆貓,交互方式都簡(jiǎn)單而且創(chuàng)新,或者手指滑動(dòng)屏幕,或者只需對(duì)著屏幕說話。

  互聯(lián)網(wǎng)的用戶通常可以分為如下三類:主流用戶、隨意型用戶、專家型用戶。不同的地點(diǎn)(辦公室、家、戶外)、不同的場(chǎng)景干擾因素不同,產(chǎn)品的著力點(diǎn)也不一樣。但由于我們平時(shí)接觸較多的熱心用戶,更多的是屬于專家型用戶,這也是做產(chǎn)品時(shí)常犯的一種錯(cuò)誤:為那些專家型用戶設(shè)計(jì)。

交互設(shè)計(jì)的簡(jiǎn)約之道與實(shí)際應(yīng)用 三聯(lián)

  《簡(jiǎn)約至上》中作者就提出了四條策略來闡述如何讓設(shè)計(jì)更簡(jiǎn)單:

  刪除—去掉所有不必要的按鈕,直至減到不能再減

  組織—按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組

  隱藏—把那些不是最重要的按鈕安排在不明顯的地方,避免分散用戶注意力

  轉(zhuǎn)移—只保留具備最基本功能的按鈕,將其他不常用的轉(zhuǎn)移到其他設(shè)備

  如上圖是DVD遙控器,作者運(yùn)用這四條策略分別簡(jiǎn)化后的效果:

  簡(jiǎn)約策略的實(shí)際應(yīng)用

  刪除

  刪除策略的核心是,干掉那些分散注意力的因素,聚焦于項(xiàng)目。在確定什么功能該保留、什么功能該刪除的時(shí)候,遵循如下原則:

  刪除—去掉所有不必要的按鈕,直至減到不能再減:iPhone和iPad就簡(jiǎn)化到只有一個(gè)Home按鍵。

  應(yīng)對(duì)用戶在使用產(chǎn)品過程中常見的干擾源也是關(guān)注核心的一部分:

  看電視時(shí)來電話了這是個(gè)很常見的干擾,這時(shí)候就可以用靜音按鈕來解決。因此設(shè)計(jì)遙控器的時(shí)候就要通過按鈕大小、位置、顏色使得靜音按鈕明顯。

  玩手機(jī)游戲的時(shí)候來電話了,當(dāng)你接電話的時(shí)候游戲都會(huì)自動(dòng)暫停,當(dāng)重新開始后又會(huì)有幾秒鐘時(shí)間提醒你開始玩。

  360瀏覽器、谷歌瀏覽器異常關(guān)閉了,下一次打開時(shí)就會(huì)詢問是否重新打開上一次關(guān)閉的頁(yè)面。

  當(dāng)客戶再次光顧網(wǎng)站/應(yīng)用,它通常愿意以前次離開的狀態(tài)作為起點(diǎn):

  福昕閱讀器每次打開同一個(gè)PDF文件,顯示的都是第1頁(yè),與此形成對(duì)比的是手機(jī)QQ閱讀瀏覽器則每次打開的都是上次閱讀的頁(yè)碼。

  Chrome、獵豹等瀏覽器支持啟動(dòng)時(shí)繼續(xù)瀏覽上次關(guān)閉瀏覽器時(shí)在看的網(wǎng)頁(yè)

  去除干擾源,不讓用戶分心

  印象筆記出了一款chrome插件—悅讀,用來去除與閱讀無關(guān)的內(nèi)容。不少網(wǎng)友都有看有小說被各種彈出廣告、浮動(dòng)廣告干擾的經(jīng)歷,當(dāng)選中文字進(jìn)入“悅讀”模式可以屏蔽所有的廣告,同時(shí)提供了夜間模式,避免夜晚的時(shí)候屏幕過強(qiáng)的光線刺激用戶眼睛不能專心閱讀。

  組織

  分塊越少,選擇越少,用戶負(fù)擔(dān)越輕。

  按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組:

  Word上作為一款文字處理應(yīng)用程序功能很強(qiáng)大,但也由此帶來了非常多的功能,但通過分塊地方式很好地將類似的功能組合在一起。頁(yè)面上方提供“頁(yè)面布局”、“引用”、“審閱”、“視圖”等菜單,每個(gè)菜單根據(jù)子項(xiàng)分塊組合。當(dāng)我需要需要插入頁(yè)眉時(shí),會(huì)想到點(diǎn)擊“插入”菜單,發(fā)現(xiàn)“頁(yè)眉和頁(yè)腳”分塊下 “頁(yè)眉”、“頁(yè)腳”、“頁(yè)碼”三項(xiàng)。不需要毫無頭緒地從眾多功能中逐個(gè)查找了。

  關(guān)于分塊組合最常見的例子是iOS上的應(yīng)用,iOS的Table控件本來就有一種是Group風(fēng)格的。

  微信底部朋友們、設(shè)置兩個(gè)標(biāo)簽都采用了分塊的方式來組織信息,將搜索號(hào)碼、掃描二維碼、從QQ好友列表、從手機(jī)通訊錄查找好友等添加好友的各種方式組織在一起。

  隱藏

  漸進(jìn)展示:核心功能+擴(kuò)展功能的模式

  隱藏策略我最喜歡的一個(gè)案例是植物大戰(zhàn)僵尸(保衛(wèi)蘿卜也采取了這種方式)。植物大戰(zhàn)僵尸的引導(dǎo)頁(yè)面做的非常棒,一開始只提供最簡(jiǎn)單的道具(隱藏高級(jí)的道具),每完成一個(gè)關(guān)卡就會(huì)獎(jiǎng)勵(lì)一個(gè)道具,并在下一關(guān)卡讓你使用。這種漸進(jìn)式的展示,既通過獎(jiǎng)勵(lì)道具激勵(lì)用戶,又讓用戶熟悉了道具的特點(diǎn)、用法。

  需要時(shí)才顯示

  Path在手指上下滑動(dòng)時(shí)會(huì)顯示好友的頭像和信息發(fā)布的時(shí)間,但一旦停留在某張圖片上時(shí)(這通常意味著你對(duì)這張照片感興趣),會(huì)將頭像和時(shí)間隱藏起來,讓用戶聚焦于感興趣的地方。

  轉(zhuǎn)移

  轉(zhuǎn)移策略的核心轉(zhuǎn)移復(fù)雜性,是讓每個(gè)組件/平臺(tái)發(fā)揮自己的優(yōu)勢(shì):

  iPad和iPhone只有一個(gè)Home鍵,將設(shè)置轉(zhuǎn)移到界面內(nèi)

  在如今的PC和移動(dòng)應(yīng)用上大有用武之地。比如手機(jī)輸入遠(yuǎn)不如PC便利,微信網(wǎng)頁(yè)版就允許用戶在PC上登錄。

  最近豌豆莢新增了“零流量下載”:用戶選擇想要下載的電影,手機(jī)連接PC后PC上的豌豆莢會(huì)自動(dòng)下載。因?yàn)槭謾C(jī)網(wǎng)絡(luò)速度慢且資費(fèi)昂貴,但這對(duì)PC而言根本不是問題,所以就很自然地把這類問題轉(zhuǎn)移到PC端。

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁(yè)面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實(shí)現(xiàn)照片墻3D效果的示例代碼,可以實(shí)現(xiàn)鼠標(biāo)經(jīng)過圖片實(shí)現(xiàn)改變,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實(shí)現(xiàn)文字過長(zhǎng)自動(dòng)隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 在线观看特色大片免费网站 | 国产精品伦一区二区三级视频 | 亚洲综合成人网 | 成人欧美一区二区三区在线观看 | av免费电影在线 | 午夜精品一区二区三区在线视频 | 成人一区二区三区在线观看 | 日韩精品在线看 | 青青草网站在线观看 | 亚洲日韩欧美一区二区在线 | 午夜免费小视频 | 综合久久99 | 成人在线一区二区 | 国产成人在线一区二区 | 九九国产在线观看 | 亚洲二区在线观看 | 亚洲精品久久久一区二区三区 | 久久精品久久久久久 | 99久久精品国产麻豆演员表 | 欧美日韩视频在线第一区 | 精品久久久久久久久久久 | 亚洲视频三区 | 91资源在线观看 | 一区二区在线 | 做a网站 | 天天视频成人 | 久久久五月天 | 国产精品久久久久久久一区探花 | 日本一卡精品视频免费 | 亚洲高清视频一区 | 国产成人免费视频网站高清观看视频 | 在线欧美a | 欧美精品v国产精品v日韩精品 | 一级黄色影片在线观看 | 欧美一级精品片在线看 | 中文字幕在线看第二 | 爱爱免费视频 | 成人小视频在线观看 | 日韩免费一区二区 | 91色视频在线观看 | 精品人伦一区二区三区蜜桃网站 |