网页制作包括方方面面需要你去注意跟衡量,本文介绍的八个细节也许平时很容易被你忽视,你也会觉得他们对整体的影响不是很大,但如果你比较细心,你会发现这八个细节可以给用户带来更好的体验,让你的客户更加喜欢你的网站。
1、链接:
设置链接状态的不同风格,这是基础也是必须。
常态:这是链接的默认状态。鼠标还没有悬停、点击,或是转向向URL的时候,这个链接格式大部分的设计师会考虑到。
已访问:这个链接是鼠标没有悬停或是点击,但是已经被用户访问过。
活跃:这是正在被用户点击的状态。绝大部分开发者会复制Hover(悬停)状态到这里。
悬停:此状态是鼠标经过、并未点击。
最常被忽略的情况是,链接的各种状态没有计划到网站的所有地方。比如很多网站针对浅色背景会有深色的主体(body),但是在页脚却恰恰相反。
2. 表单:
对于很多开发者,表单的配置是重要的,不可能被忽略的。然而,还有许多开发者在事后才想到。
表单标签和输入与标签,要做重点考量。
表单是收集用户数据的途径,而且用户是自愿提交个人数据的。准确的目的,适当的提醒用户,是聪明的做法。
其次,页面表单输入域的布局,标签样式及导向性。
3. 按钮行为:
按钮可用户实现各种目的,贯穿整个网站。但是他们的各种状态,还是容易被忽略。
默认:按钮的默认状态,等待被点击。多数设计师记得住这个,忘记了其他。
悬停:悬停状态,当用户鼠标经过按钮时的状态。该状态提示用户按钮是可触发的,这一点很有帮助。
点击:当用户点击按钮,状态来进行提示。这样的视觉提示可以帮助降低用户的困惑。
失效:按钮的失效状态,可能是最少被使用的。但是对于开发者却是很有帮助,除非你已经为按钮准备好了验证过程。
4. 表单验证:
网站与用户的要求或错误的沟通形式,也是非常重要。下面的三个核心问题需要考虑。
请求域:所有的请求域应该被提示,一般会有星号标记。
实时验证:用户完成表单就会有验证,这种类型的验证要将各种数据处理信息尽快通知用户。你可以借助jQuery验证插件:
回发验证:该类型验证发生在用户已经提交表单,与实时验证的风格可重复,但是另外一个选项是将所有问题归于一条信息
5. 状态消息(错误、警告、确认等)
用户在网站上执行一些动作,一般需要一些类型的反馈。这很像提交表单后的场景。但是很多其他的事件也会发生。规划好你站点的消息机制,是良好的交互性的需要。
6. HTML基本元素
HTML基本元素是基础,并且不能被忽略。但是在许多市场为导向的网站上,杂乱的布局,迥异的视觉风格,基本元素都被遗忘。
标准网页模板规划好,很重要,基本元素包括:段落,标题1至6,整齐的列表,列表数据,表单域,粗体文本,斜体文本。
我在很多网站工作过,总结样式如下,以助开发者。
7. 网站邮件
我从未见任何设计师规划网站邮件,它很容易被忽略是因为它不是网站核心焦点。然而邮件是提升和拓展服务的强大工具。如果你真想做好网站邮件,那么还要准备好邮件营销模板。
8. 动画:弹出框、工具提示、转换等
标准的HTML/CSS网站,动画和转换很容易被忽略。一旦忽略,效果会很不合适。
工具提示:当鼠标经过某元素时的提示。
图片旋转:首页幻灯片至今仍很流行,对于转换与风格可有更多的选项。
灯箱:规划的风格,不仅灯箱,还有转换。
这八个平时很容易被你忽视的小小的细节,也许可以决定你网站的成败,用户体验非常重要,所以制作一个网站,请时刻记得从小的方面去考虑,这会让你网扎获得更好的口碑。