12个常见的网站交互设计错误-UI设计 PS-优质IT资源分享社区

admin
管理员
管理员
  • UID1
  • 粉丝27
  • 关注4
  • 发帖数581
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:139回复:0

12个常见的网站交互设计错误

楼主#
更多 发布于:2016-06-07 22:44



 1,缺乏比照
当阅览网站时,咱们喜爱看页面规划展现出洁净、清新的比照。比照达到了一个主要的目的——它使内容可读,并毫不费力地在页面上辅导用户。这是一个最基本的规划概念,只是很古怪,有些网站好像即是不明白。
没有满足的比照度的话,不管是色彩或全体展现,一个网站看起来,在最好的情况下,也会让你觉得有点儿丈二和尚摸不着头脑,在最坏的情况下,将会使页面彻底不可读。




▲ 事例演示
2,张狂的导航
无论你用的是什么跳出构造的导航构思,先思考好你的用户。这并不是令人无聊的,而是深思熟虑而且务实的。好好运用导航规划的最好实习和准则:明晰、简略性、一致性和相关性。




▲ 事例演示
3,非呼应式的或许不良的接触方针
呼应式网站在现在是至关主要的,咱们没有托言去创建一个在你的智能手机上很难用的网站,除非你做了许多的用户测验,并证明了一个移动友爱的网站并不是必需的。




▲ 事例演示
4,令人心慌意乱的音乐
在晚上放些音乐很快乐而且也令放松。在准确的时刻点上,音乐能够是很棒的体会。但是,在99.9%的情况下,准确的时刻并不是当你阅览网站的时分。
很少有作业比你在阅览一个网站的一起有一个尖锐的管弦交响乐团在你耳边演奏更恼人的作业。假如你是广告你的下一张专辑,这也许还算是能够宽恕的。但即便这么,也只是也许还算是。




▲ 事例演示
5,毫无意义的弹出窗口
是的,弹出窗口真的能够让人感到动火。特别是注册窗口!每个人都需求更多的注册!但是,总有非常好的办法来做你的推广。弹出式窗口能够像冲孩子大喊大叫以试图招引其注意力一样恼人。假如你有必要运用弹窗,请让它们简略,有构思,而且易于封闭。




▲ 事例演示
6,不幸的架构
我了解测验创新是多么诱人。究竟,你希望你的规划锋芒毕露。但是,当发明变成了一场火热的紊乱,即是时分带入一些必要的组织性。
无穷的规划师们都是无穷的沟通者。视觉层次构造和平衡是发明杰出的第一印象的主要层面,一起它们能够影响用户的行为,更主要的是,能够有效地传递出页面以外的信息。




▲ 事例演示
7,扎手的排版
当我拜访网站,我喜爱能够快速而方便地拜访信息。咱们都不喜爱紊乱的不易阅览的带暗影作用的大号字体。或许是在一个移动的布景测验阅览,或许与要用放大镜才干查看的小字体苦苦奋斗。
这里有一些能够协助你温习基础知识的规矩:
—— 树立一个明晰的层次构造
—— 注意文本对齐办法
—— 约束字体的字号数量、类型和色彩
—— 必要时充分地运用空白
8,蠢笨的表单
有的时分你会需求向你的用户要一些信息,这自身极好。但是,这并不是说你能够为他们供给一个很长,很浪费时刻的表单。重复地请求一样的信息也不是一个好主意。只向用户要最少数的必要信息,而且不要忽略表单的跨阅览器款式。
好的表单交互体会来自于明晰性、简洁性和一致性。
这里有一些小贴士:
—— 着重需求的字段
—— 必要时显现进展
—— 供给提示
—— 注意字段的长度
—— 运用领先的东西来定制表单元素
9,没有用户反应和数据的抄袭
从他人那里取得灵感并不必定是件坏事,但假如你这么做,你需求保证你手头有准确的反应和数据,以保证你在为你的方针受众供给真实的规划价值。




▲ 事例演示
10,显著的不一致性
在必定程度上个性能够混搭的。但是,假如全体作用成了一个无穷的,丑恶的视觉“抵触”,那么仍是主张回到绘图板并重新开始。
好的交互规划是具有一致性的。它运用户非常好地了解事物是怎么作业的,让用户在运用一个页面时,感觉到他们在操控局势,以及进步他们的作业效率。雅各布·尼尔森说:“用户的希望更多地被证实是准确的,他们就会越觉得他们在操控系统,并会愈加喜爱它。”




▲ 事例演示
11,太多的动效
偶然运用的交互式动画能够提高你的网站内容。但是,让你的页面担负一个又一个张狂的动效,会让你的用户感觉到有点像是进入了在线疯人院里,甚至更差劲的东西。
下面这个网站是谈到张狂规划时我必定会加冕为冠军的,我能够定下个应战,你在看到它时有没有办法不感到精神错乱!




▲ 事例演示
相同类型的网站:《逼死规划师!2015年全球最丑的网站排行榜新鲜出炉》
12,追逐趋势
坚持一点时尚是很让人快乐的。但是,花时刻去追逐最新的流行语和交互规划个性,你终究会得到一个网站,它阅览起来就像是老生常谈。假如能够的话,你要勇于不一样。
交互规划——四种准确规划的办法
所以,以上就是我保藏的我最厌烦的交互规划过错。下面是一个便当的小列表,以提示你怎么用准确的办法规划!
1)方针驱动。不要为了增加作用而增加作用。不要挑选某个调色板,导航栏,或许图标只是由于你以为它看起来不错。试试着眼在终究方针上。你想让你的网站达到什么方针?一旦你现已确定了那个方针,那么你很有也许就有了一个对于你应当运用什么样的交互规划的好主意。
2)记住要有人情味。假如你属于艺术型(咱们不都是么),那你面临的引诱是去发明漂亮的东西,一些优秀的,一些有人从未做过的事。但是,假如没有人创建过和运用过,也许有一个极好的因素即是,它们的确没用。记住,网站的访客都是人类。你发明出旨在能直接招引他们的东西。
3)坚持一致性。是的,网站自身应当是很令人惊叹的。但是,网站也应当需求正常可用。你会有需求恪守某些规划常规,以使网站易于阅览和了解。不要为了与众不一样而违反常理。相反,承受你将需求完成必定的规矩的现实,能协助你的用户轻松地拜访你的网站。
4)测验测验再测验。假如你发现任何疑问,就进行测验!有许多用户研讨东西能够协助你发现在产品中用户受困或许分神的地方。a / b测验,剖析眼动盯梢数据,或许是直接让你的客户,同事和兄弟测验你的新规划。没有什么比真实的反应更有价值,而且几乎没有一个非常好的办法能如此改善你的交互想象。












优质IT资源分享社区为你提供此文。
本站有大量优质UI设计(含PS,软件 网页 平面设计等)教程视频,资料等资源,包含UI设计基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

UI设计教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客