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