亲爱的随友们: 今天,是随手记App和大家相伴的第3213天,也是新版 V12 和大家见面的第1天。8年来第一次全新升级,很高兴能和你们一起见证。未来,也请多多指教。 以下是随手记的产品经理和设计师想借着这次改版的机会跟大家分享改版的设计思路,来看看他们怎么说,大家有什么意见也可以在评论区或者在意见反馈中告诉我们哦~ 如果觉得随手记V12还不够完美,想用以前的版本,也可以这样做哦: 首页右下角 设置 → 兼容功能 → 新旧版界面风格切换 献给热爱记账的你 生活需要一点仪式感。 有人每天早上一定要喝一杯咖啡, 有人每天睡前一定要写两句日记, 也有人每天都把挣到的和花过的每一分钱记录下来 …… 在快节奏的时代,微信、支付宝扫一扫就完成付款,在大众点评、淘宝动动手指就能解决三餐、完成购物。 移动支付把生活中的花销从实实在在的钱变成了一串变动的数字,很多时候我们对花钱没有了概念,甚至,想不起来把钱花在了哪里。 这时,需要消费后的用心记账,提高自己对钱的敏感度。 这次随手记的改版,也是因为这个原因,希望热爱记账的你梳理财务状况的时候可以沉浸在随手记这个”工作台“: 我们将账本选择入口整合至首页顶部导航栏,让账本切换的引导更合理。100种情景账本自由切换,满足你不同时期的需要; 流水、图表、账户等常用功能入口放置于首页顶部、底部工具栏,让你更直接更快捷地触达不同的财务功能; 记一笔置于底部导航栏,中间内容条目更为明晰,每一条流水按金额和时间排序,你可以更专注的看账、看统计,梳理财务。 除此之外,还优化了批量编辑功能,流水分类可以批量复制到其他账本中,省心又省力。 在界面视觉方面,也一改大面积的橙黄色,色彩整体表现为轻的感觉,更加的简洁,严谨,中性,更符合功能性和现代感的要求。 希望这次改版你会喜欢,也期待多给我们提意见,愿你在随手记中找到属于自己的生活仪式感。 改版的初衷,以及我们都做了什么 在过去的八年里,随手记作为移动记账时代的开创者,先后推出 “记一笔”、情景账本、多人记账等耳目一新的功能,截至目前累计下载用户超过2.2亿,据权威数据显示,随手记在活跃用户规模、用户使用时长方面稳居记账理财行业第一位。 终端设备的换代,对界面设计的要求也在不断的进化,为了给大家提供更好的操作体验和全新的视觉感官,我们对随手记进行了全新升级。 根据产品属性,我们围绕 “回归工具属性、专业可感知、繁与简的平衡” 三个维度,对部分功能进行了重构优化,对视觉进行了全面的刷新。 维度1:回归工具属性 工具栏作为工具属性的特征元素,在V12中被明确与强调,便于用户操作,快速定位功能,从而更好地进行财务分析,实现财务管理。 首页顶部整合了账本选择入口和支持用户自定义的功能入口,形成顶部导航栏,让账本切换的引导更合理,快捷入口配置更具扩展性和灵活性;流水等页顶部也将各功能入口整合到导航栏上,和首页形成呼应的同时,页面层级结构也更统一;不减功能的前提下通过整理组织,增强模块清晰度,能够更直接更快捷的触达功能。 优化列表层级结构,让层级更凸显,内容条目更清晰。通过有效的排版组织,多种分割形式的合理运用,形成具有强扩展性、统一化、标准化的多维度、多层级流水列表。 维度2:专业可感知
在产品自身特色方面,随手记源于金蝶,拥有专业的财务知识与财务管理经验。之前的版本在主题和用户自定义等情感化功能获得用户认可的同时,专业感知有所减弱,加之财务分析功能隐藏得较深,而这次 V12 改版,旨在加强用户对于产品的专业感知,并把专业的财务分析等用户需要的功能,放在第一时间可触达的地方,方便使用。 维度3:繁与简的平衡 专业、强大的工具总不是那么简单的,甚至是繁琐的,易用、美观的应用通常却又是简约的。但只要做到繁简有度,分场景把控好繁简的度,就能将两者平衡好。 将形式融于功能,不为形式简而简功能。去除冗余之后再用化繁为简的设计语言,将强大的各功能模块进行整合,使之相得益彰。不畏“繁”,通过设计的解构重构,赋予界面相对的,而非绝对的“简”。不因为功能的专业、全面、有深度而选择浅尝或进行勉强的删减。 设计呈现 在改版设计过程中,设计形式始终贴合功能,不盲目去追逐流行的样式。结合经典又不被流行束缚,就能拥有更大的表现弹性,在更广的视觉域中选取与功能相应的表达方式。 我们不把酷炫亦作为设计的目标,而是选择符合产品基调的设计方向进行输出。适合,是我们考虑的首要条件。基于此,我们从颜色、字体等基本要素出发,去呈现最佳的、最合适的视觉效果。 1. 颜色 在色彩的选择方面,我们避免使用较为高纯度的撞色组合,尽量做到色彩更轻,保持专业严谨的感知。 2. 字体 使用系统常规的无衬线黑体相对有衬线字体及各类异体字,更加的简洁,严谨,中性,更符合功能性和现代感的要求。也避免因为加载过大的中文字体包使应用本身体量过大。 3. 质感 V12 中我们不排斥也不滥用质感,将其控制在一定的范围内,在平衡效率的前提下来引导、暗示操作,突出重点划分空间与层次,遵循自然的逻辑。使用一定的材质营造氛围,有效打破工具界面的单调感,符合专业,不激进,信任的感知。 4. 形状 图标为规则图形的组合,保证严谨专业的感知,避免随性的绘画式线条产生的随意和不稳定感。卡片则为方正的小圆角矩形,严肃而不呆板。 5. 图文率 图在界面中的占比过大,会显得娱乐化,个性化,降低专业感和严谨性。在工具性的,专业严谨的页面需要将图文率控制在较小的范围。 6. 内容量 在内容量的控制上,合理规划元素在页面上的分布,通过丰富的内容给人更强的信任感和专业感。避免出现过页面过大的负空间造成空洞、功能性较弱等感知。 写在最后… V12 新版上线前,在 iPhone 和 Android 都经过了一个月左右的内测,在搜集到的内测反馈中,绝大部分测试用户对于这次改版设计是认可的,这更坚定了我们沿着V12既定方向继续优化下去的信心。也期待多听到大家的建议和意见,大家的支持,是我们变好的动力。 |