【精选】用户体验设计原则及案例解析(上).pdfVIP

用户体验设计原则及案例解析（上 ） 本文要点： 1. 建立对于设计原则的理解 2. 告别设计中设计技法的“堆砌” 3. 增强用户体验设计与设计技法相结合的意识 其实设计师平时做设计的工作，可以比作成人在走路或在跑步，走路和跑步的原理 是需要两条腿相互配合才能完成跑步的动作，做设计也是一样。设计技法是非常重要的 一条腿，熟练的运用设计软件来完成，ICON 的绘制、页面的设计、运营活动的设计， 这都是非常重要的。但是其中还有另外一条腿，就是另外一项设计师非常必备的思考方 式，也就是用户体验设计的一些原则。一定是这两者相互配合，才能够完成设计师的跑 步的动作，来完成一个真正既能够体现你设计能力，又能够符合用户真正使用场景的设 计，也就是我们这里面比喻的跑步。这些原则说起来似乎高大上，触不可及，但其实是 非常的接地气的。 下面请看一个界面的案例及设计师对各界面的反馈： 更多课程内容：百度 UE 讲堂 http:// 界面一：如果作为一个用户，如上图左的页面，我会觉得看起来特别不好用，想退 出这个界面。因为它太小了，这上面的字第一次看到之后，就会觉得看的特别不清楚。 我看到这个页面的第一直觉是想跳出，第二如果我必须要登录的话，我会把它放大，然 后去输入，还要把手机拿得近一点，这样凑近了看，可能就会清楚一点。 界面二：如果用如上图右的页面来登录，我是用户的话，打开这个页面会发现，它 的文字信息比较多，然后再仔细看这些文字的时候，会发现它的信息层级会比较少，我 想找的重点信息不容易发现。阅读顺序方面，我读这个页面会从上往下读。而操作方面， 会觉得按钮太小了，可能会误操作。 界面三：如果用如上图左这个界面，作为用户来注册一个百度账号，看起来挺不错 的，只是要输入的内容其实还挺多的。但跟之前的两个界面相比，这个至少操作起来比 较简单。另外，有一点不太好的，我上面要输数字，下面要输拼音和数字，感觉还是挺 麻烦的。 界面四：如果是如上图右界面来做它的注册，我觉得这个就省心多了，相当于基本 上没有什么操作步骤，直接连调出键盘都已有了，可以直接输了，所以看起来就不太需 要想，可以直接用。 从大家如上的意见反馈中可以看到，大家心目中评价这些界面好不好用，其实有非 常多我们所涉及到的设计原则点，包括它是否好看见，是否可读，包括这个操作起来是 否麻烦 是否可点。 其实这四个页面我选的是非常有故事的，我们来看看这四个页面背后的逻辑。其实 第一个页面不是一个移动端的页面，完全就是一个 PC 端的注册页面。不过我们把它放 到手机上面来看，而且放上来的时候没有做任何的适配，可以看到内容非常的小。如果 更多课程内容：百度 UE 讲堂 http:// 不进行放大的话，你是什么内容基本上都看不到的，它的可视性会非常非常的不好。当 放大之后，你看到页面当中的一部分信息，当输入完手机号之后，又要非常大面积的往 下滚动，才可以又看到下面的输入框，操作起来又会造起来很麻烦。所以这种操作在 PC 端的时候是非常好用的，因为电脑会有一个非常大的屏幕，然后用鼠标来进行操作， 可以精确点击你想点击的输入框，点击你想点击的按钮，操作起来都很方便。但到了手 机端，可视区域就会很小，同时操作起来又会相对麻烦一些，这个界面就显得非常不好 用。 而第二个界面背后的逻辑在于，这种界面在功能机的时候不会有问题。因为功能机 的界面会比较的小，刚开始只看到页面一部分的内容，这样输入用户名，然后再通过这 个方向键往下一拨，输入第一次密码，再往下一拨，输入再一次的密码。在功能机的时 候，操作还是比较方便的，也比较符合那个时候界面的这种尺寸。而现在，一次性展现 如此