UI布局【转】
转载自:
https://www.cnblogs.com/wangdaijun/p/5519459.html
https://www.jianshu.com/p/f781c40df57c
Good UI 是一家研究用户体验的设计机构。我们知道成功的页面设计不仅有很高的转化率更便于用户使用,既能满足商业目标更能为用户带来良好的体验。
1. 用通栏布局代替多栏布局
2. 给用户些好处,别急着做生意
3. 整合相似的功能,去掉零碎的 UI 元素
4. 利用社会认同效应,别总是自吹自擂
5. 主要功能需要多次强化显示
6. 区分选中和可点击的状态,不要使用户困惑
7. 布局有层次有重点,而非简单罗列
8. 允许用户撤销操作而不是使用弹窗需要用户确认
9. 明确的告知用户适用人群而不是简单的面向所用用户
10. 简洁明了,直接了当
11. 页面上多使用对比的方法
12. 直接标出产地,别总单纯的讲历史
13. 使用简洁的表单
14. 把选项列出来而不是藏起来
15. 使用连续性的提示符,别让用户误以为页面到了终点
16. 功能专一而不是使用太多的链接
17. 提示体统状态
18. 在动作按钮上增加些吸引人的诱惑
19. 用直接操作来代替无数个菜单
20. 直接显示输入框可以省略一个页面
21. 用一些动效过度而不用立即显示变化
22. 循序渐进的引导用户而非生硬的要求用户注册
23. 试着减少线框,减少不必要的注意
24. 向用户展示功能上的便捷之处而不是泛泛的展示特性
25. 用户没有使用记录的时候要善于引导
26. 给出默认的选项而不需要用户选择
27. 保持一致性降低用户的学习成本
28. 自动补全一些数据,降低用户的操作负担
29. 尊重用户的使用习惯而不是创造新的规则
30. 提示用户如何规避风险,而不是总想着如何获利
31. 善于引导用户的视觉浏览线,而非单一布局
32. 将相关的条目分组,不要杂乱无章的排列
33. 采用及时校验而不是到最后才提示错误
34. 需要用户输入的格式宽松严格限定格式
35. 让用户有一些紧急的意识,别让用户拖得太久
36. 适当尝试饥饿营销
37. 帮助用户识别
38. 使用更大的点击区域
39. 增加加载的速度,别让用户等太久
40. 可以给用户提供一些快捷操作
41. 使用一些对比
42. 初始化的时候给用户一些激励
43. 循序渐进地引导用户,不要简单粗暴地直接呈现给用户
UI布局【转】的更多相关文章
- Duilib源码分析(五)UI布局—Layout与各子控件
接下来,继续分析duilib之UI布局Layout,目前提供的布局有:VerticalLayout.HorizontalLayout.TileLayout.TabLayout.ChildLayout分 ...
- iOS-屏幕适配-UI布局
iOS 屏幕适配:autoResizing autoLayout和sizeClass 一.图片解说 -------------------------------------------------- ...
- AppleWatch___学习笔记(二)UI布局和UI控件
1.UI布局 直接开发,你会发现Apple Watch并不支持AutoLayout,WatchKit里有个类叫做WKInterfaceGroup,乍一看像是UIView,但是这货其实是用来布局的.从 ...
- iOS开发~UI布局(三)深入理解autolayout
一.概要 通过对iOS8界面布局的学习和总结,发现autolayout才是主角,autolayout是iOS6引入的新特性,当时还粗浅的学习了下,可是没有真正应用到项目中.随着iOS设备尺寸逐渐碎片化 ...
- iOS开发~UI布局(二)storyboard中autolayout和size class的使用详解
一.概要:前一篇初步的描述了size class的概念,那么实际中如何使用呢,下面两个问题是我们一定会遇到的: 1.Xcode6中增加了size class,在storyboard中如何使用? 2.a ...
- iOS开发~UI布局(一)初探Size Class
随着iOS8系统的发布,一个全新的页面UI布局概念出现,这个新特性将颠覆包括iOS7及之前版本的UI布局方式,这个新特性就是Size Class.Size Class配合Auto Layout可以解决 ...
- WPF UI布局之概述
在线演示:http://v.youku.com/v_show/id_XNzA5NDk2Mjcy.html 清晰版视频+代码下载:http://115.com/lb/5lbeer0m9lad 一.简单介 ...
- iOS UI布局调试工具
查看ios软件的ui布局有三种: 1.DCIntrospect 这种方式是开源的,我从github上clone下来后运行demo,运行遇到了问题:Xcode cannot run using t ...
- WPF案例 (六) 动态切换UI布局
原文:WPF案例 (六) 动态切换UI布局 这个Wpf示例对同一个界面支持以ListView或者CardView的布局方式呈现界面,使用控件ItemsControl绑定数据源,使用DataTempla ...
- iOS8开发~UI布局(二)storyboard中autolayout和size class的使用具体解释
一.概要:前一篇初步的描写叙述了size class的概念,那么实际中怎样使用呢,以下两个问题是我们一定会遇到的: 1.Xcode6中添加了size class,在storyboard中怎样使用? 2 ...
随机推荐
- BZOJ 2119 股市的预测 (后缀数组+RMQ)
题目大意:求一个字符串中形如$ABA$的串的数量,其中$B$的长度是给定的 有点像[NOI2016]优秀的拆分这道题 先对序列打差分,然后离散,再正反跑$SA$,跑出$st$表 进入正题 $ABA$串 ...
- BZOJ 3282 Link Cut Tree (LCT)
题目大意:维护一个森林,支持边的断,连,修改某个点的权值,求树链所有点点权的异或和 洛谷P3690传送门 搞了一个下午终于明白了LCT的原理 #include <cstdio> #incl ...
- Spring Security中的MD5盐值加密
在 spring Security 文档中有这么一句话: "盐值的原理非常简单,就是先把密码和盐值指定的内容合并在一起,再使用md5对合并后的内容进行演算,这样一来,就算密码是一个很常见的字 ...
- apk去广告工具(利用apktool去除apk文件里的广告)
基本知识 apk安装包的文件结构 以知名桌面软件“LauncherPro”为例,apk安装包文件目录: 文件目录如下: - META-INF - res - anim - color - drawab ...
- Linux文件查找命令具体解释-which whereis find locate
原创BLog.转载请注明出处 http://blog.csdn.net/hello_hwc? viewmode=contents which命令 首先查看man which的说明 which - sh ...
- start_kernel——boot_cpu_init及PER_CPU
init/main.c /* * Activate the first processor. */ static void __init boot_cpu_init(void) { int cpu = ...
- Oracle_角色_权限具体说明
一.Oracle内置角色connect与resource的权限 grant connect,resource to user; CONNECT角色: --是授予终于用户的典型权利,最主要的 ALT ...
- 浅谈SaaS应用开发的难度
近期做SaaS应用的非常多,这样的模式是未来的一种趋势,这样的模式的最大优点就是云计算的优点--节约资源.网上有非常多人觉得SaaS非常easy,就是一个多用户租赁模式.这样的认识也不能说不正确.由于 ...
- Request的getParameter和getAttribute方法的差别
HttpServletRequest.getParameter("modelName");能取到想要的modelObject吗?经过測试之后.发现是不能的. 后来想想.其它道理挺简 ...
- MVVM 中 ViewModelBase和 CommandBase
public class ViewModelBase : INotifyPropertyChanged , IDisposable { public virtual string DisplayNam ...