手机客户端产品设计原则.docxVIP

屏幕 手机屏幕尺寸分为物理尺寸和显示分辨率 ?物理尺寸是按英寸对角线计算。 ?显示分辨率指的是屏幕图像的精密度，是指屏幕所能显示的像素的多少 ?显示精度是每英寸上可以显示像素（DPI）。 NOKIA N78的物理尺寸为2.4英寸，显示分辨率为 240*320像素；HTC T7278 的物理尺寸为2.8英寸，显示分辨率为480*640像素。两款手机显示精度不同， 同样100*100像素大小的图片在这两款手机上看到的效果也不同， 同样大小的图 片在HTC T7278看起来要比NOKIA N78小的多。 分辨率种类（不完全统计）： 128*128 128*160 130*130 176*144 176*220 208*208 208*320 240*160 240*240 240*260 240*320 240*400 240*432 240*480 320*240 320*320 320*400 320*480 345*800 352*416 360*480 360*640 400*800 480*320 480*360 480*640 480*800 480*854 480*864 640*480 800*480 一款软件适配所有分辨率的手机难度较大，势必需要先挑选主流分辨率进行设 计，在此基础上适配其他分辨率的手机。鉴于 2010年QVGA（240*320屏幕的市 场占有率将达到70%可将QVGA勺手机当成主要的设计对象。 视觉重点自上而下 大多数情况下浏览者看电脑屏幕时都不由自主的以 “F”形状的模式阅读网页, 而手机屏幕很小，显示能力有限，屏幕上内容尽收眼底，阅读文字时自上而下 因而信息的重要性也是从上到下依次排列。 F”形状的模式阅读 简洁 手机屏幕的显示能力有限，使用物理按键时，无法向电脑或者触摸屏那些跳跃式 操作，必须依次切换控件的焦点，例如手机界面中的翻页程序，用户使用最多的 就是“下一页”，将“下一页”放置为第一个控件便于用户操作，方案 1优于方 案2。 方3 37S|{ F-n] [mQm 3轻|（上阿可廊呼 方K吐 知晦 13 0 0 0 （上-町呼町 共倜礙1Q @ 0 HE 0Q 0 HEDGED 界面简洁的途径： ?减少控件的数目，使程序的主功能显然易见，引导用户操作。 ?当内容过多时，要突出重要信息，便于用户快速浏览。 ?显示出错信息时，不要只告知用户程序出现错误，要提供有用的信息引导 用户完成操作。 ?手机上网的速度慢，一般在6k/s，这就要求页面的内容尽量精简，避免 过多的图片。 ?页面的内容控制在两屏以内，也不能空白。比如当用户支付电影票之后, 不能只显示“支付成功”，可以引导用户使用其他功能。 简洁要求文字描述简练，但也要充分利用手机屏幕上仅有的显示空间。例如 iPhone的搜索栏，搜索框用于内容搜索，点击之后会显示虚拟键盘，除了左边 默认的搜索图标之外，搜索栏还包含其他元素。 ?占位符文本。可以提醒用户搜索栏的功能（例如“ Search”）或者搜索的 内容（如 Google 或 YouTube。 ?书签按钮。记住用户的搜索内容，如在地图搜索中，书签按钮可以快速地 查到已标记位置、最新搜索的内容和联系人。默认在搜索栏上用户没有输 入文本或者占位符文本时，书签按钮才可能显示。 ?清除按钮。可以快速地删除搜索栏中内容，默认在用户在搜索栏中输入文 本时，才会显示清除按钮。 任务 当完成一个任务需要多步操作时，可将任务进行拆分成多个子任务，每个界面完 成一个子任务。如逻辑清晰并保证用户操作的流畅性， 可适当地增加页面跳转次 数和点击的次数。如使用e指通客户端购买电影票的任务有：查询电影一选择放 映场次f选座f确定订单f支付 血玄豐删1北4柑壬胸斤犬食申舉更广塢 耀电话】Q1Q-ES?附9弼审心1D0QM讦*充戒1爭戟专rtf瓯竝下摆1021M^ 加h 血玄豐 删1北4柑壬胸斤犬食申舉更广塢 耀 电话】Q1Q-ES?附9弼审心 1D0QM 讦*充戒1爭戟专rtf瓯竝下摆102 1M^ 加h 211, 4M. M3. 8MW 电 北? ■片思I大（H附■君?Nf tK? | S T^i召厅 塔次.1% ? 用勺瞄疏S7S S T*i 沂 总朴?MJt 严A些図咚*呂［ |,「!i 4?l?Q （鮭■專号,， 林wi3wi ■ijHr r前环淋两；衣晅至； c^nfEtix nnnnonnt a -1* t Hu 口 □□□□□□□ 口口口口口口口口 u^aaaaooDa □□qoqmd o oo □□□□□□ □ ^asttJE阮氐豌 2 e指通 关注首要任务也是用户对于程序满意度的重要因素。所以在设计时，要保证界面 上的每一个元素的设计都取决于当前首要任务，用户完成任务是否需要这些元 素。举个