GOGOGO免费完整国语版_GOGOGO手机高清在线观看_GOGOGO免费完整国语_GOGOGO高清完整版_GOGOGO免费高清在线完整版_GOGOGO免费高清完整版

400-611-9921

當(dāng)前位置:首頁(yè) > 新聞資訊 > 行業(yè)動(dòng)態(tài)
移動(dòng)端設(shè)計(jì)模式的誤用

2015-12-12

35625

如果你是一名經(jīng)驗(yàn)豐富的設(shè)計(jì)師,你一定會(huì)認(rèn)同一點(diǎn),受他人啟發(fā)并不是在抄襲UI設(shè)計(jì)。這是一種最佳的研究實(shí)踐。它也要運(yùn)用各種設(shè)計(jì)模式,也要遵循設(shè)計(jì)規(guī)范,也需要確保選擇用戶熟悉的模式來(lái)建立可用的界面。

有些人可能會(huì)說(shuō),死守規(guī)范和模仿他人會(huì)扼殺創(chuàng)造力,終將有一天,所有應(yīng)用都長(zhǎng)一個(gè)樣。但從用戶體驗(yàn)的角度我注意到另一個(gè)問(wèn)題。習(xí)慣于最佳實(shí)例可能會(huì)讓你盲從Google/Facebook/Instagram/還有你最喜歡的應(yīng)用,誤以為他們的設(shè)計(jì)目標(biāo)與你的相同,你卻未對(duì)此產(chǎn)生質(zhì)疑。下面是一些被認(rèn)為(或是曾經(jīng)被認(rèn)為)是最佳實(shí)例的模式,但未必如你初見(jiàn)時(shí)所認(rèn)為的那么好。

1. 隱藏式導(dǎo)航

至少有五十萬(wàn)篇關(guān)于漢堡菜單的文章,多數(shù)都是設(shè)計(jì)師寫的,為此展開(kāi)激烈爭(zhēng)辯。如果你對(duì)此一無(wú)所知,可以讀讀這篇或者這篇。但簡(jiǎn)而言之,討論點(diǎn)并不是這個(gè)圖標(biāo)本身,而是將導(dǎo)航隱藏一個(gè)圖標(biāo)中。

側(cè)滑菜單非常靈活,使用也方便。

這個(gè)解決方案對(duì)于設(shè)計(jì)師很有誘惑力,方便快捷:你不用操心有限的屏幕空間,把整個(gè)導(dǎo)航塞進(jìn)默認(rèn)隱藏的滾動(dòng)層里就可以了。

但是,實(shí)驗(yàn)顯示,用一種更加可見(jiàn)的方式展示菜單項(xiàng),能夠提升活躍度、用戶滿意度、甚至收入。這就是為何所有大公司都在舍棄漢堡菜單,讓最重要的導(dǎo)航項(xiàng)持續(xù)可見(jiàn)。


YouTube導(dǎo)航的變革,Luke Wroblewski注

如果你的導(dǎo)航很復(fù)雜,將其隱藏并不是友好的移動(dòng)端做法。為它排個(gè)主次才是。

2. 圖標(biāo),到處都是圖標(biāo)

由于屏幕空間有限,另一個(gè)看似無(wú)需動(dòng)腦的節(jié)省空間的方法,就是把文字盡可能都換成圖標(biāo)。象形圖標(biāo)占用更少空間,也不需要翻譯,畢竟人們對(duì)這些都很熟悉,對(duì)吧?而且其他應(yīng)用都在這么做

腦中帶著這樣的假定,應(yīng)用的設(shè)計(jì)師有時(shí)就會(huì)把功能藏在一些難以辨識(shí)的圖標(biāo)里面。例如這個(gè),在Instagram中你可以通過(guò)這個(gè)圖標(biāo)直接發(fā)送消息,你能猜到嗎?


或者假設(shè)你從沒(méi)用過(guò)Google Translate,點(diǎn)下面這個(gè)圖標(biāo)你覺(jué)得會(huì)是什么功能?


有個(gè)常見(jiàn)的錯(cuò)誤,就是假定用戶都熟悉這些象形圖,或者愿意花時(shí)間探索和學(xué)習(xí)它們的含義。


Bloom.fm難以理解的標(biāo)簽欄。

如果你認(rèn)為在圖標(biāo)上加上懸浮氣泡會(huì)讓它更易用,那你就錯(cuò)了。即使你是Foursquare,用戶無(wú)論如何都需要學(xué)習(xí)使用。


Swarm中的圖標(biāo)提示。

這不是說(shuō)根本不應(yīng)該用圖標(biāo)。 有許多人們相當(dāng)熟悉的圖標(biāo),其中多數(shù)都表現(xiàn)一些常用功能,例如搜索、播放視頻、郵件、設(shè)置等等。(但用戶仍然會(huì)感到不確定,例如,點(diǎn)擊心型圖標(biāo)時(shí)究竟會(huì)發(fā)生什么。)


有些圖標(biāo)多數(shù)用戶都認(rèn)識(shí),這些可以作為通用圖標(biāo)。

但是,復(fù)雜且抽象的功能總是應(yīng)該帶有適當(dāng)?shù)奈淖謽?biāo)簽。在這種情況下,圖標(biāo)仍然有用,因?yàn)樗鼈兲嵘瞬藛雾?xiàng)的顯著性,也為應(yīng)用增加了一絲親切與個(gè)性。


Pixelmator的導(dǎo)航

基礎(chǔ)功能用圖標(biāo)可以很有效地展現(xiàn),但對(duì)于復(fù)雜的功能,應(yīng)該帶上文字標(biāo)簽。(如果要用圖標(biāo),一定要做可用性測(cè)試。)

3. 基于手勢(shì)的導(dǎo)航

蘋果在2007年推出iPhone時(shí),多點(diǎn)觸控技術(shù)成為主流焦點(diǎn),用戶了解到他們不僅能夠在界面上點(diǎn)擊,還可以放大、捏合和滑動(dòng)。

手勢(shì)在設(shè)計(jì)師群體中盛行起來(lái),有許多應(yīng)用都帶有實(shí)驗(yàn)性的手勢(shì)控制。


Clear應(yīng)用中的手勢(shì)導(dǎo)航。

就像把導(dǎo)航藏在圖標(biāo)中替代文字標(biāo)簽,手勢(shì)有時(shí)候?qū)τ谛枰?jié)省屏幕空間的設(shè)計(jì)師而言也極具誘惑力。(“不應(yīng)該有刪除按鈕,人們左滑就行了?;蛘哂一残?,這個(gè)我們來(lái)決定?!保?/p>

關(guān)于手勢(shì)要知道的第一件事情,就是它們總是隱藏的。人們需要記住它們。就像漢堡菜單那樣:如果將某個(gè)選項(xiàng)隱藏起來(lái),使用它的人就會(huì)減少。

而且,手勢(shì)與圖標(biāo)有同樣的問(wèn)題:有些通用手勢(shì)大家都掌握了,例如點(diǎn)按、縮放、滾動(dòng)。還有一些手勢(shì)每個(gè)應(yīng)用都不同,需要探索和學(xué)習(xí)。

但不幸的是,多數(shù)手勢(shì)在不同應(yīng)用中,都是非標(biāo)準(zhǔn)且不統(tǒng)一的——這仍然是觸屏界面設(shè)計(jì)相當(dāng)新的一個(gè)領(lǐng)域。甚至簡(jiǎn)單如滑動(dòng)手勢(shì),在不同郵件應(yīng)用中也不一樣。


在蘋果的郵件應(yīng)用中右滑,會(huì)顯示出標(biāo)為未讀選項(xiàng)。

同樣的手勢(shì)在Mailbox里卻是歸檔郵件。

還有,想一想,搖晃手機(jī)可能既是撤銷(iOS)又是發(fā)送反饋(Google Maps)。

不要忘了手勢(shì)是隱藏式的控制,你的用戶需要付出大量的精力才能記住。除非你是Tinder,那你或許可以為全世界定義右滑的意義——但也僅限于你應(yīng)用中至關(guān)重要的某個(gè)概念。

4. 首次使用的教學(xué)引導(dǎo)

首次使用,最近一個(gè)火熱的用戶體驗(yàn)議題,指的是用戶與應(yīng)用的第一次接觸。在許多例子中,這就是指顯示一些教學(xué)引導(dǎo)層,向用戶說(shuō)明應(yīng)用界面:

dcovery中的教學(xué)引導(dǎo)。

為什么這是個(gè)糟糕的方案?因?yàn)槎鄶?shù)用戶會(huì)跳過(guò)你的介紹;他們只想立刻上手。即使他們注意到你的教程,通常也轉(zhuǎn)瞬即忘。(尤其當(dāng)界面信息太多時(shí)。)最后這點(diǎn)也很重要:加入教學(xué)引導(dǎo)并不會(huì)使界面更直觀。


關(guān)注我們:在查找公眾號(hào)中搜索:zomsky1688,或者掃描下方二維碼快速關(guān)注。
廣州市縱天信息科技有限公司公眾號(hào)
本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天
關(guān)鍵詞:廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,移動(dòng)網(wǎng)站建設(shè)

免費(fèi)咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項(xiàng)目顧問(wèn)通話

400-611-9921

您也可以咨詢我們的在線客服或預(yù)約資深顧問(wèn)

信息保護(hù)中,請(qǐng)放心填寫
關(guān)閉
免費(fèi)獲取方案
武功县| 桂林市| 万州区| 土默特左旗| 逊克县| 新田县| 台北市| 巧家县| 黄陵县| 榆树市| 沿河| 庐江县| 潮安县| 鲁甸县| 开江县| 麻栗坡县| 天水市| 开原市| 从化市| 绵阳市| 浦县| 赣州市| 即墨市| 库伦旗| 澄城县| 新余市| 海淀区| 噶尔县| 泾阳县| 抚宁县| 兰考县| 张家口市| 平舆县| 丰原市| 长治县| 东明县| 子洲县| 香格里拉县| 平塘县| 宜章县| 利川市|