拓展閱讀
“MOBILE CONTENT: IF IN DOUBT, LEAVE IT OUT,” JAKOB NIELSEN, ALERTBOX
“MOBILE CONTENT STRATEGY LINK-O-RAMA 2011,” KAREN MCGRANE
{設計}
這是指視覺呈現和互動體驗,包括平面設計、品牌包裝和排版。
規范
1. 記住名言“移動化,而非小型化”(BARBARA BALLARD)和“不縮小,重新思考”(諾基亞)。它們都提到:移動設計并不僅僅是完全移植臺式電腦的設計。
2. 為了預覽和快速掃描而設計。 預覽設計指的是視覺設計如何能快速、輕松地傳達信息。
3. 通過色彩、排版和個性化設計,在視覺上保持設計元素和體驗(手機,應用程序,網絡,印刷和現實世界)統一。如下堆積的圖片中,即使看不到品牌名稱,辨識亞馬遜仍然很容易。
4. 引導用戶從最開始最突出的元素著手,幫助他們完成任務,這就是所謂的視覺流。一個好的設計既包含視覺元素,還包含信息結構,內容和功能,以傳達品牌形象、引導用戶。
5. 設計過程中需考慮縱向和橫向的設計。越來越多的設備能支持多個方向,并自動調節以適配到用戶的物理方向。當用戶改變設備方向時,確保用戶的位置位于畫面中。如果方向變化后有附加或不同功能,需要明確指示,如下圖應用ING所示。
拓展閱讀
“DESIGNING GLANCEABLE PERIPHERAL DISPLAYS“ (6 MB, PDF), MATTHEWS, FORLIZZI AND ROHRBACH, UC BERKELEY
UNIVERSAL PRINCIPLES OF DESIGN, REVISED AND UPDATED: 125種方法來增強易用性,影響認知,增加吸引力,做出更好的設計決策,設計教學,WILLIAM LIDWELL, KRITINA HOLDEN, JILL BUTLER
{用戶輸入}
這是指用戶輸入數據的難度。應盡量降低移動設備上輸入數據的難度,同時避免雙手操作。
規范
1. 限制必填部分的輸入。正如LUKE WROBLEWSKI在著作《移動為先》( MOBILE FIRST)中提到的那樣,“涉及到移動設備上的表格,需要殘忍而有效地減少,減少,再減少。”限制登記表,使其只包含最少的必填部分,可能情況下,替換為更短內容。比如,使用ZIP號碼,而不是城市和國家。針對這個規范,我最喜歡舉的反例是大眾的試駕預約表格,移動版必填的字段居然比桌面版還多(高亮部分顯示為多余字段):
2. 盡可能顯示默認值。它可能是用戶最近所選項(如機場或火車站),或是常選項(如檢查飛行狀態時選擇當天日期):
3. 可能的情況下,根據設備特性提供備用輸入機制。APP可以利用設備內置的很多輸入機制,包括手勢,攝像頭,陀螺儀和聲音,但移動網站才剛剛開始使用這些特性,尤其是地理位置。
4. 使用適當的輸入機制,并顯示合適的觸摸式鍵盤,以減少用戶的切換。請記住,在只有數字鍵盤上的非智能手機上,數據輸入更加繁瑣乏味。對于無需過度保密的APP,允許用戶保持移動設備上的登錄狀態,并保存電子郵件地址和用戶名等信息,因為手機往往是個人設備,不像平板電腦,往往由多人共同使用。
5. 考慮提供自動匹配,拼寫檢查和預測技術,讓數據輸入更加容易并減少錯誤 – 必要時數據可恢復。應禁用一些不恰當的功能,如驗證碼的輸入。
{移動情景}
我們可以在任何時間、任何地點使用移動設備,因此,移動情景指的是用戶使用時的環境和狀態——也就是任何可以影響用戶與設備進行交互的內容。由于這些情境持續而快速地變化,對移動設備而言就顯得尤為重要。我們在考慮用戶分心、多任務、手勢操作、低電量條件和糟糕的連接環境的同時,也要考慮極端好的情景——假設在一個快速Wi-Fi環境下使用平板電腦。
《移動交互的情景》(參見:The Context of Mobile Interaction),Nadav Savio
規范
1. 根據設備功能和硬件能力來預測和支持用戶的使用情景。iCookbook應用中,用戶可以用語音來查看食譜——就再也不用擔心手上糊滿面糊怎么辦了。
2. 根據一天不同的時段或用戶使用過程,來適應情景的變化。Navfree GPS應用能在白天、夜間模式下自動切換,夜間采用低眩光的地圖,開車會更安全。
3. 判斷用戶當前位置并展示附近相關的內容和幫助。用戶在移動設備上用Google搜索電影,可以搜到附近正在熱映的電影以及當天的電影場次,如果有票的話,還能看到買票的鏈接。
4. 權衡用戶提供的信息,并且尊重用戶的喜好和設置。在完成多線航班的第一站后,TripIt應用向我展示了下一個航班、登機信息以及必須要花費的時間。而United應用并沒有做這樣的事情,盡管它知道得更多。我就納悶了,既然知道我是會員,它為什么不向我展示如何從當前飛機前往下一班飛機,另外明確標明途中United的貴賓休息區,好讓我舒適地度過這等待的兩小時呢?
5. 默認為用戶提供最合適的體驗(例如:一種適合小屏幕的移動體驗,也可能是適合平板電腦的桌面產品體驗),但還要提供高級選項。最近一次關于如何向用戶展示這些信息的大型的討論會上,Jakob Nielsen建議將移動網頁與Web網頁分開(參見Jakob Nielsen recommending a separate mobile website),Josh Clark則覺得自適應的移動網頁設計更好(鏈接:Josh Clark arguing instead for a responsive design),而其他人認為Nielsen和Clark都錯了(參見believe that Nielsen and Clark are both wrong)。
原文轉自:http://cdc.tencent.com/?p=6779