产品设计小结

其实本篇文章都是常见的设计，并没有个人独创，只是总结了一下之前的开发经验。虽然常见，但对于新手或者经验多的产品设计人员也不一定能考虑到。

产品设计有几个重要的原则：

①减少用户的认知负担，就是说即使新用户看到新产品，也能很快的上手使用，尽量减少用户使用的学习成本。

②尽量简化和减少交互，其实用户很懒，把他可能进行的操作都考虑到并简化掉，那么他就会在一定程度上形成依赖心理，再使用同类产品如果没有之前的依赖体验，就会产生一定程度的抵触心理。

③突出重点，某块区域需要做明显突出区分。

下面的例子，都体现这些原则。

1.简化输入框。

在操作非最后一个输入框时，点击回车会获取下一个输入框的焦点。操作最后一个输入框的时候点击回车进行提交事件的操作。

用户懒。

2.突出当前输入框。

输入框获取焦点的时候，有一个明显的区分，虽然当前焦点的输入框会有光标在闪动，但是不是很明显。经常使用的样式有：

①给当前输入框设置其他颜色的边框、背景色、阴影；

②获取和失去焦点的时候有个小动画，底部边框从中点向两侧变长、变色。

3.处理输入框。

①自定义删除按钮，当用户想清除已输入的文本时，不需要连续点击退格，一键删除。

②密码框输入内容可见/隐藏

用户很懒。

4.尽量适当增大点击事件的可触发区域。

这个主要体现在移动端，因为屏幕尺寸的和用户手指大小等原因，某些点击对象设置较小就容易不触发或者触发错误。所以，在不影响其他区域的情况下，尽量适当的扩大可触发区域。

5.左右滑动事件。

多个tab菜单并排的时候，考虑设计左右滑动切换菜单。因为在单手持手机的情况下（喜欢单手持手机的人群接近半数），一般是只使用大拇指操作屏幕，这样就会形成手机屏幕上的热点区域：

主要进行的事件有点击、双击、长按、左滑、右滑等等。点击就不考虑了，菜单可能在顶部，热点区域不能覆盖。所以菜单切换主要考虑左滑右滑事件。

这个还可以用来考虑是否利用右滑事件返回上一级页面。

参考链接：http://www.woshipm.com/pd/112312.html。

还是用户懒。

6.虚拟自定义键盘

这个是自己模拟出手机键盘。主要用作安全性输入方面。如：

好处主要有：

①安全性。不能监听系统键盘的输入事件，从而获取不了输入内容。

②输入校验。输入的内容不会有杂七杂八的东西如空格、符号等，省去校验输入内容合法的逻辑。

③操作负担。不需要用户切换系统输入法格式和模式，直接就能输入。

7.反馈信息

在用户交互的时候，给出提示性的内容。如：

①触发事件中。例如点击事件，点击的时候有一个阴影效果，让用户知道触发了那个对象。

②触发事件后。一般这个分为两种情况考虑吧，一个是处理相关逻辑时，一个是得到处理结果。

例如，提交某个信息的时候，在发起请求和得到请求结果前，有一个提示信息，告诉用户程序正在处理相关事件，而不是假死状态。在得到结果后，不管成功失败，都会有相关提示告诉用户处理结果并进行后续操作。

并不是越多的提示就越好，需要考虑是否有必要添加提示，而且提示的形式不要太死板、单一，可以有弹框、文字、动画等等。

总之，你越替用户考虑的多，用户越觉得你友好、人性。

8.授权信息

手机中有好多需要用户授权的行为，如获取相册、位置等。这些行为最好能在需要的时候去申请获取，而不是进入程序就申请，这样会造成用户反感，从而增大拒绝授权的可能性。

较好的做法是，如我想获取地理位置，进入该页面时提示用户授权，用户可能会在即将要使用前也拒绝授权。在用户拒绝后，我们可以提示用户，我需要这个授权，进行怎样怎样的操作，否则怎样怎样。这样是比较友好的。有些程序在设计上不考虑用户拒绝的情况，拒绝就拒绝了，导致后续的相关逻辑不能正常进行。

个人记录，有误请指出，谢谢！