论文部分内容阅读
摘要:随着智能手机和ipad等移动终端设备的普及,人们逐渐习惯了使用手机app浏览的上网方式。数据显示,目前手机app给电商带来的流量远远超过了传统PC端的流量。良好的交互体验能使用户的忠诚度和活跃度都得以很大程度的提升。本文选择了网易、搜狐、腾讯三款主流的新闻阅读类app作为分析对象,从七个方面阐述了各自优缺点,希望帮助用户在手机app的交互设计方面有更深层的认识。
关键词:交互 用户体验 手机应用
一、首页布局
对于新闻阅读类app而言,首页作为用户阅读的主要入口,界面布局如何划分与利用需要开发者进行深入的思考。现阶段移动终端用户的使用习惯是由对传统互联网的认知加上传统手机的使用习惯迁移构成的,而传统手机的使用特点是快速、直接、目的明确。所以,在4.0英寸左右的可视区域中,开发者需要确保核心信息出现在热点区域内,这样用户就能利用短暂的碎片时间浏览到最重要的新间内容。
我们看到,主界面下,搜狐、网易和腾讯的界面设计和基本操作大体是相同的,头条新闻都以幻灯片的形式在最顶端显示出来,其余新闻简单列出标题并配有图片和简介。除焦点国外,网易能显示的新闻条数为四条,搜狐可以显示两条半,而腾讯的客户端只能显示两条新闻。最明显的不同就是网易将页底的工具栏移到了左侧并进行了隐藏,用户需将手指向右滑动才能看到选项,其原因可能是由于工具栏选项过多而选择此种布局方式,这样就导致了用户初次使用时的不便,上方的箭头提示起到了相应的帮助,也算是一种解决方法。
二、页头对比
三款app的尺寸基本一样,均在UI设计的常用尺寸范围之内。搜狐新闻与腾讯新闻的频道选择界面比较类似,但也有細微差别,因为频道较多不能全部展示,搜狐新闻采取了让用户自定义编辑的方式,而腾讯则是全部列出,在这一点上,搜狐做的更加细致入微。在频道选择上网易新闻与其他两款的区别就比较明显了,有两种选择模式供用户选择,最明显的频道选择方式是以竖向列表的形式呈现,通过右下方的三角国标提示展开,而第二种是暗含的切换方式,与搜狐腾讯的相同,但是又不是直接展示,只有在手指向左或向右时才能显现。网易这种在细微处的费劲心思,减少页头与页底的尺寸,无疑是为了消除外界的干扰,展示更多新闻内容,的确是用心良苦。
三、工具栏对比
工具栏的主要作用是为操作提供一条捷径,方便用户了解在应用中的当前位置,清楚每一个屏幕的功能。最好能确保每个屏幕都只有一条特定路径,这样就能做到尽可能简洁,让用户产生熟悉的感觉。
在工具栏的制作上三款app都选择了深灰色背景及白色文字,也都是图标加文字的方式,图文结合的方式在用户体验上会比简单用文字的展示方式上更让人有点击的欲望,但是同时也要注意图标与文字的比例关系。个人更偏爱搜狐的工具栏样式,无论图标做的多形象,在图标与文字并存的情况下用户的注意力还是会集中在文字上,搜狐的文字是做的是最清晰最明显的。另外要说明的是页面底部的工具栏不能超过5个,否则容易导致由于图标间距过小引起的误操作,这一点以上三款新闻类app做的还是比较好的。简单的国标表现明确就可以了,若有特殊的图标设计,要将其使用方法标准明确,以免给产品造成不好的交互体验。
四、新闻正文
在进入页面时,我们应该注重界面优先原则。优先响应客户界面,是保持良好客户体验的一个方法。比如打开一个新的页面,是保持当前页等内容加载完才打开,还是直接优先切换到新页面再等待图片等复杂信息加载?结果显然是后者更受欢迎,而前者还容易让用户以为应用有故障。
在新闻主要内容界面上,三种新闻类app可以说是平分秋色,文字的显示效果都非常不错。搜狐新闻的具体内容页面是没有图片显示的,纯文字,而腾讯和网易的新闻里都是图文结合。纯文字的优势是显示速度快,而对于喜欢新闻以图为证的用户还是使用网易与腾讯更加适宜。
五、评论与分享
开发者在进行app用户交互设计时应当牢记开门见山的直接原则,有的开发者喜欢将app的亮点及特色藏在用户探索的过程中,并认为用户会将此当成一种乐趣来对待,这样的凭空臆断是app交互设计中最为忌讳的。
举例说明,网易在跟帖(也就是评论)或分享时需要两步操作,而其他两款app只需要一步。多层交互很容易产生用户疲劳与困惑,同时会带来的问题便是逻辑功能的混乱,给用户留下“太麻烦了”“找不到XX功能”的印象,最终被用户抛弃。在用户交互的设计过程中有一个理念,叫做“one-click”,顾名思义就是让用户只需进行一次交互操作的情况下就能到达目的地。在用户交互设计中应当避免用户产生多层交互,让用户以愉悦,轻松的心情得到相应的服务。
在分享功能方面,从图片中我们不难看出网易的分享功能最优秀,不仅支持的服务最多,而且采用大图标文字的形式显示出来,用户体验略胜一筹。搜狐的分享采用Popover模式,这种Ul设计相信也会受到不少用户的喜欢。腾讯新闻app的分享功能是最弱的了,只有在用户评论时才提示是否转播到腾讯微博,不支持其他媒介的分享,这一点有待提高。
六、设置
让用户自主选择屏幕的显示方式也是提高交互体验的一种方法,这一点即应用在Yapp的设置功能里。
七、各自特色
网易新闻客户端除了新闻版块外,还有五个其他版块,分别为图片新闻、话题、投票、微生活和跟帖。其中图片新闻又进行了分类,话题和投票都没有特别的地方,微生活部分的新闻更加贴近我们的民生。网易最出彩的就是跟帖栏目了,“无跟帖不网易”,上网的人基本都知道网易的强大跟帖,网易也很好的把这一优势移植到了新闻app客户端。
搜狐新闻中用户可以根据需求订阅自己喜爱的报纸,比如环球杂志、军事头条等,这里还提供了对其他内容源的订阅,包括IT新闻、笑话和各大报纸。除了新闻订阅版块外,搜狐只为用户提供了图片新闻,没有视频内容和其他特色。倚仗众多内容源的优势,搜狐新闻的内容是非常庞大的,各个方面都有涉及。
腾讯客户端其余三大版块包括图片、视频和话题。这些版块都是对文字新闻的补充,为用户提供更好的媒体内容。其中视频精选在几款客户端中是独一无二的,在这个快消时代,图片比文字吸引人,而动态的视频更是如此。话题版块每日更新一条话题,并在新闻尾端设置7相关问题的投票。总之腾讯新闻app的设计与内容中规中矩,缺乏一些创新。
总结
手机客户端与PC端页面设计上最大的不同在于手机端要尽量的简洁大方,避免不必要的功能重复,容易让用户更快的掌握产品的使用方法。在小小的屏幕上如何合理的安排功能区域分布、如何使操作流程更加流畅、让用户使用得心应手是手机app交互体验设计未来研究的重点。
关键词:交互 用户体验 手机应用
一、首页布局
对于新闻阅读类app而言,首页作为用户阅读的主要入口,界面布局如何划分与利用需要开发者进行深入的思考。现阶段移动终端用户的使用习惯是由对传统互联网的认知加上传统手机的使用习惯迁移构成的,而传统手机的使用特点是快速、直接、目的明确。所以,在4.0英寸左右的可视区域中,开发者需要确保核心信息出现在热点区域内,这样用户就能利用短暂的碎片时间浏览到最重要的新间内容。
我们看到,主界面下,搜狐、网易和腾讯的界面设计和基本操作大体是相同的,头条新闻都以幻灯片的形式在最顶端显示出来,其余新闻简单列出标题并配有图片和简介。除焦点国外,网易能显示的新闻条数为四条,搜狐可以显示两条半,而腾讯的客户端只能显示两条新闻。最明显的不同就是网易将页底的工具栏移到了左侧并进行了隐藏,用户需将手指向右滑动才能看到选项,其原因可能是由于工具栏选项过多而选择此种布局方式,这样就导致了用户初次使用时的不便,上方的箭头提示起到了相应的帮助,也算是一种解决方法。
二、页头对比
三款app的尺寸基本一样,均在UI设计的常用尺寸范围之内。搜狐新闻与腾讯新闻的频道选择界面比较类似,但也有細微差别,因为频道较多不能全部展示,搜狐新闻采取了让用户自定义编辑的方式,而腾讯则是全部列出,在这一点上,搜狐做的更加细致入微。在频道选择上网易新闻与其他两款的区别就比较明显了,有两种选择模式供用户选择,最明显的频道选择方式是以竖向列表的形式呈现,通过右下方的三角国标提示展开,而第二种是暗含的切换方式,与搜狐腾讯的相同,但是又不是直接展示,只有在手指向左或向右时才能显现。网易这种在细微处的费劲心思,减少页头与页底的尺寸,无疑是为了消除外界的干扰,展示更多新闻内容,的确是用心良苦。
三、工具栏对比
工具栏的主要作用是为操作提供一条捷径,方便用户了解在应用中的当前位置,清楚每一个屏幕的功能。最好能确保每个屏幕都只有一条特定路径,这样就能做到尽可能简洁,让用户产生熟悉的感觉。
在工具栏的制作上三款app都选择了深灰色背景及白色文字,也都是图标加文字的方式,图文结合的方式在用户体验上会比简单用文字的展示方式上更让人有点击的欲望,但是同时也要注意图标与文字的比例关系。个人更偏爱搜狐的工具栏样式,无论图标做的多形象,在图标与文字并存的情况下用户的注意力还是会集中在文字上,搜狐的文字是做的是最清晰最明显的。另外要说明的是页面底部的工具栏不能超过5个,否则容易导致由于图标间距过小引起的误操作,这一点以上三款新闻类app做的还是比较好的。简单的国标表现明确就可以了,若有特殊的图标设计,要将其使用方法标准明确,以免给产品造成不好的交互体验。
四、新闻正文
在进入页面时,我们应该注重界面优先原则。优先响应客户界面,是保持良好客户体验的一个方法。比如打开一个新的页面,是保持当前页等内容加载完才打开,还是直接优先切换到新页面再等待图片等复杂信息加载?结果显然是后者更受欢迎,而前者还容易让用户以为应用有故障。
在新闻主要内容界面上,三种新闻类app可以说是平分秋色,文字的显示效果都非常不错。搜狐新闻的具体内容页面是没有图片显示的,纯文字,而腾讯和网易的新闻里都是图文结合。纯文字的优势是显示速度快,而对于喜欢新闻以图为证的用户还是使用网易与腾讯更加适宜。
五、评论与分享
开发者在进行app用户交互设计时应当牢记开门见山的直接原则,有的开发者喜欢将app的亮点及特色藏在用户探索的过程中,并认为用户会将此当成一种乐趣来对待,这样的凭空臆断是app交互设计中最为忌讳的。
举例说明,网易在跟帖(也就是评论)或分享时需要两步操作,而其他两款app只需要一步。多层交互很容易产生用户疲劳与困惑,同时会带来的问题便是逻辑功能的混乱,给用户留下“太麻烦了”“找不到XX功能”的印象,最终被用户抛弃。在用户交互的设计过程中有一个理念,叫做“one-click”,顾名思义就是让用户只需进行一次交互操作的情况下就能到达目的地。在用户交互设计中应当避免用户产生多层交互,让用户以愉悦,轻松的心情得到相应的服务。
在分享功能方面,从图片中我们不难看出网易的分享功能最优秀,不仅支持的服务最多,而且采用大图标文字的形式显示出来,用户体验略胜一筹。搜狐的分享采用Popover模式,这种Ul设计相信也会受到不少用户的喜欢。腾讯新闻app的分享功能是最弱的了,只有在用户评论时才提示是否转播到腾讯微博,不支持其他媒介的分享,这一点有待提高。
六、设置
让用户自主选择屏幕的显示方式也是提高交互体验的一种方法,这一点即应用在Yapp的设置功能里。
七、各自特色
网易新闻客户端除了新闻版块外,还有五个其他版块,分别为图片新闻、话题、投票、微生活和跟帖。其中图片新闻又进行了分类,话题和投票都没有特别的地方,微生活部分的新闻更加贴近我们的民生。网易最出彩的就是跟帖栏目了,“无跟帖不网易”,上网的人基本都知道网易的强大跟帖,网易也很好的把这一优势移植到了新闻app客户端。
搜狐新闻中用户可以根据需求订阅自己喜爱的报纸,比如环球杂志、军事头条等,这里还提供了对其他内容源的订阅,包括IT新闻、笑话和各大报纸。除了新闻订阅版块外,搜狐只为用户提供了图片新闻,没有视频内容和其他特色。倚仗众多内容源的优势,搜狐新闻的内容是非常庞大的,各个方面都有涉及。
腾讯客户端其余三大版块包括图片、视频和话题。这些版块都是对文字新闻的补充,为用户提供更好的媒体内容。其中视频精选在几款客户端中是独一无二的,在这个快消时代,图片比文字吸引人,而动态的视频更是如此。话题版块每日更新一条话题,并在新闻尾端设置7相关问题的投票。总之腾讯新闻app的设计与内容中规中矩,缺乏一些创新。
总结
手机客户端与PC端页面设计上最大的不同在于手机端要尽量的简洁大方,避免不必要的功能重复,容易让用户更快的掌握产品的使用方法。在小小的屏幕上如何合理的安排功能区域分布、如何使操作流程更加流畅、让用户使用得心应手是手机app交互体验设计未来研究的重点。