97国产精品视频人人做人人爱,3344在线观看无码,成年人国产视频,欧美日一级片,在线看AV天堂,高清无码一本到东京热,欧美一级黄片一区2区,免费又爽又刺激高潮网址

手機交互設計原則

2011-10-21    藍藍設計的小編

作者:曉生  |   發布: (網友)曉生   |   時間:2010-04-06 14:06:18

在設計e指通 客戶端和wap2.0 頁面時,積累些手機交互設計經驗,不斷總結,理清設計思路。以下設計總結出手機交互設計原則,僅供參照。

屏幕

手機屏幕尺寸分為物理尺寸和顯示分辨率。

  • 物理尺寸是按英寸對角線計算。
  • 顯示分辨率指的是屏幕圖像的精密度,是指屏幕所能顯示的像素的多少。
  • 顯示精度是每英寸上可以顯示像素(DPI)。

NOKIA N78的物理尺寸為2.4英寸,顯示分辨率為240*320像素;HTC T7278的物理尺寸為2.8英寸,顯示分辨率為480*640像素。兩款手機顯示精度不同,同樣100*100像素大小的圖片在這兩款手機上看到的效果也不同,同樣大小的圖片在HTC T7278看起來要比NOKIA N78小的多。

分辨率種類(不完全統計):

  1. 128*128  128*160 130*130  176*144  176*220 208*208 208*320  240*160 240*240 240*260
  2. 240*320 240*400 240*432 240*480 320*240 320*320 320*400 320*480 345*800 352*416
  3. 360*480 360*640 400*800 480*320 480*360
  4. 480*640 480*800 480*854 480*864 640*480  800*480

一款軟件適配所有分辨率的手機難度較大,勢必需要先挑選主流分辨率進行設計,在此基礎上適配其他分辨率的手機。鑒于2010年QVGA(240*320)屏幕的市場占有率將達到70% ,可將QVGA的手機當成主要的設計對象。

視覺重點自上而下

大多數情況下瀏覽者看電腦屏幕時都不由自主的以“F”形狀 的模式閱讀網頁,而手機屏幕很小,顯示能力有限,屏幕上內容盡收眼底,閱讀文字時自上而下,因而信息的重要性也是從上到下依次排列。

“F”形狀的模式閱讀

簡潔

手機屏幕的顯示能力有限,使用物理按鍵時,無法向電腦或者觸摸屏那些跳躍式操作,必須依次切換控件的焦點,例如手機界面中的翻頁程序,用戶使用最多的就是“下一頁”,將“下一頁”放置為第一個控件便于用戶操作,方案1優于方案2。

界面簡潔的途徑:

  • 減少控件的數目,使程序的主功能顯然易見,引導用戶操作。
  • 當內容過多時,要突出重要信息,便于用戶快速瀏覽。
  • 顯示出錯信息時,不要只告知用戶程序出現錯誤,要提供有用的信息引導用戶完成操作。
  • 手機上網的速度慢,一般在6k/s ,這就要求頁面的內容盡量精簡,避免過多的圖片。
  • 頁面的內容控制在兩屏以內,也不能空白。比如當用戶支付電影票之后,不能只顯示“支付成功”,可以引導用戶使用其他功能。

簡潔要求文字描述簡練,但也要充分利用手機屏幕上僅有的顯示空間。例如iPhone的搜索欄,搜索框用于內容搜索,點擊之后會顯示虛擬鍵盤,除了左邊默認的搜索圖標之外,搜索欄還包含其他元素。

  • 占位符文本。可以提醒用戶搜索欄的功能(例如“Search”)或者搜索的內容(如Google或YouTube)。
  • 書簽按鈕 記住用戶的搜索內容,如在地圖搜索中,書簽按鈕可以快速地查到已標記位置、搜索的內容和聯系人。默認在搜索欄上用戶沒有輸入文本或者占位符文本時,書簽按鈕才可能顯示。
  • 清除按鈕。可以快速地刪除搜索欄中內容,默認在用戶在搜索欄中輸入文本時,才會顯示清除按鈕。

任務

當完成一個任務需要多步操作時,可將任務進行拆分成多個子任務,每個界面完成一個子任務。如邏輯清晰并保證用戶操作的流暢性,可適當地增加頁面跳轉次數和點擊的次數。如使用e指通 客戶端購買電影票的任務有:查詢電影→選擇放映場次→選座→確定訂單→支付。

 

e指通

關注首要任務也是用戶對于程序滿意度的重要因素。所以在設計時,要保證界面上的每一個元素的設計都取決于當前首要任務,用戶完成任務是否需要這些元素。舉個具體的例子:這些信息或者功能對于用戶購物是否有幫助呢?如果不是,這些信息或者功能是否在另外的使用情境中至關重要嗎?

避免輸入

使用標準iso手機按鍵時,用戶平均每分鐘輸入英文21個單詞,在手機上輸入將減慢用戶操作的速度,過多的文本輸入是在浪費用戶的時間和精力,如非要輸入,需保證“物有所值”,用戶會感覺到并沒有因為輸入而耽誤了任務完成。

以下途徑可以避免輸入:

  • 使用列表選項的形式。
  • 增加控件的可記憶性。

一致性

手機界面上出現的顏色、字體、文字和圖片等元素要保持一致,一致性可以使用戶知道在哪些地方找到特定的功能或信息,同時還能使得他們知道這些功能的正確使用方法。例如,返回上一級可以表述成:返回,上一級,后退,撤退……對于用戶而言,這些文字沒有明顯的區別,但在手機界面顯示時要只使用一種和同一個位置,如iPhone界面中的“返回”只顯示在導航欄的左邊。

熊貓看書

使用情境

手機QQ

手機屬于移動設備,可以在各種場合使用,如地鐵、路邊、超市、飛機上等,手機可以切換到飛機模式。手機可以在各個時間段使用,手機QQ也可以切換使用模式:標準模式、室外模式和夜間模式。

操作方式

手機操作有物理按鍵和觸摸等多種操作方式,當同樣的程序要在多種操作方式下使用,需顧及手指點擊時可點區域的大小。使用物理按鍵時,按鈕可以只是兩個字,選中控件即可操作,而iPhone的可點擊區域最好不低于44×44像素。

反饋

程序需給予合理的反饋,讓知道用戶程序當前的狀態。

 

比如iPhone的運行指示,運行指示表示后臺有程序正在運行,但任務完成時不會提醒用戶。當程序無法立即完成聯網時,狀態欄上會顯示運行指示。當程序執行的任務無法立即完成時,工具欄上會顯示稍大點的運行指示。運行指示提供了很好的反饋機制,明確地告知用戶程序正在運行比告訴用戶任務已經完成更為重要。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.0391cbd.com

存檔

主站蜘蛛池模板: 国产高清在线丝袜精品一区| 一本大道香蕉中文日本不卡高清二区| 亚洲第一网站男人都懂| 久久96热在精品国产高清| 在线观看国产一区二区三区99| 国产男女XX00免费观看| 欧美亚洲一二三区| 久久久久国产一级毛片高清板| 国产91视频观看| 欧美色图久久| 一本大道无码日韩精品影视| 在线观看欧美精品二区| 丝袜国产一区| 久久精品国产精品国产一区| 精品小视频在线观看| 激情在线网| 自拍中文字幕| 国产精品视频公开费视频| …亚洲 欧洲 另类 春色| 亚洲一区二区三区香蕉| 无码啪啪精品天堂浪潮av| 欧美成人a∨视频免费观看| 免费国产高清视频| 国产精品人成在线播放| 72种姿势欧美久久久久大黄蕉| 免费A级毛片无码免费视频| 美女内射视频WWW网站午夜 | 欧美一区日韩一区中文字幕页| 国产一区亚洲一区| 国产精品99久久久| 日韩麻豆小视频| 精品国产成人国产在线| 久久精品波多野结衣| 国产精品视屏| 特级精品毛片免费观看| 欧美特黄一级大黄录像| 欧洲成人在线观看| 久久五月视频| 久久天天躁狠狠躁夜夜2020一| 黄色网址手机国内免费在线观看| 97se亚洲综合在线天天| 国产主播一区二区三区| 国产青青操| 国产91全国探花系列在线播放 | 日韩小视频在线播放| 婷婷六月在线| 伊人网址在线| 免费看的一级毛片| 不卡午夜视频| 毛片久久网站小视频| 成人福利免费在线观看| 波多野结衣一区二区三区AV| 国产午夜小视频| 国产成人综合久久| 天堂成人在线视频| 亚洲第一成人在线| 久久a级片| 国产丰满成熟女性性满足视频| 国产成人麻豆精品| 99久久国产综合精品2020| 亚洲精品亚洲人成在线| 欧美一级特黄aaaaaa在线看片| 国产杨幂丝袜av在线播放| 国产综合欧美| 国产v精品成人免费视频71pao| 国产成人亚洲毛片| 免费a在线观看播放| 91久久夜色精品| 国产精品自在在线午夜区app| 欧美亚洲网| 国产一级小视频| 亚洲AV无码一二区三区在线播放| 99视频在线免费看| 在线精品视频成人网| 日本精品一在线观看视频| 免费毛片视频| 日韩第一页在线| 国产激情在线视频| 亚洲欧美自拍视频| 成人第一页| 亚洲欧美另类中文字幕| 国产男女免费完整版视频|