实例分析：关于Web设计的原则与体会.doc

《实例分析：关于Web设计的原则与体会.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、实例分析：关于Web设计的原则与体会　　最近在读SteveKrug的Don’tMakeMeThink，本文基本是自己的读书笔记，拿出来做下总结和大家分享一下。　　　　本书的核心和主要内容很简单，就是书名：Don’tMakeMeThink（别让我思考），今天的主要内容是介绍Web设计的主要指导原则：　　以下原则主要用在开放性的门户网站中，这类网站中用户流量较大，且用户注意力极容易被分散，这时一个Web页面的瞬间识别性直接关系到用户转化率，也就显得尤为重要；　　而对一些比较专业的或指定性的网站，政府网站等，用户面临缺少其他选择，网站缺少替代性的情况，

2、以下原则可能没有前者这么性命攸关，但也同样具有相当的指导意义。　　一、别让用户思考–关于Krug可用性第一定律：　　一个优秀的网站一定是简明易懂的，所谓简明易懂是指：一个互联网的门外汉第一眼看到页面也能迅速分别出每一块布局是什么内容（导航，促销，搜索，等等），而没有丝毫的迟疑和困惑。这一原则甚至比功能的全面性和完整性还要重要。　　而强迫用户思考的地方主要有以下四种情况：　　1、杂乱的网站排版：　　这一点是重中之重，也是对用户感官影响最大的方面；一个良好的排版可以迅速抓住浏览者的兴趣并获取用户好感，而一个糟糕的网站往往。。。算了，举栗子：　　同样都

3、是招聘信息网站，有的给人第一感受是这样的：　　　　还有的是这样的：　　　　真的不吹不黑。。。各位看官在进入主页的0.5秒内两个网站就高下立判了。。　　2、复杂/专业的标题/按钮名字：　　这种例子有很多，比如专业的名称，有创意（难懂），有歧义的按钮文字往往会让用户注意力停顿或有所疑惑，这些都可能造成不必要的注意力分散和用户流失：　　　　什么是会计搜索？是信息跟“会计”相关么？我输入的信息符合“会计搜索”么？　　再比如百度贴吧，多少人第一时间就明白了“全吧”的意思？本吧全部？全部贴吧？　　　　好吧即使是谷歌我也要拉出来吐槽一下，一定还有小伙伴在困惑这

4、个按钮是干什么的：　　　　3、按钮的可点击性：　　如下图虽然明确的写明了“Login/SignUp”，我还是会迟疑一下：这是个按钮么？能点击么？然后需要将鼠标移上去才能确定：这是我想要的登陆按钮；　　　　4、各种筛选、分类条件：　　这类问题，常见于各政府机构老旧网站中，运营者往往较少考虑用户的体验和上手难度（胡care）：　　　　文号是什么东西？我要搜的东西属于什么分类？这些分类都是什么意思。。？我还是打电话问问我的会计吧。。。　　其他还有比如按文章“标题”“作者”“关键字”“内容”的检索选项，等等。　　二、客户使用Web的实际情况　　1、扫描　

5、　用户通常不是在阅读页面而是在扫描页面；Krug给出了三个解释：用户总是处在忙碌中——不想耽误太多时间浏览；用户知道自己不必浏览所有内容——胡care；人们都习惯一目十行——本能；　　所以，综上所述，用户在面对一个大面积的网页时往往数秒钟内就浏览完毕，这时人们往往容易注意到放显示比较明显的位置（大字号，加粗，突出颜色等）或者容易引起注意力的关键词上（”免费”，”优惠”，”美女”，自己的名字等）。　　2、满意即可　　“满意即可”和“最优选择”相对，意思是用户往往不会浏览完页面所有内容后才综合做出最终选择，而是看到有一个差不多（相对满意）的选项就会先

6、行选择。而原因和以上类似：用户总是处在忙碌中选错了也无所谓权衡选择并不一定会更优猜测未知的选择更有意思　　3、勉强应付　　这一条的意思是说，绝大多数用户并不会耐心的去试探你的所有功能；换个意思说，就是用户其实是在按自己的方式（而非你设计的方式）来使用你的产品。Krug在此总结了两点原因：这对用户来说不重要用户容易满足在自己的使用方式中　　比如生活中，基本没有多少人会在买了新的电器后仔细阅读说明书，而是自己摸索，并按自己找到的方式来使用（即便很可能是错的）。　　又比如现在，仍然会有很多人在百度搜索框内输入URL。　　三、视觉设计的主要法则　　1、建

7、立清楚的视觉层次　　越重要的部分越突出：职位名称和薪资，公司名称和Logo，职位描述，投个简历等信息分别通过加粗加大字体，颜色突出等方式展示；　　　　逻辑相关的部分视觉也相关：左侧技术，产品，设计等概念并列，展示也并列；　　　　逻辑包含的部分视觉嵌套：技术包含后端，移动，前端，测试等，所以后者为前者的二级菜单；　　　　2、尽量使用习惯用法　　例如字体较大的短语通常是标题，导航栏通常在页面上方或左侧，登录通常在左上或者右上方，新闻版面通常参考报纸排版，等等；　　关于习惯性用法有两点值得注意：它们真的非常有用设计师通常不愿意用他们（想做出更有“建设性

8、”，更拉风，独树一帜的产品设计）　　3、划分明确定义的区域　　用户在扫视页面时候能很明确的指出页面的每个不同区域的不同功能，比如“哪些是