恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
震惊!网页设计要这么做才...
0.0°
2017-12-19 自译外文 经验/观点 原作者: Nick Babich 举报 1337 6 2 0

网页设计中的对与错 By @Nick Babich

网页设计是很棘手的,在你设计一个网页的时候需要考虑太多的东西。为了简化这个过程,我弄了一个清单,列举了每个网页设计师应该考虑的对错原则,好消息是都是些很简单的原则。

 

1.不同设备要提供相似体验(适配任何设备)

用户用着各种型号的设备来浏览你的网页,用着他们的电脑、平板、手机甚至是他们的手表。UX设计的一个重点就是确保无论用户用的什么设备上都要让他们有着相似的体验。

Image title


2.设计简单明了的导航

好的导航是网页易用的基础。记住,如果用户找不到他们想要的,你的页面再好也没什么卵用。所以一个好的导航栏应该是这样的:

· 简单 (任何网站都应该尽可能有着最简单的结构)

· 清晰 (导航栏选项对用户来说必须是清晰明了的)

· 一致 (任一页面的导航系统都应该和主页一样)

使你的导航栏能够让用户通过最少的点击却仍然能很容易地去到他们想去的页面。


3.改变点击过的链接颜色

链接是浏览过程中的关键因素。如果点击过的链接没有颜色变化,用户将会反复地点进相同的页面。

Image title


4.让页面能被快速浏览

在用户访问你的网站时,更可能的是快速扫一遍而不是一字一句地阅读。因此,如果用户想找到特定的内容,在他们找到之前都会是快速地浏览。而你作为一个设计师能设计一个良好的视觉层次来帮助他们。视觉层次指的是元素在页面上的排布展示方式。(比如视觉焦点的变化)

Image title


5.检查每个链接

用户很容易在网页显示404错误的时候感到不爽。当用户浏览的时候,他们希望点击每个链接都是有内容的,而不是404错误或者其它他们不想看到的。

Image title


6.确保可点击元素看起来一样

用户经常通过视觉感受来确定产品该怎么用。一个元素看着像按钮或链接却不能点击,很容易让用户困惑。(比如带下划线的词却不是链接,看着像按钮的元素却不能点击)用户需要知道页面的哪些地方是能点击的,哪些地方是单纯的静态内容。

Image title


1.让用户等待内容载入

网页用户保持关注和耐心的时间段是很短的,根据NNGroup research:

用户集中注意力在一个任务上的时间不会超过10秒钟

当用户必须等待你的网页加载,而且加载速度很慢的话,他们会感到失望,然后很可能直接关闭这一页面。即使页面加载动画设计的再好,如果加载时间过长,也不能让用户留下来。

Image title


2.不要让链接从新标签页打开

用户普遍点击返回按钮回到上一页面,而这个行为让返回按钮变得无效了。

Image title


3.让促销更显眼

任何看起来像广告的通常都被用户所忽略,促销信息和广告经常会掩盖旁边的内容,让用户更难去发现他们想要的。

Image title


4.滚动劫持

滚动劫持是指设计师或者开发人员弄了一个让网页表现诡异的滚动显示效果,包括动画效果、固定的滚动点甚至是他们自己重新设计的滚动条。滚动劫持对于用户来说是一件很讨厌的事情,因为这让他们不能自己控制浏览节奏。当你设计网页或者用户界面的时候,你想的是让用户自我控制他们的浏览滑动。

Image title


Mac Pro的页面就用的一些恼人的滚动效果。用单一页面的图层视差和固定的点来展示页面的每一部分。

 

5.自动的有声播放

自动播放的视频和声音或背景音乐会刺激到用户。这些元素应该少用,最好是用在恰当的页面或是必须有的页面。

Image title


Facebook上的视频设置了静音的自动播放。(Ins和现在的微博也是)

6.为了美感牺牲易用性

网页或用户界面的设计应该绝不干扰用户的浏览。避免有一个花哨的背景,影响内容可读性的配色或者是颜色对比度不足。

Image title


低对比度的字体颜色影响阅读

 

7.用闪烁的文字或广告

闪烁的内容会引起癫痫易感人群的不适。不仅如此,普通用户也可能会对这些感到厌烦。

Image title


 

 

更新:2017-12-19

收藏

6人已收藏

LEE_27

Go

  • 16

    作品

  • 208

    粉丝

  • 77

    关注

  • 如何使用ChatGPT帮助进行UI/UX设计
  • 怎样设计令人舒适的暗黑模式
  • 2分钟用Adobe XD做一个分享展开效果
  • 2分钟用Adobe XD做一个卡片翻转效果
相关标签
webUX用户体验ui

    猜你喜欢

      2017-12-19 自译外文 经验/观点 原作者: Nick Babich 举报 1337 6 2 0

      震惊!网页设计要这么做才...

      0.0°

      你确定要举报震惊!网页设计要这么做才...

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年08月17日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      6
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录