欢迎光临缘震官方网站
案例库 | 彦蓁科技 | 新官网

网站建设|网站设计|网站制作|上海网站建设|上海网站设计|上海网站制作- 缘震网络

网站建设|网站设计|网站制作|上海网站建设|上海网站设计|上海网站制作- 缘震网络
精彩案例
精彩案例

地址: 上海市静安区共和新路4718弄10号楼2楼

热线:400-166-3538

电话:13122077371

邮箱:sales@shyuanzhen.cn

网页设计中常见的五种交互设计错误

2015-11-13 00:00:00

0

  交互设计从来都不是简单的事情。可靠的交互通常需要借助对用户行为的深入分析,然后有针对性的精心策划。可是随着新的技术和新的交互模式的不断涌现,事情就变得不是那么容易了。其实大家遭遇的困境都很相似,用户已经很难被单纯炫酷的图片、流畅的悬停效果和出人意料的动效所打动,真正能让他们露出微笑的是持久、令人愉悦的交互设计和用户体验。如果你对于日常的设计中的常见的误区有所了解,自然会有意识地绕过这些坑。
为了更好的设计,我们为你简单总结了一下最常见的5种交互设计的误区。
1、过度的创意
网页设计师 绝对不缺少创意。我们希望借工作表达自己,也一直在试图寻找能让产品脱颖而出的优秀创意。但是当涉及到交互设计的时候,推陈出新并不一定总是好的,它甚至 会对你的网站和产品产生不利的影响。的确,许多用户渴求新鲜的创意,但是在操作和交互上却往往希望协调可控,所以他们更倾向于熟悉的交互。Etsy的创业 总监Randy曾经撰文探讨过这个问题,文中直言“设计师们不要在此(交互设计)自作聪明了!”在这篇文中,他详细解释了为什么你不应该走极端去设计充满大量创新交互的网页。
以Lotorama的网站为例子,漂亮的页面和柔和的音乐都非常的赞,但是用户进来之后会迟疑,想知道这个网站要如何操作。不要曲解我的意思,如果你是纯粹处于炫技,那么这种华丽而充满游戏性的网站绝对称得上是创意无限,但是对于普通用户而言,他们的直觉失去效果,茫然无措会成为网站浏览的障碍。
下面是另外一个案例,这个名为Safety on the Slopes 的项目是为了说明冬季运动的危险的,整个网站的设计整洁,交互也直观。网站设计也有所创新,但是同时是以用户交互直觉为先决条件,以身临其境为目标。
2、令人迷惑的交互
“不要自作聪明”的规则也应当应用在导航设计上。一些设计师试图运用别具一格不同寻常的名称,以活动更富有实验性的导航。比如这个Chijoff网站, 就让前来应聘的用户充满困惑。如果你是网站的访客,需要来回折腾一阵子,才能搞清楚这个名为“Co-Create”的页面实际上也就是常见的 “Services”页面。最纠结的是,即便是你将整个页面都看完之后,仍然高不清楚要怎么办,因为这个页面的底部仅仅只有一个表单,展示行业新闻,并且 仅仅提供一个注册入口!至于联系页面就更简单了,仅仅提供了一个邮政编码和一个邮件地址。总而言之,他们用各种手段让用户无法直接快速有效的联系上他们。
在看看这个案例。你猜猜看,Maison Margiela 的页面上的“Universe”这个分类是干啥的?这个炫酷的链接,实际上是链接到他们的Facebook页面的……
反例当然也有,看看legworkstrdio的网站吧,他们的创意非常不错,导航清晰明确,用户也不会在导航中迷失。
3、杂乱无章
曾经有过一个阶段,设计师试图将所有的内容全都塞到一个页面当中去。虽然这个时代已经过去了,但是很多网站依然在犯这个错误,甚至在我们自己设计的时候,有时候也会身不由己地想这么做。看看这个在线商店的设计吧:
设计师试图使用简单的配色方案,但问题是页面中大大小小的框、复杂多变的字体破坏了整体的风格,用户也在大量繁复的信息中懵逼。搜索框中“那么你今天想得到什么呢?”文案还是挺时尚的,但是页面风格却完全是过时的设计。
反观EBay的设计,在设计上则更为克制,保持清爽而简单的设计,凸显用户关注的内容,并且明确地提示用户下一步该怎么做。
4、要有对比度
对比度是构建视觉层次最重要的手段之一,也是让视觉元素吸引用户的绝佳方式。在网页设计中,对比度不仅仅是通过色彩来呈现的,尺寸控制、形状设计、位置调整也都能表现出对比度。
最简单也是最生动的案例,就是下面的这个网站。设计师在网站的一致性上做的颇为不错,但是相对复杂的背景和文字内容、按钮等前景元素之间的对比不明显。
相比之下,这个网站也采用了深浅色(黑白)的对比来进行设计,但是结果却截然不同。另外,充满创意的滚动效果也引入了颇为不错的视觉效果,很酷吧?
5、忽视表单样式
表单设计其实是用户体验设计的基本组成部分之一。每个网站都有不同的设计目标,不论是销售产品、呈现信息还是提供沟通平台,然而许多设计漂亮的网站总会给你一个令人感到无聊到死的复杂表单,除了那些极其想加入会员或者想参与问卷调查的那些访客,许多用户(比如我)会直接关闭页面,离开网站。
有了JCF这样的跨浏览器解决方案之后,你就可以同丑陋的默认表单样式说再见了,你可以设计更优秀更人性化的表单那设计,来提升交互效率和用户体验。
另外一个恼人的情况是,表单要求太多,想法不成熟,或者并未经过良好的测试。比如sketchybusiness.io 这个网站中,表单突出了所有的空白字段,即使有些是不需要填写的。
反观mostlyserious.io的表单设计,你会喜欢表单中的鼠标悬停提示。另外,其中“Don’t be shy”的提醒为整个表单增添了人性化的元素。

网站如何正确使用面包屑导航?

当网站的子页面分类较多的情况下,一般都会选择使用面包屑导航作为页面的辅助和补充,有效帮助用户在网站中快速找到返回的路径,尤其体现在电商网站上,运用最为广泛,用户可以在众多产品类型中确定自己的位置以及找到目标产品,在一定程度上提高了用户体验。2-1Q21622400U57.png

  网站使用面包屑导航虽然有它的优势所在,但并不是所有的页面都适合使用,毕竟它不能在网站上占据主导地位,以免造成对用户的误导,那么,网站应如何正确使用面包屑导航呢?

  首先,上海网站建设在设置面包屑导航的关键词是一定要统一,每一个主目录和子页关键词都要精简且唯一,存在辨别性,这样能让用户在浏览网站或者电商购物网站中购买商品时产生疑问,且对自己的当前位置一目了然。同时,所有的分类面包屑的关键词都不能存在有歧义的词现象,避免重复性。譬如淘宝网的面包屑导航,每一个分类都清晰明了。

  网站如何正确使用面包屑导航?

  其次,认识分类少则不使用面包屑的误区。有些网站认为子页内容分类少,就没必要使用面包屑,其实这是一种错误的观念,千选网络认为,页面中只要有两个以上都分类页面,都有必要使用,毕竟用户在点击层级页面时总会有返回上级页面的需要,且在没有记住每个页面相关内容时,很容易忘记上级页面内容是什么,因此每次要靠返回按钮进行操作的话会更加麻烦一些,使用面包屑导航则可对当前页定位,帮助用户回到各层级页面。

  网站如何正确使用面包屑导航?

  再者,则是做好主导航与面包屑导航之间的区分,主导航始终承载整个网站的主导地位,而面包屑导航则是起辅助作用,因此用户在辨识面包屑导航时应起到更加精准的作用,而不是重复主导航已经存在的栏目分类,又或者说用户在点击主导航时会犹豫面包屑导航对其产生的干扰,否则面包屑就是去了本该有得价值和意义。

  最后,在设计面包屑导航时无论分类是否复杂,但都要尽可能的精简层级,对产品分类或者概括要综合言简,避免太多太细的分类让用户浏览时容易疲劳,当然,这样的面包屑也有利于网站优化,容易被搜索引擎抓取,同时对提高用户体验有一定的帮助。

  面包屑导航对于每一个网站来说,并非必须品,但却是精品,最常见的是在电商网站中,有它的存在就像给用户装上了另一个指示灯,帮助用户在网站上找到浏览的轨迹并让他们的需求快速得到满足。但前提是使用面包屑一定要注意正确的方法。


缘震网络-互联网运营专家,专业建站十余年

联系我们


• xtb_dh.png 免费热线:400-166-3538

• xtb_dh.png 咨询电话:19301461038

• share_icon03.png 咨询QQ :63778992 

• share_icon02.png 微信咨询 : chunhua19820

• zx.png 直接咨询 

公司名称:上海缘震网络科技有限公司

开户银行:中国工商银行上海市彭浦支行

银行账号:1001 2508 0930 0206 455



总部:上海市奉贤区金海公路6055号29号3楼

分部:上海市静安区共和新路4718弄10号楼2楼

商务官网:www.shyuanzhen.cn

新官网:www.shyuanzhen.com

案例库:www.shyuanzhen.cc

彦蓁科技:www.shyanzhen.cn

缘震网络成立于 2014 年,公司主要经营全案策划,高端品质网站建设、多媒体视频宣传片制作、微信公众号开发、微信小程序开发、商城定制、SEO优化、电商托管、空间托管、网站维护、应用软件开发、手机端APP开发、等为客户提供一条龙网络运营解决方案的的技术型企业。我们在人力资源、业务范围、设计、技术、服务、信誉度、规范管理及企业文化等诸多方面完善自己,公司目前已与千余家各类客户进行长期战略合作,提供专业的网站建设与运营服务。我们的口号:广结良缘、震古烁今!

网站关键词:网站建设  网站设计  网站制作  上海网站建设  上海网站设计  上海网站制作  上海网络公司  网站建设上海  上海做网站  上海建设网站  上海做网站公司  上海建网站公司  上海高端网站建设  上海手机网站建设  怎么建设网站  如何建设网站  营销网站建设  品牌网站建设  网站建设方案  响应式网站建设  外贸网站建设  公司网站建设  建设网站  网站建设服务  高端网站建设  网站优化服务  上海网站公司  企业网站设计  官网制作  官网建设  官网设计  网站建设公司  网站设计公司  网站制作公司

网站建设|网站设计|网站制作|上海网站建设|上海网站设计|上海网站制作- 缘震网络
缘震世界
关于缘震
服务及合作流程
我们的优势
我们的团队
客户及评价
招贤纳士
新闻中心
最新动态
缘震优势
网建知识
网站建设
精彩案例
响应式网站
PC站
手机站
微信公众号
微信小程序
数字孪生
微信平台
APP开发
解决方案
联系我们
联系我们

官方二维码

版权所有:上海缘震网络科技有限公司   备案号:沪ICP备15001555号       公安备案号:31010602002651   

免费热线:400-166-3538

在线客服