“整个自然都是艺术,不过你不领悟;

一切偶然都是规定,只是你没看清;

一切不协,是你不理解的和谐;

一切局部的祸,乃是全体的福。

高傲可鄙,只因它不近情理。”

音乐喷泉

邀约相关记录

一,白名单邀约

接到邀请需求,白名单用户可邀请目标用户购买特定产品。因此这里的目标用户肯定是老用户且满足一定资格,而新用户则只能由此注册和申请资格。

因此产品经理在邀请人页面给出了两个按钮,一个用来邀请老用户,一个用来邀请新用户。

问题是,用户怎么会知道自己邀请的是老用户还是新用户呢?所以只能有一个按钮。在登录流程中再由系统判断新老用户的。


二,基金邀约

此页面用户是基金经理,邀请他人成功开户则得到绩效奖金,此处是邀请的相关记录。

对于基金经理而言,一方面关心有多少被邀请人已成功开户,关系到他的绩效,另一方面关心还有哪些用户已注册,但没有开户,这批用户他可以进一步跟进。

所以...

【直播笔记】用设计思维做增长——刘津

昨天听了交互设计刘津老师的直播课程。确实工作中存在缺乏反馈的问题,做得好不好似乎都没有什么区别,与业务绩效的联系并不直观。


改善主要有以下两点:

1.需要明确的反馈 --> 量化的业务相关指标 & 实验的思维

2.需要高效复现 --> 一体化组件库


指标的确定是来源于北极星指标,该指标应当与业务增长紧密相关。

需要提前沟通了解确定好实验假设,需要通过分解与AB测试来控制实验的变量。

分解需要对应产品的生命周期尝试实验。

建立交互UI前端一体组件库,同类用户群复用设计规范。


逻辑:北极...

Bubble Whale ..

【翻译】Salesforce Design Guideline(五)——Navigation

导航样式帮助用户在不同页面间跳转,并了解自己的位置。

·标签导航Tabs

基于功能和用例将信息拆分为有逻辑的各部分。

用户可在不离开页面的情况下,轻松在tab页签之间切换来完成工作。依据最重要的用例设计一个tab的默认模板。每个部分的tabs定义的功能是各不相同的,所以不要使用tab来定义直线式安排好的的流程。

tab的名称应该保持一致性,例如都用名词或都用动词。

如果tabs不适合放在垂直空间内, place the tabs that don’t fit into an overflow menu that sits in the last tab position...

【翻译】Salesforce Design Guideline(四)——Search

用户对搜索的期待是快速、智能和简单的。通过全局搜索global search,用户可以键入简单的关键词来找到记录和应用,或使用高级搜索。


一,默认状态 default state

全局搜索位于app顶部,很容易找到。


·占位文字  让用户了解可能得到的结果类型。




二,选中状态 Focus

用户点击输入框是,使用下拉列表展示最常用的记录和应用。

每个项目都会展示对象图标,记录名称和对象名称。




三,即时结果 Instant Results

用户输入时,不用点回车或进行完全搜索就能即时展示五个最佳结果。

二级区域或解疑区域提...

【翻译】Salesforce Design Guideline(三)——Messaging

一,消息概述

1.总体规范

高效的消息提示能增强系统的可信度,提供相关信息和为用户创造愉悦。


如何在Y发生时为X设计合适的消息呢?

·依据用户与应用的交互来选择合适的消息类型(?)


·选择合适的消息控件,基于:在用户行为流中和UI的背景下是有意义的;有合适的重要性层级

·选择合适的消息状态


2.原则
·适时 Timely,不要打扰用户

在合适的时间推送消息,而不是每个交互动作都提示

·提供有用信息 Necessary,不要啰嗦

仅说明必要内容

·可操作 Actionable,不要...

Salesforce design guidelines(二)——Layout & Loading

一,布局Layout

在选择布局时需注意以下原则:

·了解用户用例。理解页面包含的信息。

·对内容优先级进行排序。将最重要的信息凸显出来。

·将相关内容放在一起。提高用户使用效率。


1.记录型布局

由页面头部 page header、主要内容区 main content area和侧边导航sidebar组成。

页面头部穿透整个可视区域。用户滚动时,这一面板固定不动以提供固定背景,但会收缩以留出更多纵向空间(?)but it shrinks to preserve vertical real estate。

主要内容区占据2/3的可视...

【翻译】Salesforce design guidelines(一)​

Overview / Animation / Data Entry / Displaying Data

一,整体原则

清晰clarify ——减少模糊,让用户自信理解自信使用

效率efficiency ——简化优化工作流

一致consistency 

美beauty 


二,动画

动态界面有助于减轻用户心理负荷,减少视觉盲点;有助于表达内容层次和空间关系;提供一致的体验;也帮助有一定认知障碍的用户。

1.时间栅格:计量单位为100ms=1/10s。尽可能短时间完成动画,遵循贝塞尔曲线以提供物理和质量感。

2.效果:动画的变化和微交互会体现出品牌...

© 鸥米 | Powered by LOFTER