看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
完了,我一个UI设计师,一遇到交互问题就紧张,老板能不能不给我这样的需求!
菜心轻量文
深圳
/
学生
/
313天前
/
2171浏览
版权
私信
关注
完了,我一个UI设计师,一遇到交互问题就紧张,老板能不能不给我这样的需求!
菜心轻量文
关注
这次我们遇到的案例是买火车票千钧一发拼手速的时刻,来看看优化前的页面:
收藏
我们通过梳理信息,交互减步长,使用户一目了然快速作出选择,来看看优化后的页面:
收藏
体验篇
知识点1:功能聚焦
优化前有一个体验上的BUG——无法一键预定多程的火车票,这是我们首要要解决的问题:
收藏
仔细分析所有信息,可以归类为三个板块:
1. 信息展示(班次信息)
收藏
2. 选择项(选择坐席)
收藏
3. 转化项(预定按钮)
收藏
我们可以按照分类的思路将信息重组,分为三个板块展示而不是集中在一起。
优化前用户需要分别预定车票,优化后用户可以集中预定车票。信息重组后逻辑通顺,屏效提升:
收藏
知识点2 排版
接下来是基本功向的调整
- 文字层级
我们可以通过文字的大小,字重,颜色来拉开文字层级,增加阅读的舒适度:
收藏
- 按钮层级
我们还可以加大选择坐席按钮的面积,使之更方便点击。另外,为了和转化项预定按钮拉开层级,我们需要将选座按钮的颜色降噪:
收藏
视觉篇
知识点1:卡片异形
借鉴纸质的火车票轮廓,我们可以将班次卡片异形化处理,给页面带来一些趣味性:
收藏
知识点2:加头图
增加一个头部图片可以使页面更具主题感:
收藏
最后,让我们来看看优化前后对比:
收藏
当你在下次实践中遇到信息多的案例时,别慌张,先对信息分类,再提升视觉体验。优化信息量多的页面也没有那么难。
60
举报
|
声明
33
分享
原创文章
UI
平面
相关推荐
换一换
这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!
478
菜心轻量文
有人说我的任务完成页太普通了,我优化了,你看看能行不!
34
菜心轻量文
以后作品集展示改版项目,别这么放了,不然没人会回复你的!
746
菜心轻量文
老板说我做的设计平淡不出彩,还让总监教我几种创意方式,我悟了!
62
菜心轻量文
用了3年AI,终于知道怎么去掉AI味!!!
75
菜心轻量文
关注
ui
7
隔壁的王叔叔
会员精选
手写字 ·《滚石金曲》
211
字言其说
推广
真没想到,我一个没有绘画基础的设计师,今天也能做这种海报!
81
菜心轻量文
我要转行吗?我看一个实习生用ai几分钟就做一个海报,效果还不错,我迷茫了!
52
菜心轻量文
千万别点进来看,这种AI过程让你看到了,你有可能会超越我!
67
菜心轻量文
拿到面试题,我傻眼了,让我做光影视觉,我没练过啊!
46
菜心轻量文
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
换一换
五行赓续 薪火相传
221
万鱼鱼
CHINA DAILY《中国日报》头版插画更新
212
吴和平Luo
闪猴x菜心设计铺
144
菜心设计铺
CC产品官网设计
206
FCC_Lucas
LAMY|Zootopia疯狂动物城礼盒
130
奇舫社
1
我把自己缩小10倍❗探索了5种Kling 4.0玩法
232
黑脸木木AIGC
相关收藏夹
换一换
关注
ui
7
隔壁的王叔叔
关注
极-UI参考
2
炼虚师
关注
2026 参考
Z260897763
关注
思路
百千理奇
关注
反复看
vcnic
关注
UI
干到凌晨
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
设计in
in设计
it设计
AS设计
by设计
a设计
、设计
设计、
设计
#设计#
设计‘’
is设计
设计‘
设计
设计。
#设计
if设计
设计】
设计,
设计
@设计
an设计
设计
🤮设计
设计 、
设计/
设计|
设计.
设计
#设计
#设计
#设计
设计#
设计a
设计🔍
a设计
设计’
设计
登录注册
60
登录即可同步推荐记录哦
33
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享