所在位置：九游会平台-j9九游会登录入口 > 设计 > 行业报道 > 10大标志设计原则,将极大地提高用户体验

10大标志设计原则,将极大地提高用户体验-九游会平台

一个强大的用户体验(ux)在你的网络营销成功是有帮助的。增加参与成果转化为增加,转化为更大的收入。

在本文中,我们将具体分析影响的程度的设计原则为用户web页面执行。

页面的目标

是不够的,那你说你想要一个优秀的网站有良好的用户体验。看到在这里。定义你的游客是非常重要的,你的业务应该实现从web页面。它应该明白你的目标和观众的目标可能不同。访问者的目标是寻找信息或下载的电子书,而你的目标可能包括增加接触,形成充填量或下载。关键是要平衡,为用户创造一个双赢的局面,您的业务。你的目标应该帮助你建立如下:

目标受众是谁?
如何制定有效的内容吗?
如何组织这个网站?
如何衡量网站的有效性?

为了理解营销人员的视力是非常重要的关键团队成员设计团队在讨论在线目标在一个组织。

用户映射旅程

是一个视觉或图形表示的整个故事从用户的第一触点与你的组织,建立一个透视图在你的服务或产品或品牌,通过各种媒介,与他们沟通。这个过程在本质上是非常的叙述,需要一种基于文本的方法来描述客户体验的细微差别。

故事从客户的角度来看,而且为重视用户的期望和业务需求之间的重要的十字路口。这里有你需要的要点包括在用户映射旅程

视觉的旅程。
了解现有的网站用户行为的分析。
理解交互元素,这将帮助他们实现他们的目标。

视觉层次结构

来源:http://edgemm.com

上面的图片清楚地定义了视觉层次结构的目的。视觉层次覆盖几乎所有设计的注意事项;但是它会给您的web页面的重要元素重要性要吸引用户的注意力。一个健壮的视觉层次也组织类似的元素和组织成有意义的模式与观众进行一个有效的沟通过程。一个设计师如何创造良好的视觉层次?嗯,他们只需要寻找,在他们的库存!这里是关键组件:

大小:使用大小作为体系的工具是一个伟大的方式来指导他们网页的关键部件。
颜色:颜色是一个很好的组织者,也注入个性。大胆和对比色将需求的关注。
对比:当观众看到的网页是一个偏离,他们想知道更多关于它。你可以区分页面的一个重要组成部分的核心内容与对比色的帮助页面。
距离:在一个web页面,如果有多个部分如何放置相关对象的部分就是定义了一个良好的距离。这显然有助于将类似的内容。
密度和空格:当你网页的填充部分人口,它看起来不利的用户体验。同样,保持太多的元素之间的空间会打破链接。所以,需要被放置和分离的元素区分哪些元素是相关的,哪些不是。

f模式扫描

视觉符号文本标题等部分,高亮帮助用户走捷径而扫描通过web页面和他们不需要阅读一切。当他们没有发现这些信号,它们帮助自己。用户创建他们一会扫描网页,如果他们想参与。根据,这种扫描行为的模式形成字母“f”的形状

来源:季风咨询

如果你想确保你的用户的注意力被吸引到web页面的最重要元素(号角,表格,图片,视频),强烈建议遵循f模式,并将相应的元素。

响应设计

响应设计就像一个拼图!响应页面的网页设计需要运动的各种元素,改变了最初的设计。组织元素适应可能是一个巨大的挑战与反应设计更大的页面和它们的元素将不得不收缩适合在狭窄的平台手机或平板电脑。我们已经列出了一些重要的注意事项如下:

考虑一个移动先行”战略。
包括一个汉堡可折叠菜单(或相似的)多个项目。
优化图像的所有类型的设备(台式机、智能手机、平板电脑)。
为移动设备优化的内容作为桌面的内容会占据太多空间。
检查一旦页面是生活和检查某些设计组件是否减少加载速度。
实现谷歌的amp(加速移动页),旨在优化手机内容加载时间。

号角

在提高你的网站转换起着至关重要的作用。单一的文字-动作被授权与责任来吸引注意力,后来被点击。这两个因素对高投资回报率将比赛你的网站。那么,文字-动作的关键原则,设计师需要考虑吗?

大小:决定文字-动作的大小,确保它被注意到在web页面上的其他元素。如果下面的文字-动作按钮应放置形式,大小应该等于字段的形式。
文本:如果营销人员决定在各个页面的文本部分,他们应该与设计师沟通。这将帮助他们在决定理想的大小。
颜色:色发挥70%的作用在吸引观众的注意力。确保它从其余的部分智能使用的颜色。
按钮形状:如果有不同的部分和较小的对象在一个网页,你潇洒地如何定义一个按钮用雕刻的形状是很重要的。确保形状从其余的对象。
a / b测试:文字-动作的最佳实践来衡量有效性是通过创建不同变体的色彩,文字,和字体。监控哪些cta更成功。在hubmonks我们插入cta hubspot的因为我们所有hubspot的营销工具的web开发项目,以便客户能够测量按钮的性能。