為移動而設(shè)計第一部分：信息架構(gòu)

為移動而設(shè)計，第一部分：信息架構(gòu)

如今全世界共有60億移動訂閱用戶，意味著如果人手一部移動電話，那么世界上87%的人便擁有移動電話。然而，將近有30億人使用臺式電腦，這和移動電話使用情況差別很大。移動設(shè)備存在于我們的生活中，隨之而來也為移動端設(shè)計帶來了一系列新的限制和機遇。讓我們來看看設(shè)計方法會如何得以更新。移動有何不同？關(guān)于移動設(shè)計，我們最先需要了解的是它的不同之處，這并不僅僅指尺寸的不同。移動設(shè)備的屬性與規(guī)格也帶來了不同的設(shè)計啟示和要求。由于移動設(shè)備更輕更便攜，我們通常覺得它們更便于使用。通過頻繁使用移動設(shè)備，我們與它們之間建立了獨特而富有情感的聯(lián)系。屬性與規(guī)格絕大多數(shù)移動設(shè)備配有觸摸屏，用戶主要通過手勢以及一些簡單的界面元素進行操作。由于受限于屏幕尺寸，有時我們希望屏幕中的顯示內(nèi)容結(jié)構(gòu)更簡單精致。同樣由于受限于帶寬和連接速度，移動端上的設(shè)計需要優(yōu)化加載時間，減少數(shù)據(jù)請求。為何，何地與何時由于需要不間斷查看手機信息，我們往往會更頻繁地使用手機。乘坐公交車時、街上漫步時或看電視時，它們都無處不在。甚至，我們通常“做”一些其他事情時也在使用。這意味著我們可能在一些復(fù)雜的視覺環(huán)境下或是一系列干擾條件下使用手機。我們?nèi)绾涡袆雍透兄褂靡苿釉O(shè)備時，我們有不同的態(tài)度、行為和優(yōu)先級。作為GoingMobile2012研究的一部分，用戶體驗設(shè)計機構(gòu)Foolproof指出移動設(shè)備賦予我們一種新的自由感和控制感。還有一些用戶反而對他們的移動設(shè)備產(chǎn)生了非常真實的情感。Foolproof指出當智能電話不在身邊時，63%的人會感到失落不安。他們把這些設(shè)備描述為“有生命的”，是他們身體和人格的一種延伸。移動設(shè)備從根本上改變了用戶的期望，因此對于設(shè)計師而言，非常重要的一點是遵從以用戶為中心的設(shè)計流程來進行設(shè)計。但存在的問題在于：以往那些最佳的傳統(tǒng)實踐方法并不總是可以參照。移動如何影響設(shè)計師移動設(shè)備的差異化直接作用于以用戶為中心的設(shè)計的整個過程：從用戶研究到最終的開發(fā)和實現(xiàn)方案的測試。而實現(xiàn)方法和信息架構(gòu)是整個設(shè)計流程中受到最大影響的。移動設(shè)計實現(xiàn)方式不同于傳統(tǒng)網(wǎng)站，移動設(shè)計的實現(xiàn)存在四種主流方式。移動用戶最希望在瀏覽器上瀏覽，移動式網(wǎng)站(為移動設(shè)備而特地優(yōu)化的網(wǎng)站)或者響應(yīng)式網(wǎng)站(根據(jù)設(shè)備重新排列布局的網(wǎng)站)的內(nèi)容。而那些在設(shè)備上安裝了應(yīng)用程序的人會選擇原生應(yīng)用或混合模式應(yīng)用。原生應(yīng)用是獨立存在的：每一個應(yīng)用的界面都被定義在平臺層上方。混合模式應(yīng)用提供了更為靈活的方式，從網(wǎng)絡(luò)中獲取內(nèi)容，(即通過瀏覽器進行閱讀)，但也提供了類似于原生應(yīng)用的界面。每一種實現(xiàn)方式都有正反兩面。選擇哪種樣式取決于項目的設(shè)計背景。(下面的表單中，星星越多，效果越好)移動信息架構(gòu)移動設(shè)備同樣也有自己的信息架構(gòu)樣式庫。盡管響應(yīng)式網(wǎng)站的結(jié)構(gòu)可能更多遵從“標準化”樣式，而諸如原生應(yīng)用則通常采用基于標簽的導(dǎo)航結(jié)構(gòu)。但并不存在構(gòu)造移動網(wǎng)站或應(yīng)用的“正確”方法。接下來我們會帶來一些最流行的樣式：層級式、輻射式、套娃式、標簽視圖、便當盒和篩選視圖。層級式(Hierarchy)：層級樣式是帶有一個索引頁和一系列子頁面的標準網(wǎng)站結(jié)構(gòu)。如果你在設(shè)計一個響應(yīng)式網(wǎng)站，你可能會受限于此，然而它所帶來的額外樣式可以幫助你為適應(yīng)移動設(shè)備而調(diào)整體驗。LukeWroblewski在博文《移動為先》(MobileFirst)中幫助我們首先關(guān)注于重要的內(nèi)容：可以幫助我們創(chuàng)造更好的用戶體驗的產(chǎn)品特性和用戶使用過程。適用項：整理需要跟桌面端網(wǎng)站保持一致結(jié)構(gòu)的復(fù)雜站點。注意項：多面的導(dǎo)航結(jié)構(gòu)應(yīng)用于小屏幕上可能會給用戶引起的麻煩。輻射式(Hub-spoke)：輻射樣式向用戶提供了便于跳轉(zhuǎn)的中央式索引，這是iPhone的默認樣式。用戶無法在分頁面之間切換，而必須回到中央跳轉(zhuǎn)。一直以來，這種樣式主要用于工作流程受限的桌面端(通常是技術(shù)限制，諸如表單或者購買流程中受到的限制)。然后，這種樣式在移動設(shè)備上越來越流行，這是由于用戶使用移動設(shè)備時會專注于單一任務(wù)，以及由于設(shè)備本身的外型因素。這種樣式的流行使得全局性導(dǎo)航愈發(fā)難以使用。適用項：多功能工具，其中每個都有不同的內(nèi)部導(dǎo)航和目標。注意項：這種樣式不適于用戶進行多任務(wù)操作。套娃式(Nesteddoll)：套娃樣式采用漸進式導(dǎo)航引導(dǎo)用戶查看到更詳細的內(nèi)容至。當用戶操作不方便時，這是一種快速簡單的導(dǎo)航方法。通過點擊“前進”或“后退”，用戶可以強烈感知自己所處何處。適用項：應(yīng)用或網(wǎng)站的主題奇特或者主題之間密切相關(guān)。它們同樣適用于內(nèi)置其他父樣式的子樣式，諸如標準的層級樣式式和輻射樣式。注意項：用戶無法在不同內(nèi)容中快速切換，因此需要考慮這種樣式是否方便查找，而不能讓它成為查找內(nèi)容的絆腳石。標簽視圖(Tabbedview)：這是一種普通應(yīng)用用戶熟悉的樣式。這種形式通過工具欄菜單集合為一系列的內(nèi)容。這樣用戶可以在第一次打開應(yīng)用時，便能快速掃過并了解應(yīng)用的全部功能。適用項：基于一個相似主題的工具項和多任務(wù)情況。注意項：這種樣式不太適合復(fù)雜類結(jié)構(gòu)，較為適用于非常簡單的內(nèi)容結(jié)構(gòu)。便當盒/儀表盤(Bentobox/Dashboard)便當盒/儀表盤樣式通過使用組件展示相關(guān)工具或內(nèi)容的部分信息，再把更詳盡的內(nèi)容鏈接至到索引界面。由于這種樣式很復(fù)雜，它在桌面端顯示會比在移動端更為適合。這種顯示醒目有力，用戶只需要掃一眼就可以理解關(guān)鍵信息，但它嚴重依賴于信息清晰的設(shè)計呈現(xiàn)。適用項：主題相似的多功能工具和基于內(nèi)容的平板電腦應(yīng)用程序。注意項：盡管平板電腦的屏幕提供更多空間承載這種樣式，但更為重要的是我們要理解用戶如何與每塊內(nèi)容互動，以及我們要確保應(yīng)用簡單、有效、使用愉悅。篩選視圖(Filteredview)最后，篩選視圖樣式允許用戶通過選擇篩選項來切換不同視圖從而在一系列的數(shù)據(jù)中進行導(dǎo)航。篩選同分面搜索方法一樣，是一種很