网页设计规范:交互设计中常见的误区有哪些?

网页设计中的交互设计从来都不是简单事情,体验好的交互设计往往能帮助用户更流畅地浏览网站,提高网站的点击率和用户停留时间。其实,随着网页设计不断发展,用户已很难被美观的网页设计和出人意料的动效设计所打动,相反令人愉悦且流畅的交互设计,才是留住他们脚步的关键。现在,南宁网页集团将为大家分享交互设计中常见的误区有哪些,希望各位能有意识地绕过这些坑,设计出更多优秀的作品。

网页设计规范:交互设计中常见的误区有哪些?

网页设计规范

什麽是交互设计?

何为交互?交互,即沟通交流,发生互动关系。人与人之间的交互其实很好理解,举个例子:《西游记》中,金角大王对孙悟空说:「大圣爷,我叫你一声,你会应吗?」然後,金角大王就叫:「孙大圣!」,若孙悟空应了他的话,便被收入到葫芦中。

网页设计中的交互,同样是与人发生互动关系,只是对象从「人-人」,改成了「网页-人」。因此交互设计就是以用户为中心的角度出发,努力创造和建立人与产品及服务之间有意义的关系,从网站的「可用性」和「用户体验」两个层面上进行分析。

网页设计规范:交互设计中常见的误区有哪些?

网页设计规范

交互设计的核心要素有哪些?

交互设计旨在满足用户的可用性需求,实现产品的易用与创新,其五大要素更是贯穿这个交互过程,对提升产品的使用体验有着重大意义。

交互设计的五大要素,包括:

① 目的:解决用户某个需求,给公司带来价值。

② 用户:了解产品的目标用户群体及其特徵。

③ 场景:了解用户使用产品时所处的场景及其特徵。

④ 媒介:为了适应特定用户在特定场景下完成的特定目的,需考虑媒介类型。

⑤ 行为:用户在特定场景下用特定媒介完成特定目的时,会产生的行为路径。

设计网页交互时,需把注意放在用户、用户动机和行为上,以及发生这些行为的媒介和场景,从这些层面上思考网页交互设计,才能更贴近其本质。

交互设计中常见的误区有哪些?

1. 过度创意

网页设计师绝不能缺少创意,同样他们也会试图不断寻找能让产品脱颖而出的优秀创意。但涉及交互设计时,「创意」并不一定就是好,它也有可能会对网站及产品产生不利的影响。

交互设计过度追求创意,往往会损害一些用户体验,对用户造成浏览障碍。如:Lotorama网站虽然有着漂亮的页面和柔和的音乐,但同时也会让用户感到迟疑,甚至茫然无措造成网站浏览障碍。

网页设计规范:交互设计中常见的误区有哪些?

网页设计规范

2. 令人迷惑的交互

不少设计师试图运用别具一格的名称,设计富有实验性的导航。如:Chijoff网站。

用户往往需要折腾一阵子才知道「Co-Create」的连结其实是连到「Services」页面。更纠结的是,用户浏览完整个页面,仍然不知道怎样操作,因为页面底部仅仅只有一个表单,展示行业新闻,以及一个注册入口。至於联系页面就更为简单,只提供邮递区号和邮寄地址。总而言之,用户一旦进入网站,便开启了「迷路」模式。

网页设计规范:交互设计中常见的误区有哪些?

网页设计规范

3. 页面杂乱无章

曾经有段时间,设计师很喜欢将所有内容全塞到一个页面中。尽管这样的时代已过去,但仍有不少网站依然掉入这坑里。

Flipkart网页虽然采用简单的配色方案,但页面中大大小小的框、复杂多变的字体却破坏这种简约的风格,甚至会让用户对着这些大量复杂的资讯而感到疑惑。

网页设计规范:交互设计中常见的误区有哪些?

网页设计规范

4. 缺少对比度

对比度是构建网页视觉层次的最重要手段之一,同时也吸引用户关注页面重要信息的最佳方式之一。网页设计中,对比度不仅仅通过色彩呈现,尺寸、形状、位置等都可以展现独特的对比。

Modernthemes网站在一致性做得颇为不错,但复杂的背景导致文字内容、按钮等前景元素无法突出,用户可能会因此忽略网页的重要信息。

网页设计规范:交互设计中常见的误区有哪些?

网页设计规范

5. 忽视表单样式

表单设计师用户体验设计的基本组成部分之一,然而很多网站虽然设计得非常漂亮,但却会出现无聊到死的复杂表单,让人感到非常厌烦。

此外,表单要求太多,想法不成熟或未经过良好测试等,都让人非常恼人,如sketchybusiness.io网站,其表达突出了所有空白栏位,即使有些内容真的不需要填写。

网页设计规范:交互设计中常见的误区有哪些?

网页设计规范

网站不是好看就行,如果忽略交互设计,这会让用户感到非常困惑或沮丧,因此设计网站时,千万别试图限制创意,同时忘记设计基本原则,这样或许会给用户带来更多惊喜。

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/43173.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2022年6月25日 23:41
下一篇 2022年6月25日 23:41

相关推荐

  • 有哪些常见的页面进度器类型?

    系统自定义 有不少小心机的页面设计可以使用这个类型,使用系统自定义的进度器类型能够让用户感觉这是系统的“错”,用户体验不至於太差。 线性动画 这个类型的指示进度器,需要符合百分比的变化。如果是针对多个线...

    2022年6月25日
    0100
  • 5000字干货!设计师应该掌握的信息层级梳理指南。

    这篇文章从另外一种维度去阐述信息层级,个人认为有效地解决了自己大部分排版的问题。希望对大家有所帮助。老规矩,先看目录,按需取用,已经将重点标记出来了写在前面大家有没有遇到这样的问题,当你面对非常复...

    2023年3月2日 SEO操作
    03
  • 小编分享四川高端网页设计需要多少钱。

    一个高端的网站对于一个四川企业来说重要性是不言而喻的,企业的网站不仅可以树立企业形象,还能够通过网站来有效的发展电子商务,因此众多的企业都会非常重视企业网页设计,将建设网站交个更加专业的公司来做,...

    2023年6月16日
    02
  • 按钮形状无需花样多多

    当你在进行按钮外形设计前,要提升转化率需要视觉效果很重要,但考虑到全域,一般建议只需考虑以下的两种形状: 圆形:随着拟物化这种网页设计趋势的流行,圆形的按钮形状早已深入人心。对於提升按钮所见即所得的...

    2022年6月25日
    0129
  • 容易被忽略的视觉效果技巧

    没有意识到色盲用户的存在 这点尤其是针对视觉配色方案时,如果你的网站是面向大量的人群,目标顾客的性别以及年龄没有很明确的针对的话,一定要使用所有用户包括色盲用户都可知以正常识别的色彩。尤其是重要的信...

    2022年6月11日
    0170
  • 如何让界面字体排版更为吸睛?

    •增加个性化的色彩 对於介面设计来说,字体不仅仅是呈现资讯内容,也承载着一定的视觉美感要求。因此,不妨使用一些个性化色彩的字体样式,比如手写字体、复古字体等,结合色彩,更有视觉吸引力。 •排版上更适合...

    2022年6月25日
    0118
  • 做网页设计如何给公司定位?

    大多数的公司在进行网页设计的过程当中,一定要综合实际情况来给公司定位,只有这样才能够制作出最适合公司的网站项目,才能够更好的做线上线下的运营推广,那么如何给一个公司设定好相关的定位,其实在这其中我...

    2019年9月21日
    0276
  • 手机网页设计与策划的10大原则

    随着移动端网民数量的日益增多,各企业主已经把目标转移到了移动端,手机网页设计也成为企业发展盈利的又一主攻方向,那手机网页设计应该从哪些方面下手呢?又需要遵循什麽规则呢?下面我就跟大家一一介绍: 1、...

    2022年6月7日
    0145

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息