热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

提高用户体验:30秒钟评价一个网页

当你已经做好准备要开发一个网站时,你一定希望你开发出的网站能给用户最好的用户体验。能够准确快速的评价一个网站是一门艺术,也是一门科学,但这种艺术或科学是可以很快学会的。这里有几个简

当你已经做好准备要开发一个网站时,你一定希望你开发出的网站能给用户最好的用户体验。 能够准确快速的评价一个网站是一门艺术,也是一门科学,但这种艺术或科学是可以很快学会的。 这里有几个简单的技巧能帮助你在30秒或更短的时间内对你的网页进行评价,帮你拨开云雾,看清你的网页上那些部分的设计是好的,那些部分不够好。

《提高用户体验:30秒钟评价一个网页》 注意你的视线的第一落点 – 打开网站,但在网站没有完全加载完成前不要睁开眼睛。 而当你睁开眼睛时首先看到的是什么?它是否立即告诉了你这个网页关于什么的?还是你需要再花几分钟的浏览才能搞清楚它的内容?



《提高用户体验:30秒钟评价一个网页》眯着眼睛看 – 对着屏幕慢慢闭上你的眼睛,但不要闭死,页面上的内容会慢慢变的模糊。 注意你眼睛的视点的移动轨迹,注意你现在的大脑活动,它正在根据现在捕捉到的有限的信息要做出一些直觉反应。 你有没有发现页面的各个区域间有什么变化?你的大脑正在对页面各个区域做对比,你的眼睛本能的捕捉到了页面上各区域间对比最明显的那一部分。 转载自html中国


《提高用户体验:30秒钟评价一个网页》沿对角线从左上角到右下角扫描整个页面 – 这个是你的眼睛的自觉的阅读方向(当然,在某些文化习惯下这点正好相反)。 因为人类的大脑是按这种顺序来接收信息的,所以你的页面内容就要按照从左上角到右下角的顺序、清晰、有条理的展现出来。


《提高用户体验:30秒钟评价一个网页》关于 “五样东西” 的技巧 – 转到你的网站首页,浏览五秒钟,然后说出你能记住的这个首页上的五样东西。 只看五秒钟,然后让你的大脑回忆出这个页面上的五样东西。 如果你做到了,请把你回忆到的五样事情和你希望你的网站用户能在这个网页获得的信息的前五条进行对比。 人类的大脑在这么短的时间内只能注意到这么多信息,而且大部分的浏览用户也没有耐心去浏览更多的页面内容,他们此时就开始点击链接进入详细页面了。 用户的这些反应是你的页面给他们的用户体验的第一步,所以一定要让这最值得注意的五样东西体现出它们的价值。


《提高用户体验:30秒钟评价一个网页》找出相交线 – 找到页面各模块部分之间的相交线,努力让你的眼睛盯住它们。 你的眼睛不自主的落到了屏幕上最重要的那一块里? 一个好的网页设计能够巧妙的把你的眼球吸引到能在最短的时间里—通常是几秒钟的时间—采集到最多的信息的区域里。


       学会用批评的眼光去审视一个网站是一项重要的需要磨练的技能。它需要你以一个用户的视角去看问题,这样的角色转换的越好,你越能发现更好的用户 体验方式。


       有太多的公司宁愿把大量的时间浪费在争论网站的某个细节上,而却忽略了这更重要的前提工作。这将会把你的用户,最终是你公司的业务置于不利的状 况下,因为这“更重要的前提”是:是什么东西让用户对你的服务或网站有了感觉。


       看一看你的网站,花上30秒,用这些技巧去评价一下它们。毕竟,这些都是你的主要潜在用户在输入了你的网址后将会做的事情 — 不管他们是否意识到了自己会有这样的思考方式和浏览习惯。


推荐阅读
  • 本文通过一个示例展示了如何使用HTML和CSS美化并实现响应式的按钮组。 ... [详细]
  • 作为一名新手开发者,我正在尝试使用 ASP.NET 和 Vue.js 构建一个单页面应用,涉及多个复杂组件(如按钮、图表等)。希望有经验的开发者能够提供指导。 ... [详细]
  • 本文详细介绍了如何使用 CSS3 的 background-clip 和 background-origin 属性来裁剪和定位背景图片,以及如何通过 background-size 控制背景图片的尺寸。 ... [详细]
  • 本文介绍了三种解决 Git Push 冲突的方法,包括创建新分支、手动解决冲突和强行推送。这些方法适用于不同的开发场景,如版本迭代、多人协作和个人开发。 ... [详细]
  • Excel VBA自动化添加数字证书(续)
    本文继续探讨如何在Excel VBA中自动添加数字证书。上一篇文章因突发情况未能完成,本次将详细介绍证书的生成和集成方法。 ... [详细]
  • 本文介绍了 Oracle SQL 中的集合运算、子查询、数据处理、表的创建与管理等内容。包括查询部门号为10和20的员工信息、使用集合运算、子查询的注意事项、数据插入与删除、表的创建与修改等。 ... [详细]
  • 本文将详细探讨PHP中C的作用,并对比其他编程语言如Java和C的特点及其适用场景。 ... [详细]
  • 开发笔记:前端之前端初识
    开发笔记:前端之前端初识 ... [详细]
  • 本文介绍如何在 PHP 中判断文件是否存在,并根据结果控制 HTML 元素的显示与隐藏。如果文件存在,则直接打开;如果文件不存在,则显示一个提示信息并允许用户重新输入。 ... [详细]
  • QSplitter 使用详解
    阅读《C++ GUI Programming with Qt 4, 2nd Edition》第六章布局管理器中的第三节关于 Splitters 的内容,并尝试实现书中的示例,发现实际效果与书中描述存在差异,尤其是分界线部分。 ... [详细]
  • 在移动端开发中,多点触控手势是提升用户体验的重要手段。然而,目前只有iOS浏览器原生支持手势事件,其他设备需要通过touchstart、touchmove和touchend等基础事件进行自定义实现。本文将详细介绍如何在Vue项目中实现多点触控手势。 ... [详细]
  • 本文探讨了 Java 中 HttpClient 和 HtmlUnit 的区别,重点介绍了它们的功能和应用场景。 ... [详细]
  • 本文介绍了如何使用Aspose库将Office文件(如Word、PowerPoint)转换为HTML文件,并详细说明了在转换过程中可能出现的乱码问题及其解决方案。 ... [详细]
  • JSP(JavaServer Pages)和Servlet都是Java Web开发中的重要技术。JSP可以看作是Servlet的扩展,主要关注页面的展示效果。而Servlet则更侧重于处理业务逻辑。本文将详细介绍它们的相同点和不同点。 ... [详细]
  • 本文探讨了为何产品团队提出的某些需求在研发完成后未能获得用户的认可,并提供了改进方法。主要分析了功能不完整或存在bug以及用户体验不佳的原因。 ... [详细]
author-avatar
年庚瑶
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有