7个基础的用户体验设计细节
南京学满分 > 学习网 > 电脑IT设计 > UI交互设计 > 7个基础的用户体验设计细节

南京乾学教育-最新动态NEWS

7个基础的用户体验设计细节

文章导读:7个基础的用户体验设计细节

打造用户喜爱甚至欲罢不能的用户体验,通常意味着你需要给予用户他们想要的东西,还要给他们一些他们意料之外但是又非常需要的东西,并且平衡两者的比例。那些大家耳熟能详的用户体验设计的技巧

7个基础的用户体验设计细节

资料整理:南京乾学教育发布时间:2018-01-08已帮助:76人

7个基础的用户体验设计细节

  优秀产品的用户体验设计是贯穿整个设计过程的,从最早的ui设计阶段便已经开始。所以,完成产品所有的部分之后再想办法为其补做“用户体验设计”是不可能的——你需要打一开始就就将其放在心上。
  打造用户喜爱甚至欲罢不能的用户体验,通常意味着你需要给予用户他们想要的东西,还要给他们一些他们意料之外但是又非常需要的东西,并且平衡两者的比例。那些大家耳熟能详的用户体验设计的技巧和规则能让你搞定绝大多数的用户体验设计的问题,但是还有一些容易忽略、处于盲点的设计技巧,能帮你做好另一部分的用户体验设计。

  1、专注于20%

  你可曾听说过80/20法则?简而言之,80%的用户通常只会使用你网站内容和功能的20%,绝大多数的用户只是在扫视网站内容,并且只会挑选真正感兴趣的浏览。
  同时这也意味着,剩余的20%就相当重要了。大多数的点击将源自于这一区域,它也是近乎完美的内容和互动区域。
  你可以借助数据分析来决定哪个部分是整个网站最被关注的那20%。对于刚刚上线的网站,这个数据搜集的过程可能长达好几周,随后再进行调整。
  当然,你也可以通过引导将用户引流到你希望用户去的那20%的区域。借助视觉引导和行动召唤设计来引流,用有趣和有意思的设计来营造令人有兴趣的区域,让他们乐于点击,从而达到目的。

  2、架构式的思维

  设计一个网站和搭建一所房子其实差不多。首先,它需要一个坚实的基础,然后是能够承载所有内容的框架,做好后要好好装饰一下。同样的思维模式可以套用在网站的设计上。
  更重要的是,你并不需要为此创造出过去从未在框架中出现过的东西,换言之,框架内的素材、组件和我们常见的并无二致。就像导航设计模式一样,现在的设计都趋于一致,因为这样的导航好用。
  当网站的整体结构搭建起来之后,可以将相同的思路套用到内容体系的构建上来。主要的正文内容是整个网站内容的基础,辅以吸引人的标题、图片,配合上其他的次要元素,整个内容体系可以很快搭建起来。

  3、不要要求太多

  现如今的世界可以说是由数据所驱动,越来越多的应用开始要求用户注册,要用户提供更多的权限,更多的信息,以期为用户提供更加个性化的体验。但是从体验的角度上来看,要尽量规避这一点。
  站在用户的角度稍加思考你就明白了。找到一个令你感兴趣的炫酷网站,如果要深入了解更多内容,就需要内容,而如果要注册的话,网站却需要你提供下面10个类型的信息:姓名、邮件、国家、地区、城市、电话、Twitter权限、个人网站、工作职位、以及如何发现这个网站的。
  那么接下来,你会怎么做?绝大多数的用户会直接转身离开,这个注册信息填写起来太费劲,体验太差了。
  那么,如果你当你点击注册的时候,只需要一键从Facebook或者twitter授权即可,那么你会不会立刻点击呢?至少从目前已有的数据来看,绝大多数的用户会这么选择。

  4、令人愉悦的微交互

  可能很多时候你都没注意到,你和各种微交互进行的互动一直都存在。
  ·谷歌日历弹出框提示你每周例会要开始了
  ·短信提醒
  ·午睡的闹钟
  ·微博上的新粉丝和转发提醒
  这样的例子我们可以连续不断地说上一个小时。这些带有微交互的提醒和动作会推动用户进行下一步操作,带来愉悦的体验,它们不能设计得非常醒目,但是又需要适当地吸引用户注意。
  这些有趣的微交互的加入让用户从中获得好处。而你需要思考的是,有哪些东西是你的网站或者APP当中,用户想要立刻知道和获得、想被提醒的?

  5、甚至幼儿都能轻松使用

  如果要给小孩子设计产品,那么它应该是什么样子?你可能会更专注于色彩的使用,让每一个区块都可以轻松点击,明显的标签,加上拼图式的连接方式。
  所以,当我们在设计网站或者APP的时候,我们会说这个产品要足够易用,那么怎么才算得上“足够”呢?让小孩子都可以轻松使用,这就叫足够易用。换句话说,即使是不经常使用网站和APP的成人,也不会存在明显的使用障碍。
  超大的设计元素和标签是设计的关键因素。这些视觉线索是帮助用户引导用户的核心,是整体体验设计中最重要的部分。大胆的色彩选择,会鼓励用户点击和探索。
  如果它足够易用,用户会继续尝试使用和探索。而难于理解操作不便的导航自然会被用户所嫌弃。如果网站包含太过复杂的媒体和内容,那么不妨从一个设计简单的首页开始,几个简单的导航点击将用户引导到对应的位置。在深入到更复杂的页面之前,用梳理清晰、简单明了的分页让用户感到舒适,这是带来好的浏览体验的不错解决方案。

  6、轻拍(Tap)还是点击(Click)?

  这一点要说的并不是设计问题,而是一个常见的开发代码的问题。虽然Tap和Click两者都能在点击的时候触发,但是在移动端网页上使用Click事件 的时候,会有200ms 到300ms 的延迟,所以在移动端上最好替换为Tap事件。在进行响应式网页设计的时候,一个事件从头用到尾的错误出现得很普遍,但是有太多的移动端网页在这样的设计下会有明显延迟,更恶劣的情况是无法识别,这样会直接损害到整个页面的易用性和功能本身。
  此外,移动端上使用 Tap事件的时候,它所对应的按钮应当相对更大一些,便于小屏上进行交互。

  7、像用户一样思考

  我们一直在说:“像用户一样思考”。但是实际的情况往往是,我们很难走出设计者和开发者的思维方式,因为我们的思维方式压根就和用户不同,面对每一个交互、每一个元素的下意识反应是不一样的。
  所以,还是同设计圈、开发圈和产品圈以外的人去聊聊吧,看看他们对于网站和APP的真实反应到底是怎样的。你可能会在观察中发现,他们对于产品、对于交互、对于界面的反应和你的预期完全不同。将用户的真实反馈记录下来,反馈给项目组,这样可以帮你打造更好的用户体验,创造更优秀的产品。

更多 最新课程学员问答学习资料优惠活动学校地址 等,请点击南京乾学教育 ,咨询电话: 400-882-5311 ,QQ咨询: 南京乾学教育为您服务

您也可以留下您的联系电话,课程老师会第一时间给您回电解答:预约咨询

南京乾学教育—学员评价更多>>我要评价

刘* 还行啊,教育严格,有一种在学校读书的感觉而不是培训,能学到知识,网上的评价都是有局限的,不如去实地看看,试听课程,在做决定。希望能帮到你们
学员电话:1819092**** | 报名课程: 南京UI周末兴趣班 | 网点: 白下校区 | 时间: 2018-02-18 17:56:57
刘*听同事介绍过来的,本身也是学平面的,在别的地方也了解过,很多都是视频教学,这边所有课程都是面对面授课这个是我最看中的,老师教的也很认真,真不错!
学员电话:1819092**** | 报名课程: 南京UI设计课程培训 | 网点: 白下校区 | 时间: 2018-02-21 14:48:57
程**在这学习1个月了,个人感觉很不错,老师教的东西都是比较实用的,可以说让我 受益匪浅,希望乾学能越办越好,加油!!!
学员电话:1791236**** | 报名课程: 南京UI设计课程培训 | 网点: 玄武校区 | 时间: 2018-02-17 15:30:57
李**这个机构老师不错,很多人在学。我是和我同事一起学的,现在已经开始做项目了
学员电话:1891795**** | 报名课程: 南京UI设计课程培训 | 网点: 玄武校区 | 时间: 2018-02-20 03:47:57
郭**才在这里培训设计相关类技术,总体来说各个方面,老师的技术、培训知识和学习环境在同等培训机构上都是非常优秀的,其它方面有待考察。
学员电话:1891901**** | 报名课程: 南京UI设计课程培训 | 网点: 白下校区 | 时间: 2018-02-21 09:42:57
韩* 不得不说这家UI设计课这新碉堡,在设计这方面最最重要的不是技术而是创意,点子,在课堂上就拥有一个创意的脑袋那么对于工作上来说是事半功倍!
学员电话:1803432**** | 报名课程: 南京UI设计课程培训 | 网点: 白下校区 | 时间: 2018-02-17 05:14:57
王**在乾学培训后工作快有一段的时间了,工作由于大学毕业后没找到合适的在工厂里干了9个月,辞了职来到乾学学习设计,感觉这是二十多年里唯一一次自己做出的真正的选择,以前自学过美工的我学起来仍旧不轻松,毕竟做好设计要有好的想法创意,这些都不是一朝一夕能够做到的,做设计虽然也辛苦但没有一刻后悔过,老师们也都很负责,老师们幽默、耐心、专业,至今还能想起老师的一些经典语句:1、设计没有好坏只有是否协调;思想上的懒惰才最可怕;2、要做一个有情怀的设计师等。这期间我才感觉慢慢的真正的了解自己,沉淀了思想当然还有以后赖以谋生的
学员电话:1361256**** | 报名课程: 南京UI设计课程培训 | 网点: 玄武校区 | 时间: 2018-02-16 17:06:57
韩*一个培训机构培训出来的人的工资高低差距有大有小,有的拿着1W多那么拿着4、5K的就肯定不会舒服,社会这么大总有人会看你不顺眼,最为一个懒散的人想说的是学习好,但是自身的坚持更加重要,北大出来的也有摆地摊的,加油!
学员电话:1803432**** | 报名课程: 南京乾学UI全日制精品班 | 网点: 玄武校区 | 时间: 2018-02-18 02:30:57
郑**来听了试听了,因为是面授,所以教的很认真,下课有意问了学生,评价都很好,看来学生都挺喜欢老师的
学员电话:1321836**** | 报名课程: 南京UI周末兴趣班 | 网点: 玄武校区 | 时间: 2018-02-20 22:44:57
李**我也在乾学培训过,只想说一句老话:师傅领进门,修行在个人。找工作不仅仅需要的是个人能力,也需要运气。
学员电话:1891795**** | 报名课程: 南京UI设计课程培训 | 网点: 白下校区 | 时间: 2018-02-16 14:42:57
诸**好与坏不是一个人说了算,眼见为实耳听为虚,尤其是在如今这个互联网上虚虚实实,最为一个在这里培训的学员只想说,你没有进入的时候永远没有资格评论,是好是坏还需你亲身体会!
学员电话:1356636**** | 报名课程: 南京乾学UI全日制精品班 | 网点: 白下校区 | 时间: 2018-02-20 08:51:57
欧阳**还行啊,教育严格,有一种在学校读书的感觉而不是培训,能学到知识,网上的评价都是有局限的,不如去实地看看,试听课程,在做决定。希望能帮到你们
学员电话:1897687**** | 报名课程: 南京UI设计课程培训 | 网点: 玄武校区 | 时间: 2018-02-22 04:27:57
刘*听同事介绍过来的,本身也是学平面的,在别的地方也了解过,很多都是视频教学,这边所有课程都是面对面授课这个是我最看中的,老师教的也很认真,真不错!
学员电话:1819092**** | 报名课程: 南京UI设计课程培训 | 网点: 白下校区 | 时间: 2018-02-19 13:24:57
刘*在这学习1个月了,个人感觉很不错,老师教的东西都是比较实用的,可以说让我 受益匪浅,希望乾学能越办越好,加油!!!
学员电话:1819092**** | 报名课程: 南京UI周末兴趣班 | 网点: 白下校区 | 时间: 2018-02-16 09:28:57

南京乾学教育-最新动态 NEWS更多>>

学校首页| 课程导航| 最新开班| 学校简介| 名师推荐| 校区地址| 最新优惠| 学员问答| 学员评价| 最新动态| 学校相册

南京乾学教育 南京乾学|南京乾学教育UI学费|南京乾学教育培训中心|南京乾学教育怎么样

南京乾学教育团购预约热线: 400-882-5311

扫描手机访问