我的地盘我做主# 我们可以对一系列用...
采集 评论
sugar·kaly从一兜梦
转采于2017-06-26 14:21:15
我的地盘我做主#
我们可以对一系列用户行为提供建议，对可能造成严重后果的行为发出警告，但不应该替用户做决定。好的设计会在让用户主导和避免不想要的结果中找到平衡。
用户已经习惯于掌控他们自己的 APP 的使用体验。甚至有部分用户开始追求定制化的体验和切合自己需求的 APP。所以，保留用户选择的空间，即使是再小的选项都给予他们选择的权利，比如通知系统的开关
移动端视觉规范
sugar·kaly
反例示意# 正确 错误 多个主按钮 一个页面中设置了多个主行动按钮，操作没有主次，让用户无从选择。
高效贴心 - Ant Design-转移注意力# 转移注意力是减轻等待的负面影响的常用手段。其实，在现实生活中我们就尝试使用转移注意力的方法。比如：一些服务较好的饭店，在客人排队等待就餐的时候提供各种小吃和休闲游戏，客人有好吃的、好玩的就完全忘记了等待的烦恼。 这种方式在应用的设计中也同样管用。
简单清晰 - Ant Design-一个页面只做一件事情# APP 的一个页面能展示的信息非常的有限。手机的使用环境还非常不稳定，如：走路、坐车，这进一步限制了一个页面信息量。一个页面最好能突出一个重点，让用户快速理解和完成任务。避免页面上出现其它与用户的决策和操作无关的干扰因素。 支付宝里很多产品都是以任务为导向的，帮助用户达成某个确定的任务目标，如：转账、缴费等。在任务导向类的页面中，这个原则显得尤为重要，因为我们希望用户可以专注而且快速地完成当前任务。
一次点击# 产品在使用过程中经常会有一些多余的点击，对于用户而言，这些不必要的操作都是附加工作。附加工作消耗用户的精力，但是不直接实现用户的目标。消除附加工作，可以提升操作效率，改善产品的可用性。交互设计师应该对产品中附加工作高度敏感，才能把产品设计得更高效。
一秒钟等待# 减少等待、稳定快捷，才能帮你留住用户。许多研究都表明，用户能够忍受的最长等待时间的中位数，在 6～8 秒之间。这就是说，8 秒是一个临界值，如果你的页面打开速度过慢，等待 8 秒以上，大部分用户会离你而去。
导航明确
安全可控 - Ant Design-二次确认# 为了让用户感觉到是他们在控制，应用应该使用熟悉且可预知的交互元素。同时，在用户进行具有破坏性的操作行为的时候，提供二次确认，避免造成不可挽回的损失。
输入提示# 要求用户输入敏感信息的时候，明确告知用户信息的用途，消除用户的顾虑。
展示权威# 如果你服务提供方是传统的渠道非常有权威，在线上还不是广为人知。那么为了快速赢得用户的信任，打消顾虑，你可以向用户展示已有的权威。
我的地盘我做主# 我们可以对一系列用户行为提供建议，对可能造成严重后果的行为发出警告，但不应该替用户做决定。好的设计会在让用户主导和避免不想要的结果中找到平衡。 用户已经习惯于掌控他们自己的 APP 的使用体验。甚至有部分用户开始追求定制化的体验和切合自己需求的 APP。所以，保留用户选择的空间，即使是再小的选项都给予他们选择的权利，比如通知系统的开关
颜色 - Ant Design-颜色 Alipay 拥有完整的色彩运用规范，以下就主要文字用色与背景等基本用色做说明。
字体 - Ant Design 字体 为确保移动终端的通用性，首选 PingFang SC 作为中文字体，以兼顾 Web 版和 Mobile 端。 字体大小与使用场景规范如下：
图标 - Ant Design 3、状态图标：主要用于结果页的状态显示。
图标 - Ant Design 图标 图标是图形界面中的重要组成部分，具有高度浓缩并快速传达、便于记忆的特性。为让用户能更容易辨识图标信息且达成图标设计的一致性，支付宝提供统一风格的 icon设计原则。 原则# 1、设计原则：需形状鲜明，将信息化繁为简；采用几何形状、设计对称、且一致的图标来进行设计。 2、系统图标设计原则： 圆角：广泛使用圆角，避免突兀和锯齿感。以放大 36x36px 尺寸的图标为例，线条结构 3px，外圆角弧度为 4px。
反例示意# 正确 错误 两个导航栏。 支付宝的框架内有一个默认的导航栏，开发者接入应用的时候还展示了页面自身的导航栏。造成两个导航栏叠加的状态，让用户产生迷惑和混乱。
Navigation 导航 - Ant Design NavBar 导航栏# 您的页面，需要通过嵌入支付宝的导航框架，然后再展示给用户的；支付宝导航栏直接继承于客户端，开发者无需亦不可以对其中的内容进行自定义。但开发者需要规定各个页面的跳转关系，让导航系统能够以合理的方式工作。 支付宝导航栏分为导航区域、标题区域以及操作区域。其中导航区控制程序页面进程。在 iOS 和 Android 展示有所不同，如右图所示： 导航区： 通常只有一个操作，即返回上一级界面。开发者只能定义其内容；当用户进入您的页面
Navigation 导航 - Ant Design SegmentedControl 分段控件# 分段控件一般出现页面的顶部或者页面中，让用户可以在页面内的不同内容之间快速切换。 突出显示当前选项，让用户知道所处的位置。 最多设置 5 个选项，超出的选项可以滑动展示。
Popover 浮出菜单# 浮出菜单显示了一组选项列表，一般用在导航栏的操作区扩展更多的操作选项。 定义 & 原则# 只作为导航栏右侧操作区的扩展面板，点击“更多”按钮以后，在当前位置的下方出现浮出菜单。 最多6个选项： 菜单的最大高度只能展示出6个选项，超出高度部分，菜单支持上下滑动； 带图标／不带图标： 您可以为每一个选项设计上传图标，或者每一个选项都不要图标。不可以某些选项有图标，某些选项没有图标
Navigation 导航 - Ant Design TabBar 标签栏# 标签栏在页面的底部，让用户可以在不同的页面之间快速切换。 定义 & 原则# 标签栏用来组织信息架构在一个层级的页面。它可以让您的应用信息层级更扁平，这样有利于用户探索到更多的内容。最多设置 5 个 Tab 标签，超过 5 个标签时候，最后一个用『更多』标签，在『更多』页面里展示更多的导航选项。 标签栏的图标和文字可以自定义，颜色不能做修改，用支付宝提供的标准链接色。 切换页面的时候要在当前页面切换，不能新开页面
Data Entry 数据录入 - Ant Design Checkbox 多选框# 多选控件让用户可以同时选择多个元素。 定义 & 原则# 多选控件一般出现在需要编辑的列表中，当用户选择完成以后统一对选中的元素进行编辑处理。多选分为选中和未选中两种状态。
该采集也在以下画板
加载更多
推荐给你的采集
该采集待公开
采集
l0XI4gBo晓风残月采集到皇室

7

l0XI4gBo晓风残月 采集到
皇室
采集
pinterest.com
罗菩堤rowe采集到【色谱】装修配色

#Coastal #Colors Fashionable Coastal Living R...

27

罗菩堤rowe 采集到
【色谱】装修配色
采集
mp.weixin.qq.com
菓仔fish采集到练习

【绘画参考】Hong SoonSang 的角色设定图（人物设计必学）

389

菓仔fish 采集到
练习
采集
海盐荔枝的夏日采集到动漫

动漫

62

海盐荔枝的夏日 采集到
动漫
该采集待公开
采集
behance.net
顺物荣枯采集到主题活动

夏日逃离/SUMMER MUSIC FESTIVAL : 夏日逃离音乐会 | Summer...

69

顺物荣枯 采集到
主题活动
采集
weibo.com
Lily名字十七画采集到场景素材

摄影 · 极简主义

445

Lily名字十七画 采集到
场景素材
采集
hidepink采集到素材–街景小场景

33

hidepink 采集到
素材–街景小场景
采集
pixiv.net
〃梦落雨`笑╰︶采集到二次元美图

しぶりん

215

〃梦落雨`笑╰︶ 采集到
二次元美图
采集
meigongyun.com
伊岚分享采集到png素材

冬日冷色调圣诞手绘花卉系列元素 Scandi Fest collection

335

伊岚分享 采集到
png素材
采集
xiachufang.com
Dora爱幻想采集到面包片

如何做超厚的沼三明治~详细tip！牛油果鸡蛋午餐肉三明治~

1151

Dora爱幻想 采集到
面包片
采集
静候好戏采集到人像

泽捻知

612

静候好戏 采集到
人像
采集
惜朝采集到绘画

206

惜朝 采集到
绘画
采集
melodySixi采集到祛湿

湿气-微营销海报

22

melodySixi 采集到
祛湿
采集
峰言风语采集到醉美身材

95

峰言风语 采集到
醉美身材
采集
alpha.wallhaven.cc
菇凉&采集到地产配图

General 1920x1080 Greece hotels mountain swim...

90

菇凉& 采集到
地产配图
采集
weibo.com
Lily名字十七画采集到场景素材

极简主义摄影。

362

Lily名字十七画 采集到
场景素材
采集
雨ˋ滴滴答答采集到二次元

420

雨ˋ滴滴答答 采集到
二次元