|
二、一維條目
定義：將每一項(xiàng)信息列作一條，展示在縱向的條目里。
適用情景：
信息可以梳理為很多項(xiàng)目，項(xiàng)目與項(xiàng)目之間沒(méi)有概念上的交集，總體數(shù)量在15個(gè)以?xún)?nèi)，再多就得考慮多分一級(jí)了。
它非常適合展示層次分明的分級(jí)結(jié)構(gòu)，一層層地drilldown下去，條理很清晰。
討論：一維條目是手機(jī)界面設(shè)計(jì)中較為樸素和常見(jiàn)的一種導(dǎo)航方式。每一項(xiàng)都可以在點(diǎn)擊之后進(jìn)入下一級(jí)。但是展示的項(xiàng)目不宜過(guò)多，在信息的海洋里晃來(lái)晃去找不到想要的東西是很讓人懊惱的。如果一級(jí)上面的項(xiàng)目太多，就可以考慮做一下歸類(lèi)，再分一級(jí)下去。
完美無(wú)止境：
為了讓用戶(hù)知道應(yīng)該選擇哪一項(xiàng)(3)，條目都會(huì)用最大的尺寸去展示標(biāo)題。同時(shí)，還會(huì)有一些輔助內(nèi)容幫助用戶(hù)判斷，比如該項(xiàng)包含的內(nèi)容、該項(xiàng)當(dāng)前的狀態(tài)、該項(xiàng)下未讀過(guò)的子項(xiàng)目、圖標(biāo)。
如果項(xiàng)目過(guò)多，又不想再分一級(jí)，可以將項(xiàng)目分組，加上名字并在視覺(jué)上加以處理。
由于iPhone上沒(méi)有“back”，它設(shè)計(jì)了統(tǒng)一的導(dǎo)航規(guī)則。表“返回”的按鍵始終在屏幕上角(5)，表“完成”的按鍵始終在右上角。同時(shí)，按鍵上還會(huì)寫(xiě)上“返回至哪里”。
將進(jìn)過(guò)的項(xiàng)目和未進(jìn)的項(xiàng)目區(qū)別開(kāi)來(lái)，用戶(hù)可以知道去過(guò)哪兒(2)，還可以去哪兒(3)。
這個(gè)鋼琴模擬器其實(shí)也可以視作縱向一維條目。右側(cè)的這個(gè)位置指示器可以視作一個(gè)做了個(gè)性?xún)?yōu)化的Scrollbar，可以拖動(dòng)以改變當(dāng)前位置(4,5)，也可以展示當(dāng)前的位置 (1)。
將列表項(xiàng)目按某個(gè)規(guī)則排序，并且將排序標(biāo)題展示出來(lái)可以增加用戶(hù)對(duì)長(zhǎng)列表的容忍度，同時(shí)也能暗示用戶(hù)當(dāng)前的位置(1)，以及為找到相應(yīng)的項(xiàng)目接下來(lái)該怎么走(3)。
小Tips：在條目上可以加上一些常用的動(dòng)作按鍵，方便用戶(hù)一次點(diǎn)擊即滿(mǎn)足目標(biāo)。
為長(zhǎng)條目適時(shí)地提供一些加速滾動(dòng)的工具會(huì)很有幫助。在用戶(hù)拖動(dòng)時(shí)，可以碩大的尺寸告知當(dāng)前的位置(1)。
當(dāng)點(diǎn)擊條目進(jìn)入下一級(jí)時(shí)，如果預(yù)測(cè)到用戶(hù)的需求只是暫時(shí)的，很快會(huì)返回去瀏覽其他項(xiàng)，那么可以考慮將子項(xiàng)目在當(dāng)前頁(yè)面上展開(kāi)，而非進(jìn)入下一項(xiàng)。具體如何展開(kāi)，花樣怎么玩，可以自己想點(diǎn)子。
出處：雪鸮的交互設(shè)計(jì)
責(zé)任編輯：bluehearts
上一頁(yè) 手機(jī)界面常用導(dǎo)航設(shè)計(jì)分析 [1] 下一頁(yè) 手機(jī)界面常用導(dǎo)航設(shè)計(jì)分析 [3]
|
第 1 頁(yè) 
第 2 頁(yè) 手機(jī)界面常用導(dǎo)航設(shè)計(jì)分析 [2]
