设为首页 - 加入收藏
广告 1000x90
您的当前位置:SEO培训联盟 > SEO优化 > 欧泽高:掌握这10个设计原则,让网站用户体验更加优秀

欧泽高:掌握这10个设计原则,让网站用户体验更加优秀

来源:网络整理 编辑:采集侠 时间:2019-06-15


欧泽高:掌握这10个设计原则,让网站用户体验更加优秀 第一张配图

 

一、页面的目标

 

仅仅期望拥有一个良好用户体验的优秀网站是不够的。重要的是要定义你的访客和你的企业应该从网站中获得什么。

 

必须明白,你的目标和访客的目标可能是不同的。你的访客的目标可能是寻找信息或获得可下载的电子书,而你的目标可能包括增加参与度、填写表单内容或下载等。关键是要达到两者之间的平衡,为用户和你的业务创造双赢的局面。你的目标应该帮助你建立以下几点:

 

目标受众是谁?

 

如何制作有效的内容?

 

如何组织网站?

 

如何衡量网站的有效性?

 

为了了解营销人员的愿景,在组织中讨论网站目标时,团队中的关键设计成员的意见是很重要的。

 

二、用户旅程地图

 

用户旅程地图是用户与你的组织的第一个接触点。它以可视化或图形化方式讲述故事,并围绕你的服务或产品或品牌建立一个透视图,通过各种媒介与用户进行交流。这个过程在本质上是很有叙事性的,它需要基于文案表达的方法来描述用户体验的细微差别。

 

这个故事是从用户的角度讲述,同时,在用户期望和业务需求之间的重要的交叉点上也应该加以重视。以下是你需要在用户旅程地图中包含的要点:

 

以视觉形式觉展示的旅程。

 

了解现有网站的用户行为分析统计。

 

了解可以帮助他们实现目标的交互元素。

 

三、视觉层次结构

 

视觉层次几乎涵盖了设计的方方面面。并且,它往往会影响你的网站的重要元素,当然,也包括你想要吸引用户的注意力这一因素。

 

一个强大的视觉层次结构会将类似的元素分组,并将它们重新组织成有意义的形式,以与访问者进行有效的交互过程。

 

设计师如何创造一个良好的视觉层次?很简单,只需要在你拥有的“技能包”中寻找!以下是关键的组成部分:

 

1)大小

 

使用大小作为一个层次工具是一个很好的方法,这帮助引导用户到你的网站页面的关键内容。

 

2)色彩

 

色彩是一个优秀的“组织者”,并且会使网站注入个性。可以考虑在设计中使用明亮而大胆的对比色。

 

3)对比

 

当访问者在网页上看到能够引人注目的内容时,他们可能会想知道更多。所以,你可以通过对比色来区分页面的一个重要部分以及核心内容。

 

4)邻近性

 

如果网页中有多个部分,那么如何定义一个部分的相关对象会变得很重要,这有助于清晰地联想到相似的内容。

 

5)密度和留白

 

当你在网页上密集地“填充”一个部分时,它可能会影响到最终的用户体验。值得注意的是,在元素之间保持过多的留白空间也会破坏元素之间的联系。因此,需要将元素巧妙地放置并用适当的留白进行分隔,以区分哪些元素是相关的,哪些不是。

 

四、“F”模式扫描

 

文本中的视觉符号,如标题、段落、粗体,可以很好地帮助用户在浏览网页时“走捷径”(他们不需要阅读所有内容)。当他们没有找到这些信号的时候,他们就会自己去帮助自己。用户在浏览网页时创建了他们的“短时间”,并确定他们是否愿意参与。

 

根据 Nielsen Norman Group 的这项研究,这种扫描行为的模式形成了字母“F”的形状。

 

如果你想确保你的用户的注意力被吸引到网站页面最重要的元素上(CTA 按钮,表单,图像,视频),那么强烈建议遵循“F”模式并相应地放置元素。

 

五、响应式设计

 

响应式设计就像一个拼图游戏!响应式网页设计需要改变页面的各个元素,从而改变初始设计。将元素组织到合适的位置可能是一个巨大的挑战,响应式设计需要更大的页面,而且它们的元素必须收缩,以适应移动设备屏幕。我列出了一些重要的考虑事项:

 

考虑一个移动优先”战略。

 

包括一个汉堡可折叠的导航菜单(或类似的)。以防多个菜单选项堆积,这会使用户感到困扰。

 

为所有类型的设备(桌面端、智能手机、平板电脑)优化图像。

 

为移动设备优化内容,因为桌面端的内容占据了过多的空间。

 

测试加载速度,如果页面是实时更新的,检查哪些设计元素可能会影响到加载速度。

 

实现百度的 MIP(加速移动页面),这是为了优化移动端的内容加载时间。

 

六、CTA (行为召唤)按钮

 

网友评论:

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!
栏目分类

合肥SEO培训-合肥SEO优化-合肥网站优化公司#QQ/微信:2025104400 沪ICP备12042781号-19

Top