用户体验设计原则及案例解析上.pdf

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