童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

手机交互设计原则

8月24日 先锋客投稿
  在设计e指通客户端和wap2。0页面时,积累些手机交互设计经验,不断总结,理清设计思路。以下设计总结出手机交互设计原则,仅供参照。
  屏幕
  手机屏幕尺寸分为物理尺寸和显示分辨率。
  物理尺寸是按英寸对角线计算。
  显示分辨率指的是屏幕图像的精密度,是指屏幕所能显示的像素的多少。
  显示精度是每英寸上可以显示像素(DPI)。
  NOKIA,N78的物理尺寸为2。4英寸,显示分辨率为240320像素;HTCT7278的物理尺寸为2。8英寸,显示分辨率为480640像素。两款手机显示精度不同,同样100100像素大小的图片在这两款手机上看到的效果也不同,同样大小的图片在HTCT7278看起来要比NOKIAN78小的多。
  分辨率种类(不完全统计):
  128128128160130130176144176220208208208320240160240240240260
  240320240400240432240480320240320320320400320480345800352416
  360480360640400800480320480360
  480640480800480854480864640480800480
  一款软件适配所有分辨率的手机难度较大,势必需要先挑选主流分辨率进行设计,在此基础上适配其他分辨率的手机。鉴于2010年QVGA(240320)屏幕的市场占有率将达到70,可将QVGA的手机当成主要的设计对象。
  视觉重点自上而下
  大多数情况下浏览者看电脑屏幕时都不由自主的以“”形状的模式阅读网页,而手机屏幕很小,显示能力有限,屏幕上内容尽收眼底,阅读文字时自上而下,因而信息的重要性也是从上到下依次排列。
  “F”形状的模式阅读
  简洁
  手机屏幕的显示能力有限,使用物理按键时,无法向电脑或者触摸屏那些跳跃式操作,必须依次切换控件的焦点,例如手机界面中的翻页程序,用户使用最多的就是“下一页”,将“下一页”放置为第一个控件便于用户操作,方案1优于方案2。
  界面简洁的途径:
  减少控件的数目,使程序的主功能显然易见,引导用户操作。
  当内容过多时,要突出重要信息,便于用户快速浏览。
  显示出错信息时,不要只告知用户程序出现错误,要提供有用的信息引导用户完成操作。
  手机上网的速度慢,一般在6ks,这就要求页面的内容尽量精简,避免过多的图片。
  页面的内容控制在两屏以内,也不能空白。比如当用户支付电影票之后,不能只显示“支付成功”,可以引导用户使用其他功能。
  简洁要求文字描述简练,但也要充分利用手机屏幕上仅有的显示空间。例如iPhone的搜索栏,搜索框用于内容搜索,点击之后会显示虚拟键盘,除了左边默认的搜索图标之外,搜索栏还包含其他元素。
  占位符文本。可以提醒用户搜索栏的功能(例如“Search”)或者搜索的内容(如Google或YouTube)。
  书签按钮。记住用户的搜索内容,如在地图搜索中,书签按钮可以快速地查到已标记位置、最新搜索的内容和联系人。默认在搜索栏上用户没有输入文本或者占位符文本时,书签按钮才可能显示。
  清除按钮。可以快速地删除搜索栏中内容,默认在用户在搜索栏中输入文本时,才会显示清除按钮。
  任务
  当完成一个任务需要多步操作时,可将任务进行拆分成多个子任务,每个界面完成一个子任务。如逻辑清晰并保证用户操作的流畅性,可适当地增加页面跳转次数和点击的次数。如使用e指通客户端购买电影票的任务有:查询电影选择放映场次选座确定订单支付。
  e指通
  关注首要任务也是用户对于程序满意度的重要因素。所以在设计时,要保证界面上的每一个元素的设计都取决于当前首要任务,用户完成任务是否需要这些元素。举个具体的例子:这些信息或者功能对于用户购物是否有帮助呢?如果不是,这些信息或者功能是否在另外的使用情境中至关重要吗?
  避免输入
  使用标准iso手机按键时,用户平均每分钟输入英文21个单词,在手机上输入将减慢用户操作的速度,过多的文本输入是在浪费用户的时间和精力,如非要输入,需保证“物有所值”,用户会感觉到并没有因为输入而耽误了任务完成。
  以下途径可以避免输入:
  使用列表选项的形式。
  增加控件的可记忆性。
  一致性
  手机界面上出现的颜色、字体、文字和图片等元素要保持一致,一致性可以使用户知道在哪些地方找到特定的功能或信息,同时还能使得他们知道这些功能的正确使用方法。例如,返回上一级可以表述成:返回,上一级,后退,撤退对于用户而言,这些文字没有明显的区别,但在手机界面显示时要只使用一种和同一个位置,如iPhone界面中的“返回”只显示在导航栏的左边。
  熊猫看书
  使用情境
  手机QQ
  手机属于移动设备,可以在各种场合使用,如地铁、路边、超市、飞机上等,手机可以切换到飞机模式。手机可以在各个时间段使用,手机QQ也可以切换使用模式:标准模式、室外模式和夜间模式。
  操作方式
  手机操作有物理按键和触摸等多种操作方式,当同样的程序要在多种操作方式下使用,需顾及手指点击时可点区域的大小。使用物理按键时,按钮可以只是两个字,选中控件即可操作,而iPhone的可点击区域最好不低于4444像素。
  反馈
  程序需给予合理的反馈,让知道用户程序当前的状态。
投诉 评论 转载

社区媒体和网站的九个关键性界面特征系统模型接近用户的心智模型是优秀界面的主要作用。一般而言,可用性衡量网站交互方式的难易程度,也是衡量网页设计的重要标准。本文总结了社区媒体和网站的关键性特征,举例讨论了这些设计……10条可用性方面的启发译序:这篇文章是可用性大师JakobNielsen在10年前总结的,到今天仍然受用。通过这个时间跨度,可以得出,可用性话题不是某个时代的产物,一些研究经验时至今日也依……互联网产品需求管理杂思2需求收集互联网产品需求管理思考1统一需求管理需求收集是进行产品需求管理的第一步。需求收集得到的各种用户需求素材是产品需求的唯一来源。可以说需求收集的质量影响着产品最终的质量。……手机交互设计原则在设计e指通客户端和wap2。0页面时,积累些手机交互设计经验,不断总结,理清设计思路。以下设计总结出手机交互设计原则,仅供参照。屏幕手机屏幕尺寸分为物理尺寸和显示……iPad拟物化设计的博弈1024X768VS320X480320X480是iPhone的屏幕分辨率,而1024X768是新发布的平板设备iPad的屏幕分辨率。凭着这组分辨率的变化以及初窥iPad……WAP产品设计:删除确认不能少引:删除操作要不要再次确认?在WEB设计里,这个问题其实以前很多设计大拿都写过,也有些优化方法,真是各有各的好处。今天要说的是在WAP产品设计中的状况,前一阵改版站内消息……如何精简用户界面简洁、易用、友好、直观。这些词语经常被提及,但在执行过程中经常被遗忘。这是因为软件功能的复杂性所导致的。如何处理好软件的复杂功能往就可以决定它的命运。一个复杂的界面会让用户不知……购物车会增加用户购买中的迷惑,是一个能不做则不做的部分题目简单归纳:网站上,类似购物车这样增加用户困惑的部分,可以不放。这是一个非此即彼的武断结论,本篇短文主要质疑这种流行论调(xxx功能让用户提问很多,目前也没多大用,不必放)是……10个有用的网页应用程序界面技术阅读本文英文版(英文编辑:SmashingM翻译、校对:LucasLi)近年来,越来越多的桌面应用程序移植到互联网上面的。没有了平台限制和安装要求且作为一……微软雅黑字体设计分析一雅黑设计理念雅黑字体是为微软公司设计的屏幕显示汉字。它具有个性独特、结体优美、识别性强、块状效果好、显示清晰等优点。在当今数字化时代更是用途广泛。这副字可以说是科技进步……闲言碎语:甲方乙方不知道你有没有这种疑问:那些“大公司”(特别是在传统行业中)里面的设计师看上去好像挺轻松的,平时貌似不太忙,有任务了可以寻找设计外包,而且经常指点江山。这种状态让很多从业小白羡……信息构架的若干原则(第一部分)本文不准备重复讨论Web信息构架过程中的细节(比如,搜索框应当放什么地方),这些细节很多文章都讨论过了。我们把重点放在与网站信息构架的相关核心原则和方法上。适当的使用这些原则可……
网站设计之:谈谈色彩运用SNS平台与第三方APP的JS通信实现如何培养新的产品设计师电子商务搜索引擎的细节设计优化客服系统提高网站转化率产品经理行为模式“云”监测:垂直型的网站分析案例解析:PP失败简评从IFutura到Verdana看宜家字体的改变我所理解的去中心化资深产品经理分享网站策划流程设计的力量:产品、体验、战略古意小猪家的桃花树教学反思三篇第一次科学考试如何修复计算机系统漏洞行政强制执行的特点包括了什么索尼Z3容易发热吗索尼Z3发热怎么办详解为什么国产手机外观都是模仿iPhone,没有模仿三星的?写人全神贯注的作文乡间小路作文400字浮生六记读书笔记初秋如冬会飞的教室读书笔记

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界