看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
完了,我一个UI设计师,一遇到交互问题就紧张,老板能不能不给我这样的需求!
菜心轻量文
深圳
/
学生
/
268天前
/
2143浏览
版权
私信
关注
完了,我一个UI设计师,一遇到交互问题就紧张,老板能不能不给我这样的需求!
菜心轻量文
关注
这次我们遇到的案例是买火车票千钧一发拼手速的时刻,来看看优化前的页面:
收藏
我们通过梳理信息,交互减步长,使用户一目了然快速作出选择,来看看优化后的页面:
收藏
体验篇
知识点1:功能聚焦
优化前有一个体验上的BUG——无法一键预定多程的火车票,这是我们首要要解决的问题:
收藏
仔细分析所有信息,可以归类为三个板块:
1. 信息展示(班次信息)
收藏
2. 选择项(选择坐席)
收藏
3. 转化项(预定按钮)
收藏
我们可以按照分类的思路将信息重组,分为三个板块展示而不是集中在一起。
优化前用户需要分别预定车票,优化后用户可以集中预定车票。信息重组后逻辑通顺,屏效提升:
收藏
知识点2 排版
接下来是基本功向的调整
- 文字层级
我们可以通过文字的大小,字重,颜色来拉开文字层级,增加阅读的舒适度:
收藏
- 按钮层级
我们还可以加大选择坐席按钮的面积,使之更方便点击。另外,为了和转化项预定按钮拉开层级,我们需要将选座按钮的颜色降噪:
收藏
视觉篇
知识点1:卡片异形
借鉴纸质的火车票轮廓,我们可以将班次卡片异形化处理,给页面带来一些趣味性:
收藏
知识点2:加头图
增加一个头部图片可以使页面更具主题感:
收藏
最后,让我们来看看优化前后对比:
收藏
当你在下次实践中遇到信息多的案例时,别慌张,先对信息分类,再提升视觉体验。优化信息量多的页面也没有那么难。
60
举报
|
声明
32
分享
原创文章
UI
平面
相关推荐
换一换
以后作品集展示改版项目,别这么放了,不然没人会回复你的!
484
菜心轻量文
老板说我做的设计平淡不出彩,还让总监教我几种创意方式,我悟了!
53
菜心轻量文
用了3年AI,终于知道怎么去掉AI味!!!
64
菜心轻量文
会员精选
产品包装 化妆品包装 面膜包装 面膜包装设计 日化包装
377
郑昌洪品牌vi包装
推广
真没想到,我一个没有绘画基础的设计师,今天也能做这种海报!
70
菜心轻量文
关注
ui
7
隔壁的王叔叔
我要转行吗?我看一个实习生用ai几分钟就做一个海报,效果还不错,我迷茫了!
47
菜心轻量文
千万别点进来看,这种AI过程让你看到了,你有可能会超越我!
62
菜心轻量文
拿到面试题,我傻眼了,让我做光影视觉,我没练过啊!
42
菜心轻量文
其实你的作品已经很好了,就差一点点比例,3年了,你却没有发现!
44
菜心轻量文
时隔5年我又去面试了,面试管问我,你的作品目标是什么?我直接语塞了!
57
菜心轻量文
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
换一换
AMTKY 手机渲染内部结构+风格化渲染
368
白露先绅
跨境 3C 配件|Amazon亚马逊视觉实验
207
鞋富贵
候场少女:野生节拍
223
naonao闹
品牌设计 IP IP设计 包装 包装设计 LOGO VI vi设计
528
郑昌洪品牌vi包装
半马 | DearMom罗马假日婴儿推车产品设计CMF设计创新
621
半马CMF实验室
TeenieWeenie家居:让小熊闹起来
143
力虎广告
相关收藏夹
换一换
关注
ui
7
隔壁的王叔叔
关注
极-UI参考
2
炼虚师
关注
2026 参考
Z260897763
关注
思路
百千理奇
关注
反复看
vcnic
关注
UI
干到凌晨
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
设计#
#设计
#设计
设计
#设计
设计’
设计
it设计
设计in
in设计
AS设计
by设计
a设计
、设计
设计、
设计
#设计#
#设计
if设计
设计】
设计,
设计
is设计
设计‘
设计
设计。
@设计
an设计
设计
🤮设计
设计‘’
设计 、
设计|
设计/
设计.
的··
的as
的.
登录注册
60
登录即可同步推荐记录哦
32
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享