什么才是好的设计
今天为大家分享一些Good UI 在一些项目中获取的设计以及运营策略等方面的经验。
这是本人收藏了很久的干货,最近开始做网站产品,又把它翻出来了。
Good UI是一家研究用户体验的设计机构。我们知道成功的页面设计不仅有很高的转化率更便于用户使用,既能满足商业目标更能为用户带来良好的体验。
1. 用通栏布局代替多栏布局
![](https://img.haomeiwen.com/i112875/5afd2778ce76d707.png)
2. 给用户些好处,别急着做生意
![](https://img.haomeiwen.com/i112875/431b5405eecae147.png)
3. 整合相似的功能,去掉零碎的UI元素
![](https://img.haomeiwen.com/i112875/c369c69f554f0993.png)
4.利用社会认同效应,别总是自吹自擂
![](https://img.haomeiwen.com/i112875/016aa9ed6f554556.png)
5.主要功能需要多次强化显示
![](https://img.haomeiwen.com/i112875/1850b3d43beaf125.png)
6.区分选中和可点击的状态,不要使用户困惑
![](https://img.haomeiwen.com/i112875/c03db08d41564c6b.png)
7.布局有层次有重点,而非简单罗列
![](https://img.haomeiwen.com/i112875/d50972937b587fd3.png)
8. 允许用户撤销操作而不是使用弹窗需要用户确认
![](https://img.haomeiwen.com/i112875/a071a573cf7aa190.png)
9. 明确的告知用户适用人群而不是简单的面向所用用户
![](https://img.haomeiwen.com/i112875/dfea678473777a89.png)
10.简洁明了,直接了当
![](https://img.haomeiwen.com/i112875/8c9937665260dbb4.png)
11.页面上多使用对比的方法
![](https://img.haomeiwen.com/i112875/338545b114a71463.png)
12.直接标出产地,别总单纯的讲历史
![](https://img.haomeiwen.com/i112875/9d85b195336e6009.png)
13.使用简洁的表单
![](https://img.haomeiwen.com/i112875/debf628ddf4ac2e4.png)
14.把选项列出来而不是藏起来
![](https://img.haomeiwen.com/i112875/96c1060df636213c.png)
15.使用连续性的提示符,别让用户误以为页面到了终点
![](https://img.haomeiwen.com/i112875/30d35a86725ea9a8.png)
16.功能专一而不是使用太多的链接
![](https://img.haomeiwen.com/i112875/1bbeee13c2411f2d.png)
17.提示体统状态
![](https://img.haomeiwen.com/i112875/323d5c8a49961277.png)
18. 在动作按钮上增加些吸引人的诱惑
![](https://img.haomeiwen.com/i112875/24726bef0e04d516.png)
19.用直接操作来代替无数个菜单
![](https://img.haomeiwen.com/i112875/43857b819101a209.png)
20.直接显示输入框可以省略一个页面
![](https://img.haomeiwen.com/i112875/8b35742613b2a8cc.png)
21. 用一些动效过度而不用立即显示变化
![](https://img.haomeiwen.com/i112875/f424b1598ae85f90.png)
22. 循序渐进的引导用户而非生硬的要求用户注册
![](https://img.haomeiwen.com/i112875/b3dfbd894141b879.png)
23.试着减少线框,减少不必要的注意
![](https://img.haomeiwen.com/i112875/3fd1c38c388e9c09.png)
24.向用户展示功能上的便捷之处而不是泛泛的展示特性
![](https://img.haomeiwen.com/i112875/67c26c026711419f.png)
25. 用户没有使用记录的时候要善于引导
![](https://img.haomeiwen.com/i112875/76cf5613b5b20095.png)
26. 给出默认的选项而不需要用户选择
![](https://img.haomeiwen.com/i112875/8130eebe94f622fb.png)
27.保持一致性降低用户的学习成本
![](https://img.haomeiwen.com/i112875/eca20747cce3f5d5.png)
28. 自动补全一些数据,降低用户的操作负担
![](https://img.haomeiwen.com/i112875/a1607392a3fedc92.png)
29. 尊重用户的使用习惯而不是创造新的规则
![](https://img.haomeiwen.com/i112875/9dbf15cd8d2c6709.png)
30. 提示用户如何规避风险,而不是总想着如何获利
![](https://img.haomeiwen.com/i112875/737ad07c97f7270d.png)
31. 善于引导用户的视觉浏览线,而非单一布局
![](https://img.haomeiwen.com/i112875/a37216d8e0308888.png)
32. 将相关的条目分组,不要杂乱无章的排列
![](https://img.haomeiwen.com/i112875/f3961261f4a270e9.png)
33.采用及时校验而不是到最后才提示错误
![](https://img.haomeiwen.com/i112875/114b4078fcc27476.png)
34.需要用户输入的格式宽松严格限定格式
![](https://img.haomeiwen.com/i112875/e13b850b7ef78768.png)
35.让用户有一些紧急的意识,别让用户拖得太久
![](https://img.haomeiwen.com/i112875/915e013311d70265.png)
36. 适当尝试饥饿营销
![](https://img.haomeiwen.com/i112875/a9db8e4c210eaf91.png)
37. 帮助用户识别
![](https://img.haomeiwen.com/i112875/482dc7ce70fc2cc9.png)
38. 使用更大的点击区域
![](https://img.haomeiwen.com/i112875/9b385ee40648116b.png)
39. 增加加载的速度,别让用户等太久
![](https://img.haomeiwen.com/i112875/d37074a7d71e069d.png)
40. 可以给用户提供一些快捷操作
![](https://img.haomeiwen.com/i112875/2f60074826c1404c.png)
41. 使用一些对比
![](https://img.haomeiwen.com/i112875/bc3ca0cbedc0e59d.png)
42. 初始化的时候给用户一些激励
![](https://img.haomeiwen.com/i112875/b6f02fbde4b5c2d0.png)
43.循序渐进地引导用户,不要简单粗暴地直接呈现给用户
![](https://img.haomeiwen.com/i112875/820074a7d89deeb0.png)
![](https://img.haomeiwen.com/i112875/f5f8175bcc7c21e0.png)