以客户为着力思维下的WEB设计分享,网址建设中

轻轻的将手肘撑在桌子上,托着脸来看这个世界,眼前的一切似乎也会随之有所不同。我们观看世界的视角与感受世界的方法可能有千万种,只要能够下意识的将这些角度和感受方法运用到日常生活中,就是设计。

          随着互联网行业不断的日益完善和发展,网站建设中网页的设计已经不像以前那样简单的去用设计软件设计一个网页效果图那么简单了。在进行网站设计的时候不仅 要保证网站视觉上的美观,其更加主要的是要综合考虑对网站后期优化影响,一个好的网站设计师不仅可以把网站设计的让人看到后感到赏心悦目,还能让网站的整 体架构符合网站优化,符合搜索引擎蜘蛛的爬去,只有这样去设计一个网页才能事半功倍,让网站建设游弋有余。我们根据近几年从事济南网站建设的经验,总结出在网站设计的过程中,应该注意哪些细节才能达到这个效果呢?

读了原妍哉的《设计中的设计》,或多或少有些感触,设计师的工作一直是在追求艺术与设计的融合。而设计,无所谓你华丽或纯净的表现手法,都必须完成其所承载的或商业、或用户诉求等目标。Web设计的核心与目标便是以用户为中心的设计,追求极致的用户体验。

 

AnyForWeb是一家知名的WEB设计与开发机构,为国内外知名的机构与组织提供WEB设计与技术开发服务。本文分享了团队进行WEB设计与开发时的一些设计思维与经验。

图片 1

一、banner的设计

 

在WEB项目设计中,我们经常会有banner设计需求,一般而言首屏Banner及其相关区域也是整个网页设计中非常重要的部分。

一、网站整体清晰简洁,赏心悦目,层次感分明,重点突出

优化前:

       网站设计界面需要注意一定要清晰简洁、层次感分明、重点突出。一个清晰简洁的页面可以让网站浏览者观看网页的时候有一种很舒服的感觉,不至于在浏览网页的 时候看的头都大了,根本不知道网站是做什么,为了可以让浏览者明确网站的目的,我们可以把网站的重点内容放到页面中比较醒目的位置并加以修饰或者强调,比 如在周围增加小图表或者改变字体颜色或者改变背景图片等,让用户可以第一眼就能看到主题,并有想点击进去看的欲望。这就如我们的网站济南网站建设 www.0531soso.com一样,我们在首页的banner部分,采用了强调性的几个词语“没排名”、“没收录”、“没客户”、“没订单”这样的信 息,也许这些正是浏览者比较关注的问题,这样就增加了浏览者的点击欲望,也进一步增加了用户对网站的感兴趣程度。

图片 2

二、网站页面中板块要统一,不能出现大浮动的改变

优化后:

       网站页面中的板块统一也是我们经常说的一点注意细节,网站板块一旦确定好用了什么样式之后,不论是首页还是内页都要统一使用一样的样式,不 能在一个页面中,这个板块使用了这种样式,另一板块又用了另一种完全不同的样式,那样肯定是非常不合理的,这样做会让浏览者觉得浏览的不是一个网站,感觉 像是跳转到别的网站去一样,而且对网站的美观也有很大程度的影响。网站板块的宽度和高度也要统一,尽量保持在每个板块的宽度和高度都是统一的,可以对齐比 较整齐一点。

图片 3

三、网站整体色彩统一,尽量使用符合网站主题的色彩

优化前:

       每个网站都有自己的主题,不同行业的主题色都是不同的,我们在设计网页的时候,可以根据网站的所属行业选择特定的色彩,这样可以保证网站在 打开的一瞬间给人一种很专业的感觉。就如婚庆公司的网站,整体色当然是选择红色为主,如果你使用黑色或者灰色做主色调,那肯定就是一个很大的错误,没有任 何一个客户想要找一个使用黑色或者灰色做为婚庆公司网站主色调的婚庆公司为自己服务的。在选择了网站的主色调的之后,网站其他的色调也要围绕主色调去改 变,在主色调的基础上进行变浅,改变饱和度等等手法,以保证网站的色彩统一,整体美观。

1.优化前网页首屏图片自动切换交互方式之外,用户可以点击圆点按钮手动切换图片。但考虑到图片本身的展示空间和效果,圆点按钮设计的比较小,造成用户点击该按钮时不方便。

四、网站内页要加上位置导航,保证浏览者者可以清晰知道自己所处位置

2.banner切换图片时,会存在图片背景或主色调与 banner上的文字颜色融合,造成文字的视觉焦点会被弱化,降低文字的视觉吸引力问题。

       网站的内页部分需要加入位置导航,由于用户的浏览习惯,用户需要随时知道自己当前所处的位置在哪里。这正如我们进去一个超市或者公园的时 候,随时都有一些地图指标一样,这样才能方便我们知道下一步应该去哪里。在网站中位置导航就起到了这个作用,这样可以增加网站的用户友好度,也减少了网站 的跳出率,以至用户不知道自己哪里而把网站关掉了。

优化后:

五、网站注册页要简单容易注册

1.图片的手动切换方式,优化为左右两侧的箭头切换。用户鼠标放置于图片上时,会在图片两侧出现切换按钮,切换按钮用矩形且带有箭头标识,视觉上比较醒目,而且大大增加了点击与光标触发区域,保证了鼠标点击的有效性,使得图片的切换更加方便。

       相信大家都曾经遇到这样的问题,我们想在某一个网站注册会员的时候,最不想看到的就是注册必填项目一大堆,这样是最让人反感的。如果这个网站不是对自己特 别重要的话肯定会把他关闭了,再去选择别的网站去注册。如果我们自己的网站上面也有会员注册页,要注意避免这种不友好的现象,注册项能少则少,能简单则简 单。最近出现很多整合登录就是为了达到快速注册减少注册繁琐的问题,已经推出得到广大站长和用户的喜爱,这就足以看出注册会员这点对用户的影响是很重要 的。

2.优化后在banner上对广告文字增加颜色背景处理,这种手法本身是一种Metro设计风格,符合目前WEB设计潮流。增加背景之后,最大限度的降低了图片背景和主色调与文字色彩上的融合,更加凸显文字的视觉表现力。

六、网站价格定位一定要慎重

二、交互设计

       如果你的网站是电子商务网站或者有在线购物的功能,在对网站商品标价位的时候,一定要慎重,不要随便自己怎么标就就怎么标。我们要多看同行 业其他网站的价格定位标准,如果我们的商品没有特别的优势,在定位商品价格的时候,要相对同行业的其他网站要低一些,只有这样才能在某一方面可能得到用户 的喜爱,切勿比同行业的价位都高,那作为新站的你,只有等着死路一条的机会。

本案例是AnyForWeb为国内某知名软件公司的核心产品进行的界面和交互设计。

七、把网站中的图片转换成文字或者html标签

优化前:

       了解网站优化的都会知道,搜索引擎蜘蛛是爬行不到图片的内容的,就算是你给图片加入了alt属性,蜘蛛对alt赋予的权重还是要比纯文字的权重要小很多 的。网站中的图片如果可以用文字代替就尽可能使用文字去代替,如果实在没办法使用文字代替记得一定要给图片加入alt属性,告诉搜索引擎这个图片是做什么 用的。站在网站打开速度的角度去考虑,网站中的图片不要使用太多,如果是纯色的背景图,我们可以使用html+css的方法去写,这样可以减少网站的大 小,增加网页的打开速度。

图片 4

八、网站中文字不要使用其他字体,都以宋体和黑体为主

优化后:

       网站设计的过程中,我们要注意网站文字部分,不能使用其他的字体,虽然在网站设计图中能够看到字体很漂亮,或者说在对网页进行切图的时候也能够看到文字的 效果,但是对于其他的用户使用不同的电脑,如果浏览者电脑上面没有安装这个字体,就不会显示出来了,我们不能保证每一个浏览我们网站的用户都会安装上我们 所需的字体,所以在网页设计的时候要注意,网站中的字体都要采用宋体或者黑体去展示。

图片 5

       把网站设计的漂亮也许对于网站设计师来说是一个很简单的问题,但是能够在网站设计中加入网站推广的因素,估计对与网站设计师来说可能会有些摸不着头脑,只 要在实际的工作中,我们不断的通过自己的总结和经验的积累,就能够把网页设计的越来越出众。网页设计不仅仅是对视觉的挑战也是对网站是否可以长期运营下去 的一个关键的因素,不断的提高自己才能让自己的设计水平越来越好。

优化前:

传统的文件上传交互很简单:一个文件域要求用户选择文件,一个提交按钮实现上传功能。

这种方式有很多缺点,比如选择文件后看不到预览,一次只能选择一个文件,上传过程看不到进度。

优化后:

上传前:上传文件前可以查看已上传文件,选择布局、来源等。

上传中:上传大量文件时,可以添加文件描述,移除不需要的文件。上传文件过程中最基本的需求是上传进度显示,大批量上传时不易导致用户烦躁。

这一系列的交互,看似简单却需要后端复杂技术的支持。用户的操作少了,上传文件更加方便了,也许就是这些细节,提升了软件的用户友好度。

三、色彩的运用

颜色是一个网站设计风格定向的核心元素之一。色彩往往能够体现产品的针对年龄层以及定位!而设计师对于色彩的挑选和取舍,也是完成作品中的必备环节。

净菜配送本质上属于O2O模式,在这个模式下常用的是暖色调。

优化前:

图片 6

优化后:

图片 7

优化前:

优化前网页主色调是绿色,绿色给人的感觉虽然干净清爽,但是对于食品类电子商务网页来说却没有营造出温暖热烈的氛围。

优化后:

优化后整个页面是利用灰白和红色进行搭配,使页面看起来更加温暖,灰白色的背景铺垫,达到一种突出而不突兀的视觉效果,暖色调的搭配赋予了网站生命力。

图片 8

四、信息可信度设计

网站是否得到用户的信任,则直接制约着网络营销的最终效果。除了网站的基本服务和功能之外,很多时候,一些看似不起眼的细节问题往往成为用户是否信任的关键。

图片 9

很多网站在传达信息时往往枯燥,不生动,缺乏信任度和说服力。案例是一家软件企业的官方网站,网站的主要访问人群是需要购买软件的企业采购人员或者信息化部门的负责人。为了改变国内多数企业网站给人留下的空洞,缺乏有效及有价值信息,网站用户访问停留时间短,访问PV低的问题。该项目设计时,大量运用了手写体的客户评论或者是客观的点评使网站的文字内容可以深入阅读。 同时在业务和产品描述页面,增加了网站的用户所最关心和感兴趣的客户案例展示与相关资料,大大增强网站的信任度。在信息传达量、信息真实度方面超越了其很多同行。

网站上线后,其通过百度关键词广告带来的精准目标客户的访问跳出率仅仅49%,人均PV达到3.4。这一数字远超绝大多数企业官网的访问数据(国内企业网站的跳出率一般在80%以上,人均访问PV很少能超过2)。在后续跟踪中,访客与咨询比也属于同行中比较高的。最终为改客户带来了不错的客户转化。

五、网站整体定位

MN是美国一家知名家居用品机构,该网站定位应该满足两个:作为该公司的官网,同时承载电子商务的功能定位,满足在线购买的需求。目标用户以女性为主,年龄层以20岁至40岁为主体人群。

优化前:

图片 10

优化后:

图片 11

优化前:

网页颜色太过单调,缺乏活力。布局也太过传统,满足了官网的定位,却忽略了电子商务的网站需求。

优化后:

颜色更加丰富多彩,同时保持协调性。采用了时尚撞色的表现形式,整体暖色调的使用烘托出整个网站的温馨时尚氛围,更加满足了电子商务网站,引导用户进行在线购物的定位需求。

六、情感设计

人类的先天倾向在于把物品人化,把人的情感和信仰投射到物品中。所以拟人化的反应可以给产品使用者带来巨大的乐趣和快乐。可以让人们对产品产生更多的情感交流。所以我们在WEB设计中尽可能多的运用情感化设计,来提升整个网站的用户友好度。

弹窗的常规设计:

图片 12

图片 13

弹窗的情感化设计:

图片 14

优化后:形象化的对话框的使用,以及拟人化的对话拉近了与用户之间的亲和力,降低了用户对弹出框的厌恶感,增加了对弹出框的接受度(乔布斯的头像使用,更是额外的增加了幽默感)。

WEB设计的最终目标是打造用户喜爱的产品,属于产品设计的范畴。所以一切设计要以用户为出发点,追求最佳的用户体验。

本文由uedbet体育开户发布于记录生活,转载请注明出处:以客户为着力思维下的WEB设计分享,网址建设中

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。