[摘要] 同行业相互竞争的网站通常提供相似的功能。产品同质化在这个时代已经愈发明显了,我们经常能感受到视频网站同质化,团购网站同质化,社交网站同质化,门户网站同质化。它们之间信息内容重复、服务项目雷同,但只有提供了最佳用户体验的那一个才会胜出。 在网站…
同行业相互竞争的网站通常提供相似的功能。产品同质化在这个时代已经愈发明显了,我们经常能感受到视频网站同质化,团购网站同质化,社交网站同质化,门户网站同质化。它们之间信息内容重复、服务项目雷同,但只有提供了最佳用户体验的那一个才会胜出。
在网站设计、开发及发布过程中,通常可用性专家会帮助评估网站的易用性,收集内部反馈,测试团队进行可用性测试。最为糟糕的是网站上线阶段发现界面错误,需要花高昂的代价修复网站界面错误。因此分阶段设计、及早测试、经常测试是极其有必要的。虽说成功是 99%的汗水加 1%的运气,但有时那 1%的运气往往超过了 99%的汗水。网站设计最终成功与否亦是如此,设计师需要做的是注重用户领域所包含的很多相关原则,逐步实现、测试并完善设计,达到整体目标,勤耕细作。
了解用户需要什么
未经分析的用户需求在某种程度上来讲是“伪需求”,不能真实体现需求,往往是表面上的需求,洞察用户表象背后的真实需求是网站设计的第一步。有经验的网站设计师往往在用户的显性需求描述基础上,探究他们的真实问题是什么,并打磨需求。顾客需求归纳起来分为三个层次的:基本型需求、期望型需求和兴奋型需求。我们需要发现客户的基本需求,挖掘客户的期望需求,制造客户的兴奋需求,以此来增加客户粘性。
用户如何思考
用户上网的习惯和逛超市基本类似,大量网页他们几乎不看一眼,而是扫视页面寻找感兴趣的内容。网站设计者不应对用户的耐心抱有较高的期待,多数用户都扫视页面而非阅读,靠自己的直觉摸索,如果页面没有达到用户预期。使得学习成本负荷越高、直观性越差,用户就会很轻易的离开,寻找替代的页面。 一致性的视觉设计,当一个网站的视觉设计整洁连贯,高度一致时,用户很容易不费脑力去理解如何使用网站。
不一致的视觉设计,有可能会让人感觉到欺骗,当界面设计得过于跳跃和创新,用户可能在第一眼难以理解,不得不重新学习如何使用那些他们本已经熟悉的东西。视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。 达到“一致”的界面,并非指界面元素需要“统一”,视觉上可以有很多不同的表现手段,为了一致,网站信息架构很重要。具体体现在形状、色彩、界面质感、图标、画风、文字描述、提示信息呈现方式等,使得网站在不同的栏目下,设计风格一致。
固定元素保持惯例
设计师容易在设计中让自己的创意占据上风,期望界面脱离传统,具有创意无可厚非,但人们已经根深蒂固的元素,保持惯例会更为稳妥。比如网站标题(header)往往会在网站左上方显示。 LOGO 通常可以点击,以回到首页,退出登录一般会在网站右上方显示,版权信息总是位于最下方,f网站搜索框经常会出现在网站右上方或中部上方,切换网站语言版本的功能经常出现在网站,header 右端并配有国旗显示更直观,搜索框必需是一个框 注册通常在页面的右上角让搜索更容易。
为了精确搜索或在特定范围内搜索,网站往往提供各种不同的搜索参数。但多数用户更为青睐不需要思考就知道该如何搜索的界面。针对搜索功能最常见的设计就是一个相对显得宽大的输入框,加上“搜索”按钮组成,以提供最为方便的快捷搜索。 这里需要注重的一个原则是,虽然我们有时必需提供高级搜索功能,但较好的用户体验是,即使用户没有提供额外信息的情况下,搜索功能也应该是正常能够工作的。
文本排版应优雅
文本排版在网页设计中是相当重要的一部分。使得页面可以嵌用自定义字体,页面文字显示将更丰富多彩,表现力更强。实现优雅的文本排版。
文本大小:太小的文字使得长篇文章阅读起来很困难 行距:保持适合的行间距增加文字可读性 留白:文字的周围提供充足的空白,使用户不会感到太压抑 Line-height 属性值不应该用 px 作为单位 图 14.line-height 设置成绝对值(px)时,当字体增大时有可能出现重叠的问题
清晰的导航 通常有以下几种导航的作法,在设计中我们可以综合考虑使用。
全局导航:类似于网站地图,突出整体网站结构,大而全 本地导航:针对某个栏目内的导航 上下文导航:针对具体的页面内的导航 面包屑导航:二级导航模式,用来定位用户当前所处的位置。
不要忘记保护性设计
我们应该总是设想,用户不按常理出牌,不会按您的预期使用您的网站,或是误用。所以我们一定要有保护性设计,比如,删除一个文档如果没有确认提示,又没有提供恢复功能,这将给用户造成难以接受的后果;再如,如果用户在输入注册信息时关闭浏览器,在没有询问之前不要抛弃他们的数据;或是,当用户请求的一个页面不存在时,需提供一个有用的 404 页面。
上一篇:网站改版时需要注意的五大事项
下一篇:网站为什么会被黑客攻击