手机交互设计原则

在设计e指通客户端和wap2.0页面时,积累些手机交互设计经验,不断总结,理清设计思路。以下设计总结出手机交互">设计原则,仅供参照。

屏幕

手机屏幕尺寸分为物理尺寸和显示分辨率。

物理尺寸是按英寸对角线计算。显示分辨率指的是屏幕图像的精密度,是指屏幕所能显示的像素的
多少。显示精度是每英寸上可以显示像素(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*260240*320 240*400 240*432 240*480 320*240 320*320 320*400 320*480 345*800 352*416360*480 360*640 400*800 480*320 480*360480*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://daichuanqing.com/i……archives/1042

时间: 2024-09-09 23:57:37

手机交互设计原则的相关文章

手机的交互设计方法:手机产品交互设计原则

一.用户体验信息收集 在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理.收集用户体验信息首先需要确定两个问题:一是确定目标用户群体:二是确定信息收集的方法和途径. 在确定目标用户群体的时候,很显然的是,已有产品有过使用和交互经验,具备该产品或系统的交互体验的用户,相比较于那些没有体验的用户,可以为设计提供更多更有效的信息.因此在收集用户体验信息时,应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户.在理想的情况下,当用

手机客户端交互设计原则及信息展现方式

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式. 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受. 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点. 首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移

基于用户体验的手机产品交互设计原则

一.用户体验信息收集 在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理.收集用户体验信息首先需要确定两个问题:一是确定目标用户群体:二是确定信息收集的方法和途径. 在确定目标用户群体的时候,很显然的是,已有产品有过使用和交互经验,具备该产品或系统的交互体验的用户,相比较于那些没有体验的用户,可以为设计提供更多更有效的信息.因此在收集用户体验信息时,应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户.在理想的情况下,当用

交互设计原则–待续

我们认为目标导向设计方法由4个P组成,即process.pattern.principles.practices(过程.模式.原则.实践),下面我将和大家一起讨论前3个P.交互设计总的来说是一件困难杂乱的工作,交互设计师常常被要求在紧迫的工期中想象和定义一个可能要运用最新科技,并且是谁都没见过的东西,我们必须深刻地了解产品所属的复杂的领域,必须平衡好竞争的优先次序,必须理解所用科技的约束和机会,还要对整个项目的商业环境有清楚的认识.这些让人眩晕的困难和挑战迫使我们必须要采用非常系统的方法,通过需

Android界面与交互设计原则:以用户为中心

译者按: 在iOS HIG已经强大经典了N年之后,Android终于推出了一套比较系统的HIG(大概是为了配合Android 4.0 Ice Cream Sandwich).仔细比较两套HIG的"设计原则"部分,发现完全是截然不同的两种风格.iOS HIG走的是更专业型的路线,描述严谨且有不少的专业词汇(比如Metaphors.Consistency之类的).而Android则显得亲民许多,不仅描述方式简要易懂,配图鲜明直观,甚至还用了"me"作为了一系列要点的标题

交互设计经验谈:移动应用交互设计原则

文章描述:设计在很多时候都是靠灵感的闪现,移动应用的设计则更加的灵活多变,如何能更好地设计出一个应用,没有具体的方法和成规.但是,为了能更好地避免设计师们走弯路,设计原则的学习是有必要的,它给了设计师们一定的参考和指导. 摘要:交互设计专业也有了蓬勃发展,Ben Shneiderman 提出的交互设计"黄金八法"和Nielsen 的"启发式评估10条原则"为交互设计的评估提供了标准.我们在考虑其他原则的基础上,整理了八条移动应用设计的针对性原则. 本文节选自<

手机网页设计原则:移动网页中的基础元素

文章描述:移动网页设计应该包含的5个基本元素. 大部分人都认为手机网页设计与电脑网页设计有很大不同,其实不是,手机网页除了小且可以触摸外,很多设计原则与电脑网页设计是共通的.这里有 5 个基本的元素,希望对设计师有所帮助. 1. 有意义的导航 在移动设备上获取信息实际上是有趣的体验,因此,令用户在使用过程中感到愉快很有必要,简单地删除屏幕上的链接(或taps)并不能达到用户友好体验的目的.导航应该包含用户需要的内容,并提供明确的路径.如果用户知道跳转的具体页面,就会进行点击. 首先,确保导航在用

设计理论:手机交互设计初体验

一晃半年没有更新了,实在是对不起观众.没有借口,只有道歉,90度鞠躬(持续30秒)-- 这半年在调整工作内容,从互联网网页的交互设计逐步转向手机上的交互设计,才不惘做无线业务系统的交互设计师.手机上的交互设计细分下来也有 WAP1.0.WAP2.0.手机终端软件三块,其中以手机终端软件最为复杂,其复杂程度不亚于桌面软件,不同的平台,不同的手机硬件造就了一个终端软件 N个版本的局面,各版本有不同的环境又要有品牌的一致性,这对设计师有比较全面的要求. 之前简单的研究了一下我手机(Nokia5300/

交互设计原则

最近读了不少关于交互设计的书籍,唯<About Face 3>留下了最深的印象(虽然中文版的排版并不是很友好),读第一遍时没做笔记,只是把认为重要的部分做了标记,现在正在读第二遍,并在做重点整理,希望完成之后能与大家分享. 个人认为读书(尤指知识类书籍)而不加思考是大忌,理解不深且容易遗忘.思考是一个批判和再创造的过程,方便你形成知识体系.下面是我在体验了win8和win7之后对用户体验设计做的一些思考,供大家批判: 1 减少概念.增强用户信心 是否引入新概念?为什么?真的有必要吗? 把这些新