设计出品
扫描关注网站建设微信号

扫一扫微信二维码

【大兴网站建设】以用户为中心的六大Web设计原

新乡云优化2019-04-12经验之谈
【大兴网站建设】以用户为中心的六大Web设计原则你掌握了几条?
Web设计师的工作一直是在追求艺术与设计的融合。而设计,无所谓你华丽或纯净的表现手法,都必须完成其所承载的或商业、或用户诉求等目标。Web设计的核心与目标便是“以用户为中心的设计”,
追求极致的用户体验。
【大兴网站建设】以用户为中心的六大Web设计原则你掌握了几条?
一、banner的设计
在WEB项目设计中,几乎每个网站都会有banner设计需求,一般而言首屏Banner及其相关区域也是整个网页设计中非常重要的部分。
【大兴网站建设】以用户为中心的六大Web设计原则你掌握了几条?
一个合格的设计师会让访客进入网站的第一瞬间忍不住地点击网站的banner图,抛开banner图的文案不说,你的图片与文字的布局是否吸引用户是判断banner图是否合格的标准。
在banner设计中注意一下几点会让你的设计更优秀:
【大兴网站建设】以用户为中心的六大Web设计原则你掌握了几条?
1、左右两侧的箭头切换。用户鼠标放置于图片上时,会在图片两侧出现切换按钮,切换按钮用矩形且带有箭头标识,视觉上比较醒目,而且大大增加了点击与光标触发区域,保证了鼠标点击的有效性,
使得图片的切换更加方便。
2.在banner上对广告文字增加颜色背景处理,这种手法本身是一种Metro设计风格,符合目前WEB设计潮流。增加背景之后,最大限度的降低了图片背景和主色调与文字色彩上的融合,更加凸显文字的视
觉表现力。
3.如果你还是嫌弃你的banner做得不够好,那么很简单的方法,每天打开类似于京东的电商平台,在“寸土寸金”的banner图上面别人到底做了什么,这是值得我们去仔细揣摩的地方。颜色搭配不敢说
极致,但从整体设计来说,运营总监是下了死命令的,数据分析来看如果你的banner图点击次数太少,那么可能第二天就被换掉,也许连人也跟着一起换了。
二、交互设计
【大兴网站建设】以用户为中心的六大Web设计原则你掌握了几条?
图一:
以用户为中心的六大Web设计原则你掌握了几条?
传统的文件上传交互很简单:一个文件域要求用户选择文件,一个提交按钮实现上传功能。
这种方式有很多缺点,比如选择文件后看不到预览,一次只能选择一个文件,上传过程看不到进度。
图二:
【大兴网站建设】以用户为中心的六大Web设计原则你掌握了几条?
以用户为中心的六大Web设计原则你掌握了几条?
上传前:上传文件前可以查看已上传文件,选择布局、来源等。
上传中:上传大量文件时,可以添加文件描述,移除不需要的文件。上传文件过程中最基本的需求是上传进度显示,大批量上传时不易导致用户烦躁。
这一系列的交互,看似简单却需要后端复杂技术的支持。用户的操作少了,上传文件更加方便了,也许就是这些细节,提升了软件的用户友好度。
三、色彩的运用
【大兴网站建设】以用户为中心的六大Web设计原则你掌握了几条?
颜色是一个网站设计风格定向的核心元素之一。色彩往往能够体现产品的针对年龄层以及定位!而设计师对于色彩的挑选和取舍,也是完成作品中的必备环节。
以用户为中心的六大Web设计原则你掌握了几条?
一张色相于色彩感受的对照图希望能给你一点点启发。
四、信息可信度设计
【大兴网站建设】以用户为中心的六大Web设计原则你掌握了几条?
网站是否得到用户的信任,则直接制约着网络营销的最终效果。除了网站的基本服务和功能之外,很多时候,一些看似不起眼的细节问题往往成为用户是否信任的关键。
很多网站在传达信息时往往枯燥,不生动,缺乏信任度和说服力。案例是一家软件企业的官方网站,网站的主要访问人群是需要购买软件的企业采购人员或者信息化部门的负责人。为了改变国内多数企
业网站给人留下的空洞,缺乏有效及有价值信息,网站用户访问停留时间短,访问PV低的问题。在项目设计时,可以适量增加手写体的客户评论或者是客观的点评使网站的文字内容可以深入阅读。 同时
在业务和产品描述页面,增加了网站的用户所最关心和感兴趣的客户案例展示与相关资料,可以大大增强网站的信任度。在信息传达量、信息真实度方面可以甩开竞争对手几条街。这样下来访客与咨询
比也会随之增高。最终为客户带来了不错的客户转化。
【大兴网站建设】以用户为中心的六大Web设计原则你掌握了几条?
五、网站整体定位
很多公司的网站定位应该满足两个:
1、作为该公司的官网,全方位展示自己公司的形象
2、承载电子商务的功能定位,满足在线购买的需求。
而一般网络购物的目标用户,年龄层以20岁至40岁为主体人群。一般家居用品等行业,服装、美妆行业女性用户多余男性用户(不同行业有所差异)。
传统网页颜色太过单调,缺乏活力。布局也太过传统,虽然满足了官网的定位,却忽略了电子商务的网站需求。
兼顾了两者的网站需求:颜色更加丰富多彩,同时保持协调性。采用时尚撞色的表现形式,整体暖色调的使用烘托出整个网站的温馨时尚氛围,不仅满足了电子商务网站,最重要的是引导用户进行在线
购物的定位需求。总之让用户感觉温馨,助用户产生购买欲望的定位及色彩搭配才是营销型网站的成功之处。
【大兴网站建设】以用户为中心的六大Web设计原则你掌握了几条?
六、情感设计
人类的先天倾向在于把物品人化,把人的情感和信仰投射到物品中。所以拟人化的反应可以给产品使用者带来巨大的乐趣和快乐。可以让人们对产品产生更多的情感交流。所以我们在WEB设计中尽可能多
的运用情感化设计,来提升整个网站的用户友好度。
弹窗的情感化设计
【大兴网站建设】以用户为中心的六大Web设计原则你掌握了几条?
传统弹窗模式:传统的设计是按照最传统的弹框形式,是多数操作系统和浏览器默认的通用风格,视觉上枯燥死板,缺乏亮点;语言上使用固有的计算机语言,无法与用户产生强烈的情感交流。
优化后:形象化的对话框的使用,以及拟人化的对话拉近了与用户之间的亲和力,降低了用户对弹出框的厌恶感,增加了对弹出框的接受度(乔布斯的头像使用,更是额外的增加了幽默感)。
WEB设计的最终目标是打造用户喜爱的产品,属于产品设计的范畴。所以一切设计要以用户为出发点,追求最佳的用户体验,只有将用户体验做到极致,你的设计指路才能越走越远,越走越宽。
【大兴网站建设】以用户为中心的六大Web设计原则你掌握了几条?
文章关键词