看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
完了,我一个UI设计师,一遇到交互问题就紧张,老板能不能不给我这样的需求!
菜心轻量文
深圳
/
学生
/
213天前
/
2082浏览
版权
私信
关注
完了,我一个UI设计师,一遇到交互问题就紧张,老板能不能不给我这样的需求!
菜心轻量文
关注
这次我们遇到的案例是买火车票千钧一发拼手速的时刻,来看看优化前的页面:
收藏
我们通过梳理信息,交互减步长,使用户一目了然快速作出选择,来看看优化后的页面:
收藏
体验篇
知识点1:功能聚焦
优化前有一个体验上的BUG——无法一键预定多程的火车票,这是我们首要要解决的问题:
收藏
仔细分析所有信息,可以归类为三个板块:
1. 信息展示(班次信息)
收藏
2. 选择项(选择坐席)
收藏
3. 转化项(预定按钮)
收藏
我们可以按照分类的思路将信息重组,分为三个板块展示而不是集中在一起。
优化前用户需要分别预定车票,优化后用户可以集中预定车票。信息重组后逻辑通顺,屏效提升:
收藏
知识点2 排版
接下来是基本功向的调整
- 文字层级
我们可以通过文字的大小,字重,颜色来拉开文字层级,增加阅读的舒适度:
收藏
- 按钮层级
我们还可以加大选择坐席按钮的面积,使之更方便点击。另外,为了和转化项预定按钮拉开层级,我们需要将选座按钮的颜色降噪:
收藏
视觉篇
知识点1:卡片异形
借鉴纸质的火车票轮廓,我们可以将班次卡片异形化处理,给页面带来一些趣味性:
收藏
知识点2:加头图
增加一个头部图片可以使页面更具主题感:
收藏
最后,让我们来看看优化前后对比:
收藏
当你在下次实践中遇到信息多的案例时,别慌张,先对信息分类,再提升视觉体验。优化信息量多的页面也没有那么难。
56
举报
|
声明
29
分享
原创文章
UI
平面
相关推荐
换一换
100块一张界面,还要我有设计亮点,你们遇到过没?
343
菜心轻量文
会员精选
🌾农业智慧大屏UI设计
20
轻妙设计
推广
我要转行吗?我看一个实习生用ai几分钟就做一个海报,效果还不错,我迷茫了!
42
菜心轻量文
千万别点进来看,这种AI过程让你看到了,你有可能会超越我!
59
菜心轻量文
拿到面试题,我傻眼了,让我做光影视觉,我没练过啊!
40
菜心轻量文
关注
ui
7
隔壁的王叔叔
其实你的作品已经很好了,就差一点点比例,3年了,你却没有发现!
43
菜心轻量文
时隔5年我又去面试了,面试管问我,你的作品目标是什么?我直接语塞了!
55
菜心轻量文
一个资产中心界面,能有这么多细节,确实能看出来大厂设计师的功底!
48
菜心轻量文
疯传 1300+次!这套葱鸡 IP 设计我藏了半年的野路子全公开,学会直接接单
68
菜心轻量文
个人中心页面我做的最多,今天接到这个需求,我直接乐坏了!
36
菜心轻量文
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
换一换
品牌 | 包装 | 咖啡面包 | MELLOW
422
粗盐巴拉拉
2026深圳文博会论坛AI视觉制作《冷门绝学是什么》
229
墨菲蜥蜴M_Lizard
爪财进宝
277
didaso
Kiseki Curd
107
草没味啊
八马茶业2026年端午礼盒-产品包装设计
183
未知物设计
AI动效辅助行业营销设计
253
快手电商设计中心
相关收藏夹
换一换
关注
ui
7
隔壁的王叔叔
关注
极-UI参考
2
炼虚师
关注
思路
百千理奇
关注
反复看
vcnic
关注
UI
干到凌晨
关注
设计技巧
Ayling
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
设计】
设计
设计、
设计
#设计#
设计‘
设计
设计。
#设计
if设计
设计,
设计
#设计
#设计
设计#
#设计
设计
设计’
以设计
设计in
in设计
AS设计
it设计是
by设计
a设计
it设计
把设计
设计.
、设计
设计的
及设计
设计
🤮设计
设计还
设计‘’
设计及
在设计
is设计
登录注册
56
登录即可同步推荐记录哦
29
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享