阐述网站设计的9个细节 网站设计的细节有哪些?

若想设计出用户体验优越的网站 , 设计师需要对细节倾注全副心力 。 但这并非易事 , 因为网站设计的过程涉及到许多不同的方面 , 有的细节能为用户提供极大的便利 , 却容易被设计师所忽略 。 以下我列出了一些非常重要 , 也最常被大多数网站忽视的设计细节 。 这些细节如果处理不好 , 不但会令用户感到沮丧 , 更可能导致网站用户的流失 。 所以 , 当你设计网站时 , 不妨对照着检查一下自己处理这些细节的方式是否完美 。
已访问过的内容用不同颜色显示
如果网站不能显示出用户已经察看过的内容 , 用户在浏览网页时便会多出很多麻烦 。 相反 , 如果用户访问过的内容都能被清晰地标出 , 他们便不会错误地多次点击同一个链接了 。 对用户来说 , 一个网页上往往存在不止一个链接 , 如果没有特殊的方式显示已访问过的内容的话 , 他们很难记住哪些链接是自己已经点击过的 , 哪些没有 。 针对这个问题 , 可以使用不同的颜色来区分已访问和未访问的内容 。 已访问内容的显示颜色与未访问内容的颜色应该接近但又略有不同 。 例如 , 用紫色来标注已访问的内容不失为一种可行的办法 , 因为与蓝黑色相比较 , 紫色给人一种“消退”的感觉 , 用户会有“这个链接我已经点击过了”的印象 。
不必点击“关闭”按钮也能取消浮窗
在各个类型的网站中 , 弹出式窗口都是一个很常见的应用 。 大多数浮窗在右上角留有一个"X"号 , 用户可以通过点击它来关闭窗口 。 但是普通用户要想成功点击到这个小小的“X”号可没那么容易 。 当用户关闭浮窗时 , 他们点击到的往往是作为广告的背景 。 因此 , 当用户不得不费九牛二虎之力去关闭浮窗时 , 用户体验自然也大大降低了 。 浮窗中的“X”按钮往往格外地小 , 用户要花费许多额外的时间和力气才能成功关掉浮窗 。 如果在设计中能让用户点击背景或浮窗边缘就可以关掉浮窗的话 , 用户体验自然也会不一样 。
填写表格时光标自动显示在输入区域
当用户看到在屏幕上出现的表格时 , 他们的第一反应通常是“现在需要从鼠标切换到键盘了” 。 如果此时能将光标显示在第一个需要填写的区域内 , 用户操作起来就会感到更加便利 。 这样的话 , 他们就省却了“移动鼠标--点击输入框”这一步骤 , 而可以直接在表格内填写内容了 。 谁不希望填写表格时更简便一些呢?
敲击“Enter”键提交表格
说到表格 , 另一个常被忽视的细节就是“允许用户敲击Enter键直接提交表格” 。 这样一来 , 用户便可以更快 , 更便捷地提交表单 。 这个细节在登录界面显得尤其实用 , 因为在很多网站中 , 用户在输入用户名和密码之后 , 还得用鼠标点击“登录”按钮 。 每次都强迫用户去锁定和点击登录按钮会令他们感到厌烦 , 同时也会降低他们对网站的热情 。
为图标添加自动提示
在网站中 , 图标可以优雅而简洁地将某个特定的动作信息传达给用户 。 但是要牢记 , 不是所有用户都能立刻明白图标所代表的意义 。 因此 , 当用户将鼠标置于图标之上时 , 随即显示关于这一图标所代表的功能就显得尤为必要 。 有了这个细节 , 网站的新用户即便不明白图标的含义 , 也不会因胡乱点击而导致错误了 。
为博客类页面设置“回到主页”选项
许多网站都有一个特定的博客页面 。 有时 , 网站会为某个具体化的WordPress博客设置一个次域名(如blog.website.com) 。 一个常被遗漏的小小细节便是在博客页面中添加一个“回到主页”的选项 。 如果没有这个选项 , 用户就只能清空地址栏 , 然后重新输入主页的地址 , 这将使他们不胜其烦 。 一个指向主页的链接设置起来十分容易 , 但许多网站却没有留意到这一点 。
在“放大”选项下显示放大的图象
有的网站允许用户点击查看放大后的图象 。 但当用户点击“放大”按钮时 , 有些网站却错误地将同样大小的图象呈现给用户 , 尽管换了一个不同颜色的背景 。 当点击“放大”按钮时 , 用户期待看到的是一张大图 , 哪怕这张图只是比缩略图大那么一点点 。 如果图象大小依然没有变 , 在深色背景中显示它并不能使用户更愉快 。
允许用户编辑评论内容
设置了评论区的网站设计者应该明白 , 用户并非完人 , 他们在发表评论时常会犯错 。 许多网站却不允许用户编辑自己已经发布的评论 。 当用户在发评论的过程中出现错误时---无论是发错了评论区 , 添加了错误的链接 , 或只是打字不正确---这样的设计都无疑会令他们无比沮丧 。 一个简单的“编辑”功能会使用户有机会修正自己的错误 , 从而更加享受发帖的过程 , 也会使他们发布的内容更为完美 。

推荐阅读