电脑浏览器交互界面体验分析.docx

1电脑浏览器交互界面体验分析刘俊潇张敏言西安工程大学陕西西安摘要随着浏览器的发展日趋完善和市场竞争的增强越来越多的浏览器希望能够占领市场寻求新的机会通过研究用户体验以人为本分析浏览器的交互界面以及布局探讨不同浏览器的优势特色总结提出了一些有利于浏览器发展的新交互原则和理论关键词用户体验交互布局结构2引言随着移动互联网的蓬勃发展传统互联网的流量占比份额不断减少但是在生产力以及工具化的层面传统互联网依然有着不可替代的作用然而浏览器是端的流量入口有着举足轻重的作用它是互联网的一扇窗户随着技术的不断提升浏览器被赋予了更大的使命从带头拥有自己的软件商店已经成为了新晋浏览器的标配的发展和小插件对于浏览器的提升已经让浏览器不仅仅限于浏览使得其更像一个平台所以探究端浏览器交互设计以及用户体验分析优缺让浏览器的体验更上一层楼浏览器现状以及用户体验根据百度统计流量研究院数据报告从年月日到年月日之间的个数据显示各个浏览器流量占比如下搜狗高速猎豹其他注奇虎浏览器份额在年月至年月和年月以来两次大幅下降是因为浏览器去掉了原本的浏览器特征而表现为等浏览器特征所致其各大厂商对于浏览器的争夺越来越激烈从浏览器界面分析其特点提升用户体验才能获得用户的认可国际权威的人机交互专家博士强调一个完好开发的有凝聚力的品应该看上去美观用起来舒心使用户能愉悦地欣赏快乐地3使用同时增强心灵和思想的感受浏览器的设计特征浏览器的操作方式浏览器的操作方式大概分为鼠标操作和触摸操作触摸操作必须有触摸屏的支持但是由于大部分厂商并没有针对触摸屏进行浏览器的优化所以我们这里主要以研究鼠标操作方式的浏览器为主从交互设计的原则分析基于用户的心理模型而不是工程实现模型把复杂的工程化的东西转换为易于理解的生活化的东西以上分别是四款浏览器的标签页可以看出的标签是一个反向的小标签可以让用户很容易的感知它就是新建标签页的按钮而其他三款采用图标生动和美观性不及更少的输入在地址搜索栏或者搜索栏进行搜索时如何最大限度的减少用户的输入让浏览器变得更聪明感知用户额需求让用户只需要告知一点信息结果变展现出来如用户搜索搜狗当时用户是希望用搜狗搜索引擎去查找自己想找的东西上图分别为猎豹其中只有告知用户其可以直接使用键来用搜狗搜索引擎进行搜索没有展示4任何内容和猎豹都分别展示了相关推荐值得注意的是的结果用户可以直接进入网站结果直接跳过了搜索引擎界面让用户更少的操作和思考提高响应速度设计时需要一些善意的谎言上图分别为其中在加载的过程中先逆时针和服务器进行通信取得数据后才顺时针进行加载不但让用户易于区分数据进度图形又展现给人一种很快的感觉不光是技术层面的加速界面给人的心理感受也提升了用户体验而其余几款浏览器采用直接顺时针的加载方式给人等待加载过长的感受影响用户体验的因素安装与启动进程安装与启动过程与用户体验息息相关一个快速简洁的安装过程加上极快的启动速度会让体验增加下图分别是猎豹浏览器他们分别在第一次启动界面直观的向用户表达了他们的特性和优点的国际化的多彩和简洁猎豹的酷炫的安全一个产品的目标定位准确才能让用户感知但是也有一些浏览器不采用启动说明的方式直接进入主页面这也是简洁的一种体验用户界面5用户界面是一个仁者见仁智者见智的主观性感知但是作为浏览器产品我们应该找准自己的定位理念决定一切官方博客曾经在这款浏览器刚出来的时候说过内容为王的理念才是一款优秀的浏览器应该有的体验浏览器不应该喧宾夺主如何让用户最大限度的浏览内容而不是专注于浏览器本身才是重点下面我们对比市面上几款常见的浏览器通过市场占有率发现什么样的浏览器才是赢得大众喜爱的上图可以看出这三款浏览器的界面都是非常简洁的颜色搭配清爽符合现在的设计趋势达到了内容为王通过将导航栏与搜索进行整合是整个界面更加清爽其界面分布也更加合理第一列有标签页最小化全屏关闭这几个按钮而只有上述的后三个按钮并没有很好地利用空间布局快捷功能和应用扩展随着浏览器的平台化发展快捷操作以及应用扩展已经变得不可或缺没有上述功能的浏览器正在逐渐被淘汰为我们从界面布局的角度来分析几款浏览器的快捷功能和扩展功能通过点击按钮就弹出了所有设置快捷方式下载内容甚至包括开发者使用的编码源代码控制台等功能这种方式有利于用户集中查找6的所有选项都包含在此灰度化的明确表示了当用户希望快捷操作时应该按哪些按钮这里有一项更多工具创建用户快捷方式选项可以方便的将用户喜爱的网站转换成一个快捷方式保存在桌面让用户更快的点击应用扩展功能是浏览器突飞猛进的一个因素正因为数以万计的应用使得这款浏览器有了无限的可能以至于现在浏览器的标配都具有了自己的应用商店和扩展功能有很多浏览器本身并没有的功能都可以通过插件来扩展升级其他的浏览器大多数都是基于的双组合这样既能够拥有相应的扩展性又能够兼容传统网页但是基本上都是套壳软件所以主要研究和之间的差别每个阶段用户体验的关键原则和方法战略和产品特点一个产品在这个企业中代表什么样的角色是至关重要的这款浏览器在其公司内部占据什么样的战略点是很重要的例如是为了占据平台入口和创造一款跨时代的浏览器而打造的产品特点具有快简洁平台化等特点是奇虎公司以安全为名义打造的一款浏览器根据马斯洛需求理论它直击安全需要这一层面所以依靠这种基本需要而拥有了一大批用户是以快速无限扩展教育网加速等名义打造的浏览器主要推广其搜狗搜索也是为了抢占流量入口的一种形式7功能设计浏览器的功能最基础的应该是浏览但是随着时代的发展浏览器已经不仅仅是浏览这么简单很多应用和数据以后都将通过浏览器来实现就是因为拥有无限的扩展功能从而夺取了的大量份额例如屏蔽广告下载地址分析微信电脑版视频小窗口抢票等等这些功能都是大众所喜爱的功能如果一款浏览器并没有上述的功能那么这款浏览器还会受到大众的喜爱吗所以功能的创新是一款浏览器的精髓界面布局设计其中包括布局的艺术性突出重点便捷性和友好性我们以为例说明浏览器的栏交互理论的常识定律该定律指的是使用指点设备到达一个目标的时间与两个因素有关设备当前位置和目标位置的距离目标的大小这里浏览器的标签页做的很大有利于第二点的进行当最大化时边框消失栏位于整个屏幕最上面的位置其鼠标不会跑出屏幕以外所以用户可以随意将光标向上移动都不会跑出浏览器的界面以外降低了指向的难度以及时间另外当浏览器的标签页变得非常多的时候用户需要关闭标签页这时会在用户关闭一个标签页时会等待等待一段时间用户没有进行关闭操作后才会调整保证的关闭在用户8操作期间一直在鼠标下方用极端简洁的方式展现最基本功能后腿前进刷新输入框设置这项非常利于用户短期记忆不需要额外的学习后台同步设置简单保证了现在多平台的同时运作并将设置同步至云端能够保证用户可以方便的不同终端上使用自己的常用操作界面视觉设计浏览器的界面视觉设计不但需要图形的语义它们相互之间需要有一致性对其进行简单的艺术性处理也有了一定的装饰效果随着现在设计的发展用户的审美水平也不断地提升近期比较火热的扁平化设计风格和都是引领了新的审美感受现有的浏览器已经开始支持了主题和外观的变化来满足不同用户的审美需求总结当今端浏览器的发展已经越来越快从原始的最简单的浏览已经开始慢慢拿转变为平台化的软件通过分析浏览器的交互特征交互方式用户体验等等以及研究各个浏览器的优势特色总结了浏览器的界面设计在启动界面分布快捷功能结构布局等方面的体验好的浏览器能够增加用户的使用效率和体验感受为设计师们提9供了一些新的理念和思想从而设计更为高效和体验很好的浏览器随着更新的技术发展新的插件和布局都会有新的发展和变化本文不足之处希望广大专家学者批评指正参考文献美唐纳德诺曼设计心理学北京中信出版社美霍夫曼界面设计如何让用户心动向怡宁译北京人民邮电出版社美威尔森曼重塑用户体验刘吉昆刘青译北京清华大学出版社洪柳郭佳逸葛仕钧心流理论与用户体验设计艺术与设计注释数据来源于百度统计流量数据研究院情感化设计北京电子工业出版社责任编辑邓丽丽