提升网站用户体验:你不能不知道的6条专业建议

发表日期:2016-06-14 09:52:39浏览次数: 标签:   

 

作为网页设计师,我们知道,我们的任务就是与用户对话。这就是为什么我们能够从容的着手眼前的工作。我们选择颜色、字体,以及要使用的网页布局,甚至编写CSS的方式,所有的东西看起来都那么有目的性。

正如我们精心制作设计时,我们会意识到结果会透露出一些关于我们,设计师的内容。然而这些我们所设计东西并不是总能很好道出我们的初衷。

所以每当你正在进行一个网站的设计,问自己:我们如何给用户更好的关怀感?

浮动窗口广告 = 金钱比UX和内容更重要

因此,很多网站都选择了浮动窗口或者遮罩层广告,这似乎是现代形式的弹出窗广告。

就像他们的前辈,弹出窗口广告 ,浮动窗口的广告很烦人。

浮动窗口广告是非常具侵扰性的策略,从而影响并且中断用户体验。

提升网站用户体验:你不能不知道的6条专业建议

如果你的用户非常艰难的才能访问到你的网站上的内容,那么你一定有些地方做错了。你的设计应该展示给用户的最优先事项是它的体验,当然也要说明网站的内容也是十分重要的一方面。

通过中断,延迟,或者别的什么方式让用户千辛万苦地才能了解到您的内容,那么你是在告诉他们,用户的价值低于金钱。

同样,任何强迫用户注册,登录,填写邮箱等方式才能访问到内容,都应重新考虑是否涉及欠妥。

试想一下这种情况:由于你当前的主机无法满足现有需求,于是你拼命寻找一个新的主机。它只是不断崩溃,而这是在告诉你,你已经超越了当前解决方案(PS:顺便祝贺你站点的成长)。

如同很多科技的创业者们,你最初的解决问题的行动是用谷歌搜索一台新的主机 。

你偶然在Quora看见了一条线索,一个很多如同你一样的创业者们经常光顾的站点。

提升网站用户体验:你不能不知道的6条专业建议

你现在感觉非常兴奋,因为在几秒钟内,你就会有个良好的开端!你问自己:“不行,它应该不会这么简单?”

随后你点开这个网站,事实证明它确实是不容易的(即使它应该是)。

可悲的是,你会发现,该网页要求你连接你的Facebook帐户,否则你将无法看到所有的内容。

提升网站用户体验:你不能不知道的6条专业建议

如果您选择不与您的Facebook或谷歌帐户登录,只有一个答案可以看见。答案的其余部分是模糊的。

提升网站用户体验:你不能不知道的6条专业建议

如果这是你第一次访问该站点,他们对你做的第一件事是有意掩盖了你希望看到的内容 ,那不是会给你留下了可怕的印象?

让我们的用户尽可能方便的获得他们所希望看到的内容应该是作为最优先考虑的一项,作为网页设计师。而任何阻碍该目标的东西,都应该从我们的设计中切去。

现在有很多无须太过耀眼的方式来显示广告的设计策略。比如:让用户选择他们是否要与广告产生互动或者至少有一个快速跳过/忽略它们选择,如侧边栏上的广告。

缺乏网站的可访问性 = 并不是所有人觉得你重要

无障碍网站设计需要被设计行业更为广泛的认可。

我们需要关注我们的网页设计的创新应该面向所有用户,而不仅仅是使用昂贵触摸屏智能手机。

无障碍网页仅仅是跨过了那些残疾人。一些使用旧的移动设备或者网速较差(全球平均上网速度只有2.9Mbs,还不到美国平均网速的一半)用户也需要被列入。

除非你想你的网站的设计是希望留下这样印象,即你是针对特定用户的,要不然你还是精心的去制作具备无障碍特性的网站。其实大多数无障碍网页网站的特点是比较容易实现的,已经是良好的网络设计最佳实践的一部分。

虽然我们中的大多数会有意选择忽略掉使用某种浏览器(比如故意选择了不支持Internet Explorer 6)的用户,但这是极其不不公平的,也许他们也无法控制(如色盲)。

缺少适当的空白 = 内容的可读性并不重要

有一件事,我看到了很多网站,在内容或者图片周围都缺少一定的空白。

空白是一个强大的设计工具。空白可以拼让您的内容更好的展现更,也易于阅读。反之则带来狭小的感觉和视觉上不舒服。

内容为王,我们应该花费一些(通常很少)时间来确保达到了最佳的发布形式。

为了说明,来看下下面这段文字的阅读是多么的困难:

提升网站用户体验:你不能不知道的6条专业建议

这是很难读,因为极小字母letter-spacing,line-height,padding,margin属性值。这些都是很容易修正的问题,如果你了解CSS。

在几秒钟内,只是一些padding,margin,和line-height属性值的调整,同样的文本变得更易阅读。

 

提升网站用户体验:你不能不知道的6条专业建议

 有用的404错误页面 = 你关心站点上的用户

404经常是由于在输入不正确的URL。

一些链接到您的内容可能不再存在,或可能已被移动。

有时候,由于技术问题,某些网页刚刚停止工作,。

对于这样的事件,我们需要创建和设计一个有效的404页面,这不单单是一个页面,而是重申,让用户已经知道发生了什么(他们并没有访问到正确的页面)。

一些设计有效的错误页面设计的基本技巧:

为用户准备一个搜索框,以便他们想尝试找到某个页面;

提供一种可以帮助用户的联系方式;

  • 自动建议与他们寻找的内容相关的内容列表
  • 链接到其他网页,列出您的内容(例如,存档页面,地图,帮助/支持页面等)
  • 以下是GitHub的404错误页面(一个 404错误页面的的很好案例):

提升网站用户体验:你不能不知道的6条专业建议

是什么让GitHub的错误页面变得有效果?

  • 它有一个搜索表单,用户可以用它来寻找到正确的网页
  • 它有一个链接,允许网站访问者获得援助
  • 它有一个链接,让用户可以看到否该网站只是暂时有问题

如果你不采取措施,以帮助用户找到他们所寻求的内容,那么你只是告诉他们,他们应该去到另一个网站。

相关阅读:引人入胜的404错误页面设计示例

背景/前景对比度较弱 = 美学设计胜过清晰度

没有提供足够的背景与前景之间的色彩对比,对于很多视觉较差用户来说是个坏消息。那么你是在告诉你的用户你更关心的是网站的美学设计,而不是它的实质内容。

下面是一个例子,色彩缺乏对比度对清晰度的影响

提升网站用户体验:你不能不知道的6条专业建议

只需要很少的CSS调整, 在这种情况下,只是改变了h1和p元素颜色的属性值,可以使阅读体验更好

提升网站用户体验:你不能不知道的6条专业建议

虽然这里有提高清晰度之类的工具 ,这将有助于你的用户关心这些问题。当然这也是你作为网页设计师的责任,在工作开始时便致力于提供更好的阅读体验。

提升网站用户体验:你不能不知道的6条专业建议

尽可能的关注实现舒适的,令人喜欢的内容呈现。这会鼓励用户去关注你提供的内容。

没有参与功能 = 不关心用户说什么

为您的用户提供一些方法,以便能够与您联系,这会让他们觉得你很关心他们在站点上的体验。

这说明你非常重视他们的反馈,无论是正面或负面。

一些评论系统,联系的表单,电子邮件,社交网络,帮助和支持论坛,或者一个实时聊天工具 ,这些用户参与的工具都表明你希望听到他们反馈。

提升网站用户体验:你不能不知道的6条专业建议

如果你没有给予他们有联系你的机会,那么你是在告诉人们,你并不关心他们有什么要说的。

用户的反馈意见对于调整和开发您的网站的UI和UX而言是至关重要的,所以保持您的沟通渠道的畅通。

相关新闻

网站建设的基本流程怎么走的

网站建设的基本流程是什么?整个办理流程是如何的呢?下面由绵阳拓跃科技...

图片版权应当规范 不应搞“钓鱼式执法”

“互联网精神”即:开放、平等、协作、快速、分享(不是共享)。它是互...

微博大V诋毁英雄被刑拘

2月20日,平安南京发布通报:2021年2月19日,公安机关接群众举报,网民...

陌陌系换脸软件ZAO是怎么造出的

8月30,打出“仅需一张照片,出演天下好戏”口号的“ZAO”正式版上线后...

推动新一代人工智能健康发展

今日,百度创始人李彦宏在人民日报发表题为《推动新一代人工智能健康发...

苹果或将支持屏下指纹技术的iPhone

根据彭博社报道,据知情人士透露,苹果公司正在研发屏下指纹识别技术,...

《中国互联网发展报告2018》发布

中国互联网发展报告》是由中国互联网协会与中国互联网络信息中心联合组...

微信QQ聊天记录将成有效证据

为了统一司法实践中互联网电子证据举证、认定标准,7月18日,广东省广州...

号外!宝马公司与一家区块链初创公司达成合作协议

3月5日,德国汽车制造商宝马公司与一家区块链初创公司达成了第二项合作...

南方日报:“区块链+”金融科技产业将成新增长点

3月7日,2018年广东金融高新区金融工作会议(以下简称“会议”)召开。...

追逐区块链风口:一场资金与人才的游戏

领英最新公布的数据显示,全球对于区块链人才的需求量从2015年开始出现...

区块链百度指数同比增1000%

绵阳拓跃科技简讯:百度指数显示,2月底以来,区块链搜索量就在逐渐增加...

苏宁张近东:用AI、区块链技术打造数据安全“护城河”

推进新旧动能转换,壮大新动能。苏宁控股集团董事长张近东继去年倡言“...

2018年关于绵阳拓跃科技的春节放假通知!

谢大家在鸡年给予我公司的鼎力支持,在您的信赖下,我们才有在激烈的市...

Chrome将在网站上显示不安全警告

据谷歌给站长的邮件通知,从2017年10月起,当用户在HTTP网页上的表单中...

在IIS下部署SSL证书实现HTTPS

HTTPS是以安全为目标的HTTP通道,简单讲是HTTP的安全版。谷歌已经制定了...

我们每天都在使用 emoji,但你知道谁在「控制」它们吗?

聊天工具的发展带来了表情符号的普及与流行。时至今日,我们可能都...

这种电池可取代锂离子电池 智能手机再也不会炸了

据《纽约时报》网站报道称,美国一家创业公司在尝试改进碱性电池...

乐视又要出大事:9月或面临11亿的债务问题

8月3日,乐视网旗下2015年发行的10亿元15乐视01公司债到了回售部...

韩春雨NgAgo论文被自然子刊撤稿:系作者主动申请撤回

韩春雨。资料图北京时间8月3日,《自然-生物技术》发表题为《是该数据说...

iPhone的AR应用 未来在商业领域更有前景

苹果的确有推动这项技术发展的能力,向iPhone 8的摄像头指向任何目标,...

中国移动利川分公司拒绝法院调查取证,被罚款50万元

利川市法院对中国移动(微博)通信集团湖北有限公司利川分公司(以...

近百粉丝轻信网红微博落入刷单骗局 当事人称账号被盗

网红杨馥宇微博有140多万粉丝,几日前她账号发出数十条兼职广告,...

Snap等初创企业上市遭遇滑铁卢 估值虚高引发投资者担忧

外媒评论称,阅后即焚移动消息应用Snpachat母公司Snap以及食材配送初创...

P2P平台点融宣布完成2.2亿美元D轮融资 将布局全球化

8月2日,P2P公司点融正式宣布完成2 2亿美元D轮融资,融资方阵容...

摩拜上线智能停车点,共享单车乱停放问题有望得到解决

南京南站附近的摩拜智能停车点腾讯科技讯 8月3日消息,摩拜单车推出行...

特斯拉Model 3居然完全不配车钥匙:手机蓝牙解锁

昨天,特斯拉Model 3在美国正式交付首批30辆。其中首位车主是马...

3D打印能解决移植器官短缺问题吗?

苏黎世联邦理工学院工程师打造的3D打印硅胶心脏网易科技讯7月31日消息,...

财政部下新规,1分钱/0元中标政务云将被整治?

低价中标、0元中标,自今年以来都是业内的热议话题,对于这种乱象...

屏幕大战一触即发 千万不容忽视双面屏手机

最近,眼睛越来越模糊,我感到视线越来越模糊,到医院一查,近视...

这款沙特APP在欧美红了:可匿名发信息却不能回复

据金融时报报道,关于最近在全球各地登顶iPhone App Store下载...

"变形金刚"版移动豪宅:不到10分钟从箱子变房子

只需10分钟的变形过程,就可拥有一套自己的可折叠移动豪宅,住房...

中俄正结成制造飞机联盟:或打破波音与空客垄断

英媒称,今年6月的巴黎航展吸引了32 2万名参观者,如预料般呈现...

传 iPhone SE 2 明年一季度上市 印度制造

据外媒Tekz24报道,最新消息据可靠人士透露,苹果预计将于明年第...

曾经美国家庭每个房间都有的电视机 正逐渐消失

网易科技讯8月2日消息,据国外媒体QUARTZ报道,曾经美国家庭平均拥有的...

苹果股价大涨4.7% 分析师:中国人或疯买iPhone8

网易科技讯 8月3日消息,据路透社报道,苹果公司第三财季业绩及对第四...

3个非洲工作的中国人告诉你 滴滴进军非洲靠不靠谱?

在今年夏季达沃斯论坛上,滴滴出行总裁柳青曾表示,全球化是滴滴...

能辟谷、爱文艺、最好长得像汤唯,想嫁王小川不容易

7月31日,搜狗确定赴美上市。  本来是一件挺严肃的事情,但评论...

夏天吹空调 你可知道除湿与制冷的区别?

夏天吹空调,到底是选除湿还是选制冷,这里来给你答案。夏天吹空调,选...

Win10市场份额艰难上升:Win7继续强势

调研机构NetMarketShare送出的7月数据显示,Windows 10市场占比提...

真的不用种地了?芬兰科学家利用二氧化碳合成食物

图:用二氧化碳合成的食物 凤凰科技讯据Fastcompany北京时间8月1日报...

Touch ID将依附于电源键上 iPhone8这设计有点酷

预计在今年9月,苹果公司将为我们带来最新一代的手机产品——iPhon...

首款量产太阳能电动汽车发布 有望2019年交付

汽车新闻网站Hybridcars报道,德国汽车初创公司Sono上周发布了世界上第...

挑战WhatsApp 印度支付宝Paytm要推即时通讯服务

凤凰科技讯 据路透社北京时间8月2日报道,消息人士表示,被称为印度支...

路透社:苹果下架不合规应用或为扭转中国业务困境

凤凰科技讯 据路透社北京时间8月2日报道,由于在中国这个全球最大智能...

库克:苹果正在开发大项目 但不一定是汽车

库克(左) 凤凰科技讯 据CNBC网站北京时间8月2日报道,苹果...

科技早茶:华为回应监听软件一事;建行再对乐视出手

华为回应手机安装监听软件收集隐私传闻:恶意诽谤8月1日消息,华为终端...

未实名认证的域名将被暂停解析

近日,国内各大域名注册商发布公告,通知国际域名所有人在6月15日...

雅虎正式更名为Altaba

Verizon收购雅虎核心互联网业务之后成立一家控股公司,名叫Altaba,从周...

苹果下架成千上万App

苹果公司正对自家App Store大扫除,根据国外媒体说法,目前已下架“成...

XML 地图 | Sitemap 地图