對(duì)于移動(dòng)端來(lái)講,屏幕小但功能不能少,所以功能細(xì)節(jié)我們都力求盡善盡美,精簡(jiǎn)到極至,前面我們通過(guò)《關(guān)于移動(dòng)端簡(jiǎn)化導(dǎo)航設(shè)計(jì)思路及實(shí)例》介紹如何簡(jiǎn)化導(dǎo)航,能簡(jiǎn)導(dǎo)航我們盡量簡(jiǎn)化,同時(shí)能避免不必要的導(dǎo)航,我就得避免,接下來(lái)由南昌APP開發(fā)公司百恒網(wǎng)絡(luò)UI設(shè)計(jì)師向大家介紹那些是不必要的導(dǎo)航可以避免不要的。
默認(rèn)選擇
與其想方設(shè)法讓導(dǎo)航更便利,為何不干脆避免導(dǎo)航呢?在某些情況下,我們可 以刪減一些導(dǎo)航頁(yè)面,設(shè)置默認(rèn)選擇。“取舍”也是首頁(yè)設(shè)計(jì)的基本原則:用戶最常 搜索的元素,或是設(shè)計(jì)者出于設(shè)計(jì)策略希望大力推廣的元素,應(yīng)該重點(diǎn)呈現(xiàn)。
首頁(yè)只有導(dǎo)航作用,迫使用戶都要從導(dǎo)航開始,這種方法的用戶體驗(yàn)價(jià)值很低。
優(yōu)化橫向?qū)Ш?/strong>
移動(dòng)應(yīng)用的信息架構(gòu)往往非常深:信息架構(gòu)分為很多級(jí),層層疊壓。為了彌 補(bǔ)信息架構(gòu)過(guò)深帶來(lái)的缺點(diǎn),設(shè)計(jì)者可以采用橫向?qū)Ш?功能,讓用戶直接在同級(jí) 內(nèi)容之間跳轉(zhuǎn),而不必返回高層級(jí)別。另外,橫向?qū)Ш焦δ芤部梢栽诓煌瑢蛹?jí)內(nèi) 容之間跳轉(zhuǎn),或者根據(jù)用戶當(dāng)前瀏覽頁(yè)面提供各種捷徑。橫向?qū)Ш皆诓煌瑑?nèi)容之 間建立了橋梁,讓用戶不必走無(wú)用的彎路。
從一個(gè)商品的詳細(xì)說(shuō)明跳轉(zhuǎn)到下一個(gè)或上一個(gè)商品,讓用戶避免走不必要的彎路。
所有橫向?qū)Ш铰窂蕉冀?jīng)過(guò)了優(yōu)化,讓用戶在同一層級(jí)欄目之間隨意跳轉(zhuǎn),而且不必回到上 一層頁(yè)面也能跨越到其他層級(jí)。在線購(gòu)物網(wǎng)站的信息架構(gòu)注定是樹大根深,用戶面前是數(shù) 不清的“柜臺(tái)”。而且,用戶在購(gòu)物網(wǎng)站上“逛街”時(shí)往往是隨心而動(dòng)、丟三忘四,瀏覽 路線毫無(wú)規(guī)律可循。因此,這種界面非常適合在線購(gòu)物服務(wù)的導(dǎo)航功能。
針對(duì)用戶感覺的設(shè)計(jì)要領(lǐng)
談到瀏覽頁(yè)面,用戶的感覺非常重要。如果設(shè)計(jì)者預(yù)計(jì)人機(jī)交互過(guò)程會(huì)比較 煩瑣,可以在界面上多下點(diǎn)功夫,以求改善效果。界面的基本設(shè)計(jì)思路就是限制 時(shí)間堆積 4444 。設(shè)計(jì)理論學(xué)家愛德華·塔夫特提出這一概念,指用戶在完成目標(biāo)的過(guò) 程中必須通過(guò)的一系列頁(yè)面。時(shí)間堆積和空間并存 4444 的元素組織形式正好相反。從 結(jié)構(gòu)上看,信息架構(gòu)的時(shí)間堆積越多,越容易讓用戶感到瀏覽過(guò)程漫長(zhǎng)、乏味。
因此,組織好信息架構(gòu),讓用戶不會(huì)感到每一次點(diǎn)擊后都會(huì)登錄不同頁(yè)面, 這一點(diǎn)非常重要。在關(guān)聯(lián)背境中顯示新內(nèi)容,用戶就不會(huì)感到在一直不停地翻頁(yè)。
在 UNIQLO RECIPE 上瀏覽信息不像在COLETTE 上顯得瑣碎,原因很簡(jiǎn)單:前者將各個(gè) 元素放在關(guān)聯(lián)背景中,而不是在專屬頁(yè)面中一一逐條顯示。
為了讓用戶在目錄列表和細(xì)節(jié)頁(yè)面之間的更順暢地跳轉(zhuǎn),設(shè)計(jì)者可以在顯示 方面多花些心思,減少頁(yè)面之間的割裂感,讓用戶減少來(lái)回穿梭的感覺。
聯(lián)系人的具體聯(lián)絡(luò)方式浮現(xiàn)在聯(lián)系人列表之上,而不另設(shè)專屬頁(yè)面,避免用戶在聯(lián)系人列 表和具體聯(lián)系方式之間不斷往返。另外,用戶憑直覺就能猜到,只需在懸浮窗之外的任何 地方點(diǎn)擊一下,即可返回聯(lián)系人列表,方法簡(jiǎn)單易行。
在平板電腦上,EVERNOTE 保留顯示了創(chuàng)建新建筆記時(shí)的背景??瓷先?,新建筆記處在 整體背景之中,減少了瀏覽的割裂感。在智能手機(jī)上,即使屏幕較小也可以這樣做,比如 GOOGLE DOCUMENTS 在創(chuàng)建文件時(shí)的例子。
值得一提的是,這種設(shè)計(jì)方法不僅適合內(nèi)容緊湊的文檔,對(duì)于需要經(jīng)常查看 細(xì)節(jié)的情況也大有益處。因此,這種視覺效果通常還會(huì)引導(dǎo)用戶深入瀏覽更多 細(xì)節(jié):如果用戶沒有感到瀏覽內(nèi)容被割裂得七零八落,自然會(huì)希望瀏覽更多的內(nèi) 容。我們甚至可以假設(shè),用戶敢冒更大的風(fēng)險(xiǎn)前去瀏覽自己可能不喜歡的內(nèi)容, 是因?yàn)樗婪祷卦瓉?lái)的頁(yè)面或去往其他頁(yè)面的操作十分便捷。
信息升級(jí)
移動(dòng)終端的信息架構(gòu)往往分成很多層級(jí),用戶有時(shí)需要瀏覽一系列頁(yè)面后才 能達(dá)到目的。因此,設(shè)計(jì)者有必要解決層級(jí)過(guò)多的問(wèn)題。其中一種不錯(cuò)的解決方 法是把內(nèi)容混雜放在瀏覽頁(yè)面上。這樣一來(lái),平常需要一連串操作才能看到的低 層級(jí)信息就會(huì)“浮出水面”,用戶不再需要穿越層層頁(yè)面,就能精確找到所需的信息。
直接顯示消耗的卡路里數(shù)值,而不用“消耗熱量”為標(biāo)題;直接顯示用戶體重?cái)?shù)值,而不 用“我的體重”為題目。在某些情況下,下層信息升級(jí)可以讓用戶省去一些步驟直達(dá)目 標(biāo),不必再穿過(guò)層層網(wǎng)頁(yè),避免無(wú)謂地浪費(fèi)時(shí)間。
本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對(duì)廣技人員有所幫助。原創(chuàng)文章出自:南昌APP開發(fā)公司-百恒網(wǎng)絡(luò) http://www.gimmickmag.com/app/index.html 如轉(zhuǎn)載請(qǐng)注明出處!