看作品
AI资产
AI资产
AI设计
AI设计
学课程
找工作
找设计师
找素材
登录
注册
1.5.6
完了,我一个UI设计师,一遇到交互问题就紧张,老板能不能不给我这样的需求!
菜心轻量文
深圳
/
学生
/
160天前
/
1992浏览
版权
私信
关注
完了,我一个UI设计师,一遇到交互问题就紧张,老板能不能不给我这样的需求!
菜心轻量文
关注
这次我们遇到的案例是买火车票千钧一发拼手速的时刻,来看看优化前的页面:
收藏
我们通过梳理信息,交互减步长,使用户一目了然快速作出选择,来看看优化后的页面:
收藏
体验篇
知识点1:功能聚焦
优化前有一个体验上的BUG——无法一键预定多程的火车票,这是我们首要要解决的问题:
收藏
仔细分析所有信息,可以归类为三个板块:
1. 信息展示(班次信息)
收藏
2. 选择项(选择坐席)
收藏
3. 转化项(预定按钮)
收藏
我们可以按照分类的思路将信息重组,分为三个板块展示而不是集中在一起。
优化前用户需要分别预定车票,优化后用户可以集中预定车票。信息重组后逻辑通顺,屏效提升:
收藏
知识点2 排版
接下来是基本功向的调整
- 文字层级
我们可以通过文字的大小,字重,颜色来拉开文字层级,增加阅读的舒适度:
收藏
- 按钮层级
我们还可以加大选择坐席按钮的面积,使之更方便点击。另外,为了和转化项预定按钮拉开层级,我们需要将选座按钮的颜色降噪:
收藏
视觉篇
知识点1:卡片异形
借鉴纸质的火车票轮廓,我们可以将班次卡片异形化处理,给页面带来一些趣味性:
收藏
知识点2:加头图
增加一个头部图片可以使页面更具主题感:
收藏
最后,让我们来看看优化前后对比:
收藏
当你在下次实践中遇到信息多的案例时,别慌张,先对信息分类,再提升视觉体验。优化信息量多的页面也没有那么难。
54
举报
|
声明
27
分享
原创文章
UI
平面
相关推荐
换一换
千万别点进来看,这种AI过程让你看到了,你有可能会超越我!
43
菜心轻量文
拿到面试题,我傻眼了,让我做光影视觉,我没练过啊!
32
菜心轻量文
其实你的作品已经很好了,就差一点点比例,3年了,你却没有发现!
36
菜心轻量文
时隔5年我又去面试了,面试管问我,你的作品目标是什么?我直接语塞了!
47
菜心轻量文
一个资产中心界面,能有这么多细节,确实能看出来大厂设计师的功底!
47
菜心轻量文
关注
ui
7
隔壁的王叔叔
疯传 1300+次!这套葱鸡 IP 设计我藏了半年的野路子全公开,学会直接接单
57
菜心轻量文
个人中心页面我做的最多,今天接到这个需求,我直接乐坏了!
34
菜心轻量文
老板说一个基础弹窗我都做不好,明天走人吧,我没理他!
44
菜心轻量文
真没想到,一个简单的界面里面有20多个细节!
39
菜心轻量文
会员精选
psd大图免费下载
464
全能大婶10万粉
推广
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
换一换
绿联百校行-驭电守护
392
多余不多余
AIGC——不是所有超广角,都会更有冲击力
531
AICG的小卡拉米
IP设计|最后的乐章
152
冰菓Cream
AIGC——模特图的真实感到底该怎么靠关键词控制
402
AICG的小卡拉米
Soutr Bake烘焙和咖啡品牌设计
142
不知名商店
零点记忆枕头品牌视觉全案 | 东莞锐图摄影
225
东莞锐图摄影
相关收藏夹
换一换
关注
ui
7
隔壁的王叔叔
关注
极-UI参考
2
炼虚师
关注
UI
干到凌晨
关注
设计技巧
Ayling
关注
常识
wenwentianxia1
关注
产品设计提案
39
ahaaha5464
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
#设计
#设计
设计
#设计
设计’
设计
a设计
以设计
、设计
设计的
及设计
把设计
it设计
AS设计
it设计是
by设计
设计in
in设计
是也设计
设计、
设计
#设计#
@设计
an设计
设计
🤮设计
设计还
设计‘’
设计及
在设计
is设计
设计‘
的设计
设计
设计。
#设计
if设计
比设计
登录注册
54
登录即可同步推荐记录哦
27
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享