• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > UI 设计新人容易犯的7个细节错误

UI 设计新人容易犯的7个细节错误

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含交互设计,产品设计,用户体验,用户体验设计,经验分享等相关知识,希望在学习及工作中可以帮助到您

在互联网产品圈里,用户体验一直是被格外推崇,几乎每一个产品经理都会把用户体验挂在嘴上。即便是一个产品菜鸟也会在言谈间说出一番诸如,做产品的一定要把用户体验放在首位之类的话。说今天是一个体验为王的时代,一点也不过分!那究竟什么是好的用户体验?先留着这个问题。

我们先来看一下什么是烂的用户体验。

不好的用户体验

1. 页面加载时间长!很长!特别长!超级长!

在网页端来说,当用户进入一个网站后,如果网页在30s内没有被加载出来(当然包括用户自己的原因,网速,带宽,电脑运行速度等),都会让用户不喜欢甚至讨厌你的网站。当然30s是理论上的说法,像现在一般的电商网站,都是要求在3s内加载出来。实在加载不出来,那就想想如何预加载吧,「骗」用户先留下来等我加载完。时下,网站可能快要过时了,大部分人都是通过手持设备进行网上冲浪的。在手机端,app内一般好的体验,都是无等待间隔的加载,除非实在需要耗费巨大流量的情况下才允许让用户等待。当然聪明的设计师常常会使用有趣的加载动效,图片的预加载等。

2. 无限制的使用各种炫酷的动效

不可否认的是,在一些app应用内,适当的用一些有意思,符合产品调性的动效,可以给用户带来眼前一亮的不同体验。但是无限制的使用各种动效,造成app的内存大,耗手机资源,在用户体验方面可以说不是一般的差。主次不分,让用户根本没办法聚焦产品的核心功能。

3. 页面排版过长

在app产品的使用过程中,信息的布局和展示是非常重要的,一般很少有用户有兴趣看几屏以后的内容 。90%的用户,打开一个页面,只浏览第一、二屏的内容,就以为看到了主要内容,而不会向下滚动。在产品设计中,一个过长的页面很容易引起浏览者的视觉疲劳,更何况大部分浏览者很有可能在浏览一屏后,切换至其他模块中去了。

4. 不友好的导航

产品导航有很多类型,如汉堡导航、标签栏导航、拖动导航等等。不友好的导航是最影响用户操作的,不能让用户很方便的找到自己想到的内容。用户无法完成线性操作(用户来到一个页面不知道如何返回上一页,不知道当前页面是在哪个栏目下的),这样会导致用户的理解难度增强,提高了产品的使用门槛,很可能用户来了一次就不会再来了。一个好的导航类型/方式,是产品成功的一个因素。移动端的产品若没有良好的导航设计,简直就是体验的灾难。如果用户想要查找一个内容,只能通过不断的进行重启app才能找到,那么这一定不是个好的产品。

5. 过期的信息

如果一个产品很久不更新信息/处于一个产品运营假死状态,那么很容易让用户产生反感,并且对产品的品牌形象大打折扣(当然如果是时讯类的产品更为重要)。试想一下,你在使用某款产品的时候,几天看到的内容都是一样的,或者是看到一个优惠/促销信息,点进去查看,发现活动早就过时了,是什么感觉?一定会觉得是这个产品在忽悠人吧!(过期的新闻、过期的促销信息、活动信息都是致命伤)。

6. 页面交互控件的不统一

用户在使用产品的时候,同一个控件,竟然是两个截然不同的结果。用户在使用过程中,还得考虑,这个控件和上个控件是不是一样的,这个位置的操作是不是和前一个页面的操作是一样的。好的产品是「don’t let me think」,你这个是「脑子不动要生锈」。用户都是「傻的」,千万不要站在你的角度来臆想用户是多么的聪明。相信我,按照最傻的方式做,考虑最傻的形式,你一定会发现不一样的结果。

7. 页面没有视觉差异

什么是一个好的产品,体验一定要好,体验包括了页面的设计,给予用户第一感觉。如果页面没有视觉差异,页面设计就会很「平」缺少「层次感」,缺少视觉冲击力和亮点,或者是突出错重点,这是没有经验的设计师设计时最容易犯的错误。把一大堆信息铺天盖地的展示到浏览者的眼前,你认为他会记住多少?页面设计要吸引并引导浏览者来观看你想推广的内容或产品。尽量通过色彩的冷暖、远近,突出想要突出的,弱化该弱化的。

好的用户体验

说了这么多烂的用户体验,那到底什么是好的用户体验呢?有三点:

第一,首先要超出用户预期,能够给用户带来惊喜。

好产品一定要超出用户预期,在用户使用的不经意间,发现了灯火阑珊处的你。这就是为什么产品会在各种极限情况、报错情况、空页面的情况等,都会有一些小惊喜给到用户。这就是做到了站在用户的角度,让用户无意间会发现那个美。

第二,好的用户体验要能够让用户有所感知。

第三,好的用户体验,是从细节开始,并贯穿于每一个细节。

产品体验贯穿在用户使用产品时的每一个细节(一个按钮、一个图片、一段文字),做得好就成为产品致胜的关键。很多产品人一上来就要谈愿景、战略,这并不一定是对的,所有的企业战略一定要具体到你的产品如何解决用户问题,如何让用户使用起来感到愉悦。对我来说,这才是非常重要的产品观。

那么你一定会问我怎么才能知道什么才算是真的好的用户体验呢。很抱歉,其实我也不知道什么才是。在产品还没上线前,产品经理/设计师会根据自己以往的经验/项目总结,来设计出大部分用户可能会接受的设计/产品。但是一旦当产品上线后,那么就由不得英雄主义了,所有的优化和改版都是基于产品上线后的数据(业务数据、行为数据)来进行的。始终要以结果为导向,数据为真实驱动。

产品经理需要始终牢记的是,闭门造车永远设计不出优质的产品,好的产品经理都会形成调查问卷、收集数据的习惯,而且这个习惯要从产品框架搭建开始,到产品正式上线之后,并贯穿于整个产品研发的始终。

所以说,作为设计师/产品人,在产品上线后,应该保持以下习惯。

1. 学会调查

随着互联网行业的日益发展,我们所能接触到的产品大多都比较成熟。其实在背后,问卷和调查可能都已经经历了很长一段时间,大多互联网在传递产品价值的同时其实也是在收集用户的价值,就好像在一个APP里我们总能看到收集用户反馈的端口,其实背后都隐藏着设计人的良苦用心。

2. 敞开心扉

我们常常说产品人不能固步自封,而应该敞开心扉,时时刻刻准备好分享你产品的故事。不论是公司内部、家人朋友,或是身边的陌生人,当你分享后,他们会毫不避讳的告诉你最直观的用户体验,也许那就是你最需要的调查数据。

3. 目的清晰

产品经理计划要做的工作之前,要先充分了解要用户的需求,然后再用专业去满足他们。只有目的清晰,获得的数据才是真正有用的数据,产品的功能设计才能做到人见人爱。

今天,用户体验的重要性从来没有发生过改变,它只是一个不断发展,不断被革命化的一个概念,如果不具备发展的眼光就无法真正读懂用户,以及读懂他们的需求和渴望。如果你对用户体验的理解仍停留在互联网最初发展的那几年,我要说的是,真的,别让你眼中的「用户体验」误了产品的发展。

多数人能够成为很厉害的设计师,很厉害的产品经理。凡事都会有所谓的套路,当你熟知了解某个行业,或者多个行业的套路时。你会站在更高的视角看待问题,同样你会走得比人家更远更快。所谓的套路,是基于个人而言,可能你有个很好的导师能够告诉你以往的经验。但是我更认为,套路是通过一步步看似笨拙的努力不断总结不断归纳的。

以上内容,是我不断总结的观点,仁者见仁智者见智,不足之处还望加以斧正。

欢迎添加作者的个人微信号:

「让你做好用户体验设计的好文推荐」

  • 《网易高级设计经理:关于用户体验的三个反思》
  • 《你的设计有依据吗?详解用户体验设计中的规律与逻辑》
  • 《进阶学习!关于用户体验你应该知道的8件事》
  • 《为什么你的设计很棒,但用户体验还是很烂?》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 交互设计和心理学之间的18条奇妙联系
  • Apple Watch 交互设计中四个全然不同以往的经验揭密
  • 资讯类产品阅读列表的交互设计思考与经验分享
  • 163邮箱登录框交互设计的改进经验与分享
  • 超全面!Android 应用与iOS 应用之间的设计差异对比
  • 超全面的设计异常情况和处理方式汇总
  • 以Apple Music为例,为你解读格式塔7大法则
  • 界面设计中,交互方式是选择滑动还是点击呢?
  • 新手交互设计师如何迅速成长?爱彼迎高手来教你!
  • 在开始 VUI 设计之前,你需要做些什么?

相关文章

  • 2018-08-23即使是最靠下的网站页脚,设计上同样很讲究
  • 2018-08-23如何把设计技巧融入进用户体验?来看高手的方法!
  • 2017-08-06高效导航设计三原则 网页设计师必知
  • 2017-08-06对背景图定位中background-position属性的自我理解
  • 2018-08-23让你脑洞大开的创新思维方法系列:奔驰法
  • 2018-08-23做PPT 超过1000个小时后,总结的实用进阶指南
  • 2018-08-23入门手册!五分钟带你快速了解AR
  • 2018-08-23换了很多家公司还是在打杂,问题究竟出在哪里?
  • 2018-08-23零基础必备:详解十种常见的水彩基本技法+问题总结
  • 2018-08-23小科普!Android和iOS的设计到底有什么不同?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 响应式设计你需要了解的知识点
    • 为什么我们都应该学会组件化设计思维?
    • Airbnb 设计经理:如何有效实践超火的设计冲刺法?
    • 网页制作不得不知道的几个技巧
    • 案例超多!3大类APP弹窗提醒方式总结
    • BAT都在使用的设计创新方法 ,现在手把手教你做!
    • 网易资深设计师:如何建立可信赖的品牌形象?
    • HTTP 状态代码整理介绍
    • 网易资深设计师:视觉设计如何继承品牌基因?
    • 网页设计师职位应聘面试的常见试题及参考答案

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有