卡片-功能入口设计
上海/学生/4年前/959浏览
版权
卡片-功能入口设计
小需求,大门道
上海疫情严重,打工人在家办公,做需求(改稿!!!)到心力交瘁教训总结。
用一个小小的功能入口设计举例,怎样用设计去应付需求变动~
需求如下:
背景:在A股动荡市场的行情下,需要在app内新增【热门精选】的模块
功能:主要为用户提供“定期理财、固收、定投”对便捷入口
目的:鼓励用户在面对艰难行情主动配置一些低风险、稳回报产品,做好资产配置,稳定投资情绪、提升投资体验。
准备工作:
在拿到并理解需求之后,距离打开sketch页面的设计输出,还有两个关键步骤:A-竞品分析,B-原型分析
步骤一:竞品分析(注意分析后输出结论)
步骤二:原型分析(在原型不合理的情况下,需要对布局功能作出优化)
开始设计:
制定相关设计规范(颜色、图标盒子),并制作相关元素
第一稿:常规样式
第二稿:强弱层级
第三稿:3个入口
第四稿:动作引导
第五稿:视觉拔高
第六稿:模块增添氛围
总结:
1、卡片无特殊要求,图标+主副文案的常规样式展示即可满足需求
2、针对两个入口由强弱层级区分时,可善用标签、tag
3、功能增多,排版优化(比如直接罗列,略微露出第三块配合滑动交互展示)
4、在点击数据惨淡,可以增加按钮引导
5、增强运营属性时,可以增大颜色卡片面积+丰富装饰元素,吸引用户注意力
6、增强模块氛围性时,可以用颜色头部、特殊模块字体,产品外露信息等手段丰富模块
希望对大家有所帮助,我是symeon,下期见
18
举报
声明
39
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
18登录即可同步推荐记录哦
39登录即可加入我的收藏
评论登录即可评论想法
分享分享





















































































