手机网站建设智能手机网站界面

日期 : 2019-03-13 12:50:48

如今智能手机发展迅速已深深地影响着人们的生活, 而且触屏手机给人更新奇的体验。智能手机给人们带来方便的同时也存在着一些不足, 手机具有本身的局限性, 如屏幕小, 输入的效率限制, 网络传输速度慢等。在很小的范围中提炼有意义的信息, 提高获取信息的效率是手机平台设计的目标。
1 用户体验与智能手机的关系
许多国内外的研究学者大多是从心理层面阐述体验的含义, 体验经济学家派恩认为体验就是指人们以自己的方式在一段时间中获得的一系列可回忆的事件。唐纳德·诺曼在《情感化设计》中的观点, 体验分为感官的、行为的和反思的3个层次, 用户对一个产品的体验是递进的, 首先是感官, 其次是行为, 最后是反思[1]。随着智能手机技术的发展, 人们对于网站的要求也在逐渐提高, 在感官层次上满足使用者的操作舒适感, 在操作的过程中富有启发性, 使用的过程是令人愉快的, 而且在操作后给人以成就感。
智能手机是能够进行复杂的信息处理, 支持开放式的嵌入式操作系统以及第三方应用软件的手机。其最大的特点就是直接操作, 免去按键的间接操作。全触屏是智能手机的主要发展方向, 其网站界面设计与普通手机上的网站界面又有很大的区别, 直接操作是智能触屏手机的特点, 即不需要按键的操作, 只需手指的直接点击就可以打开页面。直接操作使得网站界面设计需要考虑到人的手指、使用环境等因素的影响。
2 智能手机网站界面设计影响因素
2.1 用户因素
智能手机网站界面设计首先应该分析用户的特征, 充分了解目标用户群体, 包括性别、年龄、文化程度、生活习惯、工作方式、使用动机、个性特征等。对于不同的年龄段的人使用智能手机会有很大差异性, 年轻人对于新鲜事物的学习能力比较快, 对智能手机的操作会很快熟悉, 手指的操作灵活度也可以适应小屏幕的点击要求。但是对于年纪比较大的用户, 智能手机的操作就会变得比较复杂, 由于生理状况的限制, 其手指灵活度、视力等都会有所降低, 因此在使用智能手机上网的过程中会出现很多误操作。
2.2 环境因素
手机的使用环境局限性很小, 可以是在办公场所, 也可以是在公共场所, 几乎包括所有环境。但是在嘈杂环境中容易受到影响, 用户在一个环境中进入另一个环境, 需要对新环境的关注使得对手机的内容会有忽略, 导致对手机任务的中断。由于这些因素, 网站界面设计需要考虑用户所处的环境, 平衡网站的功能与用户的需求。在不同的环境中使用智能手机还需要考虑到隐私, 例如在拥挤的地铁中使用手机就会担心自己的隐私会被别人看到。并且在这样的环境中往往是单手操作, 单手操作时用拇指点击, 点击的精度就会随之降低。
2.3 技术因素
大屏幕、多点触摸以及操作的流畅性成为智能手机的设计发展趋势, 手机屏幕的材质、尺寸、性能以及操作系统平台的性能影响着智能手机的体验。智能手机的屏幕虽然有逐渐变大的趋势, 但是相对于电脑屏幕来说还是相差很大。
3G宽带上网技术是智能手机的重要特征, 相对于目前的WAP, GPRS和CDMAx1, 它的特点是速度快、资费低和掉线率低。随着移动网络技术如基于XML的网络浏览技术的成熟, 传统互联网和移动互联网会进一步融合, 将会有更多用户用手机上网。快速的上网速度提高了网页的访问效率, 从而给用户更佳的上网体验。内置感应器的使用使得娱乐更加具有乐趣, 重力加速度感应器改变了以往的操作方式, 使得游戏更加刺激有趣, 给人以新的体验。
2.4 网站类型因素
不同类型的网站其内容安排会出现很大差异, 按照网站的功能来划分, 可把网站归结为4类:展示型、内容型、电子商务型、门户型。由于网站功能的不同, 其色彩运用以及页面布局会随之变化。门户网站由于内容较多, 各项分类导航是非常重要的, 用户在进入网站后需要根据页面导航在不同层级中往返。社交网站则注重好友发布的信息, 在首页还需要提供关于个人信息的提示, 例如好友回复、新鲜事发布等, 购物网站需要很方便的找到生活用品的分类, 在用户进入其他页面后需要提供回到主页的快捷入口等。
3 智能手机网站界面设计的目标
3.1 信息传递的效率
由于小屏幕的限制, 对于信息的传达有着更高的要求, 如果用户没有在预期的时间内找到自己想要的信息就会产生挫折感。用户在筛选信息的过程中会放弃繁杂的操作程序, 避免产生情绪上的烦躁。界面设计不合理会造成用户筛选信息困难, 造成资源的浪费。针对小屏幕的特点, 最快捷、简洁、优化是智能手机网站界面设计的指导原则。友好的界面设计应该让用户感到易用、好用。易用的手机网站须遵循“少即是多”的设计原则, 简便的交互设计, 清晰准确的提示或反馈, 从简洁中体现优雅, 充分地满足用户的需求。
良好的网站结构会对用户的需求有预见性, 易于理解并有“预见性”的导航, 在手机网站中起着重要的作用, 让用户知道自己所处的位置。使用合理的排版, 顺畅地将信息传达给用户, 连贯的不间断的视线移动阅读会提高传达信息的效率, 反之, 杂乱的信息会让用户不知所措, 无法更好地接收信息。
3.2 交互过程中的可用性
1) 经验与信息的提示。人对事物的认知首先应该具有一定的经验, 其次需要提供足够的信息提示, 著名网页Web应用程序和应用软件图片交互心理学的设计专家斯蒂芬·P·安德森曾说过:“良好的交互设计关注人们所想, 所做以及所感”。人们在操作的过程中基本是靠外界的提示以及自己大脑中已经掌握的信息, 如果新的操作方式比较复杂或者用户没有学习过, 这样就不会产生流畅的操作体验。
2) 信息量与可操作性之间的平衡。智能触屏手机几乎全部是用手指触摸进行操作, 虽然屏幕比非触屏手机大, 但是手指的精度也降低很多, 因此在一个页面中既要显示充足的内容, 又要防止用户的误操作, 保持良好的浏览体验。用同一浏览器查看三大门户网站, 界面会有比较大的区别。由于信息量大, 其链接的大小应符合人机尺寸, 用户点击不会产生误操作, 也能获得足够的信息。
3) 操作的过程中的信息反馈。在用户进行操作后需要知道自己的操作是否达到了自己的目的, 提示用户操作成功与否。智能触屏手机的反馈具有多样化, 视觉反馈、听觉反馈以及触觉反馈都需要符合用户的心智模型。不同的反馈还需要考虑到环境的影响, 在嘈杂的环境中视觉反馈和触觉反馈会更适合。在打开某个网页时, 需要用户等待, 在等待的过程中需要提示用户网站正在逐步打开, 需要遵守网站反馈的限时原则, 即用户没有必要对某些网站响应等待时间过长。由于触屏手机需要手指的点击, 因此点击区域应做合适的设计, 对误点击应让用户很方便的回到上页。允许用户出现错误, 并且在错误发生后给用户提示, 引导用户做出纠正。
4 智能触屏手机网站界面设计原则
4.1 信息传达有效性
传达信息的媒介主要有文字、图片、视频等组成, 单个文字让用户不会明白含义, 必须放置于一定的语义环境中才能构成完整的意义。语句的使用需要和主流文化相一致才能让人理解, 将语句放置于一定的环境中构成一定语境下的意义, 准确地传达所要表达的含义。
平衡可选择性和信息量之间的关系, 过少的内容不能满足用户的信息, 过多的内容造成选择的干扰, 手机网站内容的设计不宜做的广而泛, 而是精而浅。优秀的网站体验应该是使用户感到自己在掌控信息, 而不是网站在引导自己漫无目的的浏览, 迷失在海量的信息中。手机网站的简洁性来自于网站传达的信息、用户浏览的方式和目的以及使用方法。网站都有自己的核心内容和功能, 关注用户最直接在日常生活中使用的功能可以提升网站的体验。由于手机硬件和网络环境的限制, 需要精简网站的视觉效果, 删除不必要的信息干扰, 例如广告无用的 (点击率低) 的链接, 这样使界面更加简洁易用。
4.2 网站层次结构设计符合用户习惯
网站的层次结构在视觉层面上需要将元素有组织地进行分组, 将不同的数据信息进行区别, 去除多余的视觉元素, 这样可以让用户更加清晰地看到相关内容。在网站空间层次上需要将相似功能组织在一起, 通过第一层次上的导航进入相关的功能区, 让用户清楚地知道任务与子任务之间的关系, 使用者无需进行过多思考就可以进入下一步的任务, 良好的结构层次会提高网站的可用性。
由于手机较小的屏幕, 网站结构往往采用单一树形结构的组织方式, 这样导致用户很难在其他的选择中自由转换, 因此, 在网站的结构设计中需要对用户的操作需求有适当的预见, 合理的分级归类将会帮助用户很轻松地达到目的。注重网站的可用性, 确定用户访问所要达到的目的, 排列网站内容的优先次序。
4.3 交互方式合理性
在电脑上浏览网站时鼠标可以精确到1像素, 而触摸屏点击区域为29像素, 而且有时用户在点击触摸屏目标区域时并没有真正点中, 存在一定偏差。如果过多的信息没有合适的间距, 频繁的误点击就会影响用户的操作流畅度。在操作的过程中需要有良好的反馈信息, 尽量采用非模态反馈, 以使操作更加流畅。
在触屏时代, 智能手机具有丰富的交互方式, 令人愉悦的声音及动画, 新奇的手势操作都提高了用户的使用体验。在交互方式的设计中应首先满足用户的基本需求, 并且易学、易用, 其次在操作的过程中产生良好的情感体验。多种手势的使用也增加了用户学习的成本, 手势的使用需要和用户的心智模型保持一致, 如果新的手势不为用户所知, 那么这个操作就不会顺利进行。
4.4 具有良好的品牌体验
对于一个好的网站, 网站的内容需要具有较高的品质, 还需要给人们以良好的使用体验, 当浏览一个网站时必定会带有一定的期望, 当满足了这些期望, 良好的用户满意度随之产生, 这也会影响到品牌信誉, 增加用户的忠诚度。
相关文章