现在网页设计师除了把页面做的漂亮以外,越来越注重“用户体验”,就是要做“别让用户思考”的网页,使网站真正做到“可用性”。望望结合几年的工作经验,粗谈这方面的一些问题,和大家共勉!学生资源网http://www.xueshengzy.com
一、人们如何浏览网页
上网的人是如何浏览网页?现实和我们的想象可能会有很大的差距,因为我们觉得“用户会盯着每个网页,仔细阅读我们精心制作的文字,领会我们页面的组织方式”,事实上大部分时间用户看网页就象“高速公路看广告牌一样”,没时间仔细阅读,当然也不会用心思考。
因而,我们必须为“扫描”而设计。
要尽可能留住用户、吸引用户访问网页,我们须注意以下几点:
1、尽量符合用户习惯的设计,让人接受陌生的东西需要代价,除非我们觉得这个代价是必须的。
2、在页面把越重要的东西越突出,建立清楚的视觉层次。
3、可以点击的地方必须突出,让人明显知道可以点击。
4、把页面划分成明确定义的区域
5、省略多余的文字
二、关于导航的设计
导航显然是网站最重要的部分,“如果在网站上找不到方向,人们就不会使用你的网站”。现在WEB导航的习惯用法基本形成了,虽然还会继续演化下去,但基本元素以产生:网站LOGO、网站栏目、返回主页、搜索、实用工具或帮助。
网站LOGO,通常是页面左上角,出现在页面可视层级的首要位置,可以采取两种方式:让它成为本页最显眼的内容,或者让它涵盖页面所有其他元素,当然网站LOGO设计的好坏对人产生心理影响就不用说了。
网站栏目,也称导航条,站点层级结构的最顶层。导航条很多时候可以包容二级导航(下拉菜单的方式)。很多时候标签的设计是导航采用的很好表现方式,Amazon.com几乎把它发展到完美的状态。
用标签的方式设计导航时要注意几点:
1、进入网站时,有一个标签已经选中;
2、正确绘制,激活的标签页要位于其他标签页之前;
3、颜色区分,可以让每个栏目使用一种不用的标签颜色,并把这种颜色用在页面其他导航元素上,让它们浑然一体;
搜索功能,如果有提供搜索功能的网站,要记住一个简单的公式:一个输入框、一个按钮、还有“Search”(搜索)两个字,不要弄的太复杂。比如把“搜索”换成“查找”、“快速查找”、“快速搜索”、“关键字搜索”都会让用户产生思考。如果必须为搜索框提供选项(缩小搜索范围)一定要三思,谨慎提供选项,以便以何种方式提供最为合理,还有就是要保证这些选项的确有用,否则会挫伤用户心理。
值得注意的是,很多网站到了二级页面以下,导航便会变了支离破碎,随意发挥。这个问题非常普遍,以至于很难找到良好的三级导航的例子。事实上,用户在底层页面上花的时间通常和花在顶层页面上的时间相同。除非我们一开始就自顶向下进行导航设计,否则以后很难添加,也很难保持一致性。这就意味着我们在讨论主页的颜色方案之前,拥有显示网站所有潜在级别的导航的DEMO设计非常重要。要做到这点,必须设计师和相关策划人员紧密结合,设计师必须提前知道整个站的概貌和细节内容。
有一点,设计师常常忽略,就是记得为每个页面加个名称。好像每个拐角处有一个路牌一样,随时让驾驶者知道在哪里,无需思考。页面的名称应该出现在涵盖该页内容的位置,要引人注目,在大多数情况下,它应该是该页面最大的文字。
总之,一个拥有良好导航系统的网站,一眼就能告诉用户这些信息:
这是什么网站?(网站LOGO)
我在哪个网页上?(网页名称)
这个站主要栏目有哪些?(导航栏目清单)
在这个层次上我有哪些选择?(页面导航)
我在导航系统的什么位置?(页面里的“你在这里”的指示符号)
我怎么搜索?
相关推荐
简约至上是关于产品设计的书籍,它强调在设计过程中,简化复杂性,追求“少即是多”的设计哲学。这本书由Giles Colborne撰写,他通过自己的经验,探讨了如何在网站、移动应用和交互设计中实现简约而实用的设计。 ...
为什么用户喜欢无须思考的选择 第5章 省略不必要的文字 不要在Web上写作的艺术 必须正确处理的几个方面 第6章 街头指示牌和面包屑 设计导航 第7章 首先要承认,主页不由你控制 设计主页 确定你做对的几件事 第8章...
传统的“以医院为中心”的网站设计往往忽视了患者的实际需求,导致访问量低,宣传效果不佳。因此,医院网站应以“病人至上”为原则,从病人的视角出发,提供诸如就医指南、专家介绍、新闻发布、住院查询、预约挂号、...
1. **网站建设服务**:共赢网络提供的网站建设服务覆盖了从网站规划、设计到开发、测试、上线的全过程。公司采用高速北京双线主机,确保网站访问流畅稳定;拥有烟台顶级备案审核资质,提供本地化数据采集与备案审批...
《访客至上的网页设计秘笈》是一本非常实用的指南,它不仅介绍了网页设计的基本原理,更重要的是教会我们如何站在用户的角度思考问题。通过遵循书中的建议,我们可以创建出既美观又实用的网站,为用户提供更好的在线...
《点石成金:访客至上的秘密》一文提到了一本关于web可用性的书籍《Don't Make Me Think!》的第二版,该书由Steve Krug所著,通过...这些知识点对于任何希望提升自己网站吸引力和用户体验的设计师来说都是宝贵的财富。
良好的交互设计应确保用户与网站的互动过程自然流畅。这包括易于理解和使用的导航菜单,清晰的按钮和链接,以及反馈机制,如点击后的状态变化,以告知用户他们的操作已被接收。 响应式设计是现代网页设计不可或缺的...
本书主要讲的是如何通过网站设计来提高网站的可用性,除了网页设计外,也包括了一些用户心理研究等内容,语句晓畅,读起来十分轻松。里面的案例虽然有点久了,但经典的案例永远不会过时。作为初入学者,能从一本书里...
政府门户网站建设方案模板借鉴.pdf 文件提供了一个详细的政府门户网站建设方案模板,涵盖了项目概述、系统总体设计、系统功能设计等方面的内容。本文将根据文件的部分内容,提取相关知识点,并进行详细解析。 项目...
《电子商务网站建设II复习题》 电子商务,作为现代商业活动的重要组成部分,其...总的来说,电子商务网站建设不仅涉及到技术层面,更需要深入理解商务逻辑和用户需求,从而构建出高效、安全且用户友好的电子商务平台。
导航是网站设计中的核心组成部分,其设计质量直接影响用户的使用体验。 1. **网站LOGO的设计**:通常放置于页面左上角,作为页面视觉层级的重要元素之一。LOGO不仅要吸引眼球,还要能准确传达品牌信息。 2. **...
本文档是一个旅游网站设计方案样本,旨在帮助用户设计一个功能齐全的旅游网站。该方案涵盖了网站的整体设计、功能需求、技术实现等方面,旨在提供一个详细的设计指南。 核心需求 1. 顾客至上:网站的设计应以顾客...
### 用户界面设计 #### 1. 修订历史记录与引言 本文档旨在明确系统界面的设计风格,并详细阐述用户交互的最终界面设计方案。基于Zigbee技术构建的福利院看护系统,其用户界面设计尤为关键,以确保用户体验的流畅性...
此外,书中可能还会介绍一些知名公司的成功案例,如苹果、谷歌等,这些公司在产品设计上始终坚持用户至上的原则,从而获得了巨大的市场成功。 ### 五、总结 《用户体验要素:以用户为中心的产品设计》是一本重要的...
这四个PDF文档,即《谈体验设计的创新》、《探索下一代交互开发》、《谈谈邮箱用户至上的产品体验》和《透过前端开发得到不同的用户体验》,将为我们深入探讨这一领域的关键知识点。 1. **体验设计的创新**:创新是...
首先,网站建设的目标明确,旨在创建一个便捷的在线咨询平台,展示公司形象,促进学生与教师之间的交流,并提供统一的信息管理和用户信息管理功能。这表明网站不仅关注功能实用性,也注重用户体验和品牌形象的塑造。...