手机客户端交互设计浅析

手机客户端交互设计浅析2011年1月18日一前言··················…………………………………………………………02二客户端安装………………………………………………..04三客户端启动………………………………………………..06四CS模式和BS模式……………………………………..11五客户端导航设计………………………………..………..14六非触摸屏页面和元素操作设计…………………..….17七设计流程和设计分工……………………………………21八谈谈快捷键………………………………………………...26九手机上的信息展示方式………………………………..30十机型覆盖的一些知识…………………………………..36.前言什么是好的设计？参照工业设计，在学习《设计心理学》时，书中列举了16种好的设计，美观的、个性化的、符合人机工程学……这些属于描述性文字，不分条件地罗列好的设计，多而全，但不精练。好的设计是什么？这是个难题，等于给好的设计下定义，是个人日常设计的准则，就像布劳恩的优良设计十项原则。“什么是好的设计”是总结所有好的设计的全集，“好的设计是什么”是研究所有好的设计的交集，好的设计有什么共同点，追究设计的本质，而不是仅满足于形式。一项好的设计可以编造出各种理由，但要深究其中最重要最本质的那一条。之所以那么费力地总结设计原则，其目的在于：评价设计的优劣。设计有理有据，避免设计的随意性，用户的每一步操作都在预料之中。便于团队之间的达成共识。开发人员习惯从技术上评估开发难度，设计师从用户体验的角度考虑，这些原则也是说服他们的方法。加之贯穿在所有产品之后可加强品牌形象的统一性。那么，手机客户端交互设计原则有哪些呢？Google、Apple&Microsoft都有设计原则，原则一大堆，而哪些是适用手机客户端交互设计?照搬不行，手机有自己的缺点和优点。手机上浏览信息，存在着太多的局限，手机屏幕小注定了一页不能显示太多的信息，环境光线的变化注定页面设计不能过于花哨，流量限制注定不能有太多的图片和样式。如果让你的用户直接在手机上浏览为web所设计的网页，即使是经过一些手机浏览器的优化，体验还是会很糟糕，甚至有时候会让人难以忍受。如何调整信息展现方式，使内容能在小屏幕的手机上也更友好的展现呢？接下来我将通过一些原理和实例来阐述自己的观点。首先，老祖宗BenShneiderman的交互设计8项黄金法则我们要铭记于心，因为这些法则也是适用于移动互联网的基本法则——1.Striveforconsistency.力求一致2.Enablefrequentuserstouseshortcuts.允许频繁的使用快捷键3.Offerinformativefeedback.提供明确的反馈4.Designdialogtoyieldclosure.设计对话，告诉用户任务已完成5.Offersimpleerrorhandling.提供错误预防和简单的纠错能力6.Permiteasyreversalofactions.应该方便用户取消某个操作7.Supportinternallocusofcontrol.用户应掌握控制权8.Reduceshort-termmemoryload.减轻用户的记忆负担其次，针对手机上的交互设计原则，还有以下需要补充的一些点——1.尽量减少操作的步骤2.尽量利用点击来代替输入3.时刻让用户知道自己所处的位置4.与web保持一致且数据同步5.为输入法让出空间了解了以上的设计原则之后，下面我们具体分析关于手机客户端的要点。（一）客户端安装从2004年NokiaN-GageQD刚发行入手N-GageQD入手开始，到现在为止使用了N-GageQD、E60、N73、E71四部手机，平均下来每部手机的使用时间只在一年多一些，近一两年随着公司业务的开展和工作方向的变化，笔者也从一个纯粹的使用者逐步过渡到了设计者的角色，在这个过程中陆陆续续的也有一些感悟，整理以作积累和留念。注：由于个人使用经验集中于symbian系统的手机客户端，文章描述将基于symbian系统一、手机客户端安装1.手机客户端的安装包尽可能的要小要安装手机客户端至少需要安装程序先在手机上，目前手机客户端软件放入手机一般有几个途径:a.通过各种方式下载到电脑，通过蓝牙、红外、数据线、读卡器等方式拷贝到手机;这里额外提一句，广东移动有一款名为手机快车的软件，支持在没有上述方式的情况下直接通过网络发送到手机，前提需要其手机安装客户端，这一部分流量目前是免费，走的是cmnet、cmwap之外的专用apn:gdmob.gd。b.通过短信方式下发下载地址，用户访问链接直接在手机上下载c.提供wap网址，用户访问wap网站后选择合适版本下载较小的安装包，可以加快下载、安装速度，并在采用手机进行下载时有效减少用户的流量费，在当前中国手机流量费并不便宜的今日，这点优化还是有一定价值的。2.安装过程可以适度提示symbian系统在软件安装时是可以弹出提示文字的，在这里可以将一些客户端最主要的用途、特别注意事项、最吸引用户的要点等用文字展示出来，便于用户在使用前会有一些印象。这个提示有两点要注意：第一不能过多，一般有一次就够了，因为这些提示都是需要用户确认的，屡次打断用户的安装可能会导致用户中断安装；第二对于追求装机量的客户端，可能没有更合适，多了一步操作还是会降低用户装机的成功率。3.如果条件允许则进行正式签名s60第三版开始引入了签名机制，一方面一定程度上增加了安全机制，另外一方面，其实也是一种盈利手段。每次正式签名需要200美元，而如果不是正式签名则会提示安全信息。这一步提示带有警示性，也会进一步降低用户的安装比例。4.根据实际情况设置安装后自启动symbian系统是可以做到安装后自启动的，比如googlemap、手机大头等都是采用安装后自启动的方式。这些方式的好处是安装后首次不需要用户寻找到安装位置而直接进入，避免因为用户寻找产品未果而造成的客户流失。但安装后自启动的方式在部分用户来说会有流氓行径的感觉，特别是安装后自动联网并占用用户流量等情况。如果相信自己产品的吸引力能够足够抵消这些反感带来的负面影响，则安装后自启动不失为一种较好的选择。（二）、客户端启动客户端启动没有太多的元素，基本上是三种场景的组合：1.启动界面2.提示信息3.主界面下面根据自己的一些知识谈一些个人的看法，随着时间的推移，有些曾经的经验教训可能也就逐步遗忘，付诸于文字是有效保留这些收获的手段。启动界面在一些较为简单或启动较快的手机客户端中，可能会省略掉启动界面，但作为用户使用手机客户端已经被培养形成习惯的第一个界面，一般还是会使用启动界面的。注:即使处于启动界面，也应该给用户提供退出的选择，即所谓的逃生出口，避免因为启动出现异常导致用户一直停留在此界面无法处理。在symbian系统上，一般情况下会采用设置在启动时右软键为退出按钮的方法，但为了美观一般退出或取消的文字提示不会显示在启动界面中。1.使用场景启动界面一般会在如下几类情况下使用：a.信息获取和数据交互启动过程中进行登录、认证、网络数据获取、大量本地信息读取等需要较多时间，为避免用户被动等待，提供对用户有一定价值的启动界面，以降低用户对时间流逝和等待的在意程度。b.介绍和帮助启动过程中向用户显示值得用户注意的信息，比如显示symbian认证信息提升用户信任感、显示手机客户端关键功能在用户使用前形成初始印象、显示帮助信息等。显示symbian认证信息的好处是对于了解的用户会增加信任感和认同感，不过由于相当多用户并不了解什么是s60、什么是认证以及认证有什么好处，所以笔者个人还是认为在非必要时可以不显示此信息，避免造成在启动时即让用户有一个疑惑。当用户在使用产品时连续几次遇到未知时，用户会产生明显的挫折感，一般情况下继续探索和使用的兴趣将会大幅降低。注：如果笔者所获取的信息无误，启动时显示下图代表经过symbian认证，相对来说具备可信性，并且一般情况下会提示此程序将会使用用户哪些资源，比如提示使用电话功能、短信功能等信息。c.营销和推广由于启动界面是大部分手机客户端中用户使用时必经的阶段，在此界面中加入的营销和推广信息理论上会获得相当高的曝光率和到达率；当然，由于这里是启动界面，所以适合做一些纯展示而非互动类的营销和推广信息，如果是互动类，则适合在其他场合而非启动界面中进行。d.节日、特殊日期提醒此种使用方法在手机qq中较为常见；这种方法属于用户体验的细节，实现上需要动态获取数据，由于启动是常见手机客户端使用的第一个界面，所以一般需要提前下载，或下载后下次启动使用；如果采用此种方法，可以考虑学习手机qq制作带有品牌特色的节日、特殊节日的启动界面，以加强品牌潜在影响力和强化品牌效应。e.版权和品牌强调有相当一部分手机客户端会在启动时专门提供界面强调版权和品牌，以起到宣传和影响用户潜意识的目的。2.常见元素a.Logo基本上是必不可少的元素，便于向用户强调品牌和加深用户对logo的熟悉程度，同时如果有多项产品，用户看到logo即知道是什么公司或什么人的出品。b.进度条凡是涉及较多信息获取的启动界面基本上都会出现进度条，进度条是一种用户所熟知的并可以降低用户等待时焦虑程度的非常有效的方案。进度条的选择应该以用户所熟知的一些进度条为基准，避免出现自由发挥的不像进度条但用来表达进度条含义的情况。进度条的选择，笔者个人有如下建议：1.难以估计进度或无法估计进度的loading条，可以采用循环进度条的形式进行，但滚动速度应加快，较快的滚动速度会使用户一定程度上形成错觉，认为产品启动很快或产品很快。下面是一个简单示例(photoshop水平有限，不要求美观，只要求说明清楚)，可以考虑采用此种方式或其他循环性质的进度条，滚动速度建议较快。2.可以估计进度的loading条，包括可以精确估计的进度条(此种情况比较困难)，建议采用先快后面的展示形式。比如前百分之六十或七十是以较快速度完成的情况，用户会形成一种错觉认为启动进度较快同时因为进度很快超过一半以上，因为用户已经花了一些代价且离成功不远，从而更愿意等待。c.版本信息、平台信息、厂家信息等d.帮助信息、营销信息、推广信息、认证信息、介绍信息等e.节日信息、版权信息、公司信息、品牌等三、提示信息提示信息一样属于手机客户端启动的可选步骤，一般情况下会在如下场景中出现：1.登录、注册、获取信息等其他情况出现异常时在启动过程中，如果由于某些原因未能成功进入主界面，则应该弹出相应的提示信息，这些提示信息应该绝对清晰的告知用户异常，并相对清晰的告知用户可能原因和提供解决建议。2.有新版本时的提示有不少手机客户端会在启动时检测新版本，并设定在有新版本时提示用户。版本检测和提示是否都放在启动时进行可根据实际情况调整。需要注意一般情况下升级会有强制性升级（即不升级无法继续使用）和非强制性升级（不升级可以使用，但可能有功能缺失或其他缺陷）两种。3.权限确认此种情况较常见于kjava手机客户端，由于受虚拟机和系统限制，在使用某些功能例如网络访问能力等时会弹出提示询问是否允许。这里关于kjava的权限确认有一个值得注意的细节，由于在登录时可能仅用到网络访问权限，但在使用中又会用到其他权限：比如读取用户资料等，此时就会有两种做法：第一种是在用到时提示用户确认，第二种是在启动时即使当时没有用到也提前提示用户确认，避免后续用户需要多处确认。这里较好的处理方法是根据是否可以在一次确认中完成多种权限的确认，如果可以则在启动时一次确认，如果不行则后续使用到具体权限时确认。原则是尽可能降低用户确认的次数，从而避免对用户操作的打断。四、主界面在手机客户端启动这个环节谈到主界面，是因为有一些手机客户端会越过启动界面、提示信息直接进入主界面。一种是进入主界面后所有功能立刻可用，比如上面提到的一些纯本地程序且需信息较少或速度较快，这种属于正常行为。另外一种是先越过启动界面、提示信息进入界面后先让用户看到主界面的外观，同时显式或隐式的进行登录、注册、认证、数