旅行 App 信息太多时,先砍首页,再谈好看

707 字
4 分钟
旅行 App 信息太多时,先砍首页,再谈好看

旅行产品的坑通常不是「不够美」,是选项叠太多:机票、酒店、攻略、约车、地图同时抢注意力,用户还没出发就累了。紫草设计日记这组「旅行类 02」拼图,钩子写得很直——怎么把决策焦虑压下去。下面只留能带走的几条,案例当对照表,不当审美鸡汤。

六屏总览:场景首页与卡片整合
六屏总览:场景首页与卡片整合

决策焦虑从哪来

信息密度高,不等于信息架构清楚。功能入口墙一排图标,等于把「你自己想该点哪」甩给用户。

这组案例反复出现的解法是同一方向:

做法在屏上长什么样焦虑被砍掉的是什么
场景化首页目的地大图 / 「Explore Now」/ Good Evening,而不是九宫格入口先选场景,再进功能
行程/结果卡片酒店+评分+距离、航班+价+余票,挤在一张卡少跳页、少对照
实景取色草原金、沙漠暖、阿尔卑斯绿进按钮与点缀界面跟目的地同温,少「模板蓝紫」

不是说功能入口可以永远消失——是首页别当工具箱封面。

八个案例,按「一屏在干嘛」读

设计师署名以图面为准;公众号水印为紫草设计日记 / @紫草_Design。

设计师产品/主题线索这一屏主要在解决
Paperpillar浅色机票流列表筛选 → 选座 → 航班详情,步骤拆开但不碎屏
Ronas ITAfrica / 草原实景开屏 + 分类卡(Safari / Cultural)+ 地图进度
Fazlur Rahman约车 + 地图From/To + 车型 → 地图选乘 → 选司机,路径短
Harunur RashidFearless Travel(深色)发现首页叠推荐卡;当日行程挂路线
Juice LabPetra / 暗色体验问候式首页 + 房间指南卡 + 目的地网格
Md. Shakil HawladerElvara(浅绿)Find your place 分类条;My Trips 状态标签
Mohammad AliOdyssey / Bavarian Alps地图底 + 大卡推荐 + 酒店详情浮层
Budiarti R.机票结果 / 登机牌排序芯片 + 选航班;登机牌一页带走

总览拼图把上述几类压成六格对照,适合先扫一眼再钻单案。

机票选座流(Paperpillar)
机票选座流(Paperpillar)

Fearless Travel 深色发现(Harunur Rashid)
Fearless Travel 深色发现(Harunur Rashid)

Odyssey / Bavarian Alps(Mohammad Ali)
Odyssey / Bavarian Alps(Mohammad Ali)

拿来用时的边界

  • 欣赏与对照:看信息怎么折叠进卡片、首页怎么先讲场景。
  • 别当商用模板:图上作品归属各设计师 / 工作室;公众号是二次编排分享。直接扒布局、插画、摄影去上线产品,版权风险自担。
  • 系列:标题带「旅行类 02」;Knowledge 近 7 日无同题「紫草 / 旅行 UI」撞车,本篇独立落盘。若日后补到「01」,再互相写对照即可。

规范官网速查见同批 六家设计系统书签(草稿箱)。

评论区

像发消息一样写就好:点工具栏插入表情 / 图片,表情会直接显示。插图 ≤5MB。