网站设计中不可忽视的几个要素

网站设计中不可忽视的几个要素

网站的可用性设计


要实现可用性原则，作者认为要分析用户的真正需求：未经解构的用户需求在某种程度上来讲是“伪需求”，不能真实体现需求，往往是表面上的需求，洞察用户表象背后的真实需求是网站设计的第一步。有经验的网站设计师往往在用户的显性需求描述基础上，探究他们的真实问题是什么，并打磨需求。

　　用户上网的习惯和逛超市基本类似，大量网页他们几乎不看一眼，而是扫视页面寻找感兴趣的内容。但用户愿意为高质量的内容而忍受广告和糟糕的设计。网站设计者不应对用户的耐心抱有较高的期待，多数用户都扫视页面而非阅读，靠自己的直觉摸索，如果页面没有达到用户预期，使得学习成本负荷越高、直观性越差，用户就会很轻易的离开，寻找替代的页面。

　　当一个网站的视觉设计整洁连贯，高度一致时，用户很容易不费脑力去理解如何使用网站，不一致的视觉设计，有可能会让人感觉到欺骗，当界面设计得过于跳跃和创新，用户可能在第一眼难以理解，不得不重新学习如何使用那些他们本已经熟悉的东西。视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。

　　达到“一致”的界面，并非指界面元素需要“统一”，视觉上可以有很多不同的表现手段，世界上没有两个相同的鸡蛋，为了一致，网站信息架构很重要。具体体现在形状、色彩、界面质感、图标、画风、文字描述、提示信息呈现方式等，使得网站在不同的栏目下，设计一致，而不是不同的栏目下页面视觉差异大，一眼看上去，不象一个爹妈生出来的。

　　对于“文字对齐”问题，当行的原始长度差异过大时，行与行之间有明显的疏密变化。而且对英文来说，如果没有 hyphenation，往往也很难让行间长度差异适合两端对齐。

　　越来越多的浏览器开始实现适用于中文的两端对齐算法，在可以启用 CSS hyphenation(断字)的浏览器，我们可以考虑使用 text-align: justify; 来达到漂亮的两端对齐效果，但如何才是理想效果?需要综合考虑浏览器兼容性，良好的断字是美观文本的必要条件，但正确的断字方法是按照单词的音节将其断开，这样使得用户在阅读时候不必读到下一行才能拼出完整单词，这个问题在单行文本特别长，行间距较小的时候显得尤其重要。

　　排版上一定要尽量两端对齐的原则不一定适用于现代网站，左端对齐(flush left)、右端参差(ragged right)的排版越来越常见，人们的审美观也在发生变化。如今的互联网上，左对齐也是文本的默认设定。纯英文文本行的长度错落有致，强制右侧对齐不一定是明智之选。设计师可以综合利用hyphens; letter-spacing, text-justify等 CSS 技巧达到美观效果。

　　固定元素保持惯例：

　　网站标题(header)往往会在网站左上方显示。

　　LOGO 通常可以点击，以回到首页

　　退出登录一般会在网站右上方显示

　　版权信息总是位于最下方 footer

　　网站搜索框经常会出现在网站右上方或中部上方

　　切换网站语言版本的功能经常出现在网站 header 右端并配有国旗显示更直观

　　搜索框必需是一个框

　　注册通常在页面的右上角

　　作者提倡仅在必要时使用下拉菜单，虽然下拉菜单占较少的屏幕空间，但其缺点也是明显的，例如选项可见性较低，下拉菜单所包含的内容项太多时将造成困扰。然而根据 Jacob Nielsen 对下拉菜单的研究，他认为下拉菜单并不一定要很小，“巨型”导航下拉菜单效果也不错。近年来，mega menu 成为在网页设计中成为一种趋势，尤其是在电子商务网站，如果运用得当，它确实能有效帮助到用户快速获取信息，大的二维下拉面板可以对导航选项进行清晰，组织良好的导航分组，将用户从不得不进行的滚动中解脱出来。运用是否得当成了设计的关键。

　　巨型菜单的优势：

　　所有选项一目了然

　　可通过分隔线、富文本、图标、图片修饰等视觉上手段更加清晰地组织菜单结构

　　巨型菜单的劣势：

　　未展开前的 mega menu 不易被用户发觉

　　大量的菜单选项占据了屏幕空间，遮住了一部分内容

　　缩小浏览器尺寸或在小屏幕手持设备上不易看到全部菜单内容

　　Load 巨型菜单速度有影响

　　Accessibility 方面，fly-out 菜单很容易导致可访问性问题，代码书写需要更小心谨慎

　　网站的保护性设计

　　我们应该总是设想，用户不按常理出牌，不会按您的预期使用您的网站，或是误用。所以我们一定要有保护性设计，比如，删除一个文档如果没有确认提示，又没有提供恢复功能，这将给用户造成难以接受的后果;再如，如果用户在输入注册信息时关闭浏览器，在没有询问之前不要抛弃他们的数据;或是，当用户请求的一个页面不存在时，需提供一个有用的 404 页面。 《网站设计中不可忽视的几个要素》此文由三行网络公司原创，转载请保留原文链接，谢谢！

【关键词标签】网站设计中不可忽视的几个要素    (PC+手机)营销型网站建设    做营销型网站多少钱

• 网站能干什么？整个网站要多少钱?
• 五金营销型网站建设——图文并茂!
• 电子元件营销型网站建设！简洁清晰、一目了..
• 建材企业营销型网站建设！一站式制作！
• 无纺布袋——营销型网站建设
• 饰品礼品网站建设——倾力打造！
• 怎样防止表单重复提交？有哪些策略？
• 如何高效率使用CSS样式表,有何技巧？
• 企业网站首页常用到的布局方法有哪几种？
• 一个好的网站页面应包括哪些要素？
• 拜访客户前，销售人员如何选择与确定目标客..
• 如何培养发现商机的能力？如何将各商机转化..
• 网络营销策划有哪几种分类？
• 什么是页面附加价值，如何提升网站排名？
• 开淘宝网站很久了，却还没有几个访客是因为..