微域生光
移动应用 · 城市探索

Placever

地区欧洲年份2023
从问题出发

项目概览

边走边发现城市里的好去处。将本地景点、实用信息与步行导航融合在一款应用中。

面临的问题

城市探索的信息来源分散,用户在步行途中很难快速判断附近有什么值得停留。

设计目标

用清晰的地图、目的地信息和收藏功能,帮助人们更自在地探索城市。

我的角色

负责 Placever 的用户体验与界面设计。

工作内容

用户研究、信息架构、线框、可用性验证、视觉设计与交互原型。

理解使用者

用户研究

通过访谈和同理心地图理解用户。将观察整理为用户画像,再沿着实际任务识别阻碍,优先解决影响核心流程的问题。

关键痛点

01

清楚的信息

城市探索的信息来源分散,用户在步行途中很难快速判断附近有什么值得停留。

02

直观的操作

城市探索的信息来源分散,用户在步行途中很难快速判断附近有什么值得停留。

03

连贯的体验

城市探索的信息来源分散,用户在步行途中很难快速判断附近有什么值得停留。

用户画像

用户画像 1
用户画像 · 01
用户画像 2
用户画像 · 02
用户画像 3
用户画像 · 03

用户旅程地图

用清晰的地图、目的地信息和收藏功能,帮助人们更自在地探索城市。

用户旅程地图 1
用户旅程地图 · 01
让想法有迹可循

设计起点

先梳理信息架构,再从纸面草图逐步推进到数字线框与低保真原型。在进入视觉设计前,验证导航和任务路径是否清晰。

故事板

故事板 1
故事板 · 01

信息架构

信息架构 1
信息架构 · 01

纸面线框

纸面线框 1
纸面线框 · 01

数字线框

数字线框 1
数字线框 · 01

可用性研究

邀请参与者完成核心任务,记录操作中的疑问与阻碍。根据反馈调整信息层次、入口和状态提示,再进行下一轮验证。

从结构走向体验

打磨设计

建立统一的色彩、字体、图标和组件系统。将研究结论落实到每个界面,并通过响应式布局保持跨设备体验的一致。

高保真界面

以下为参考项目的原始界面与研究图,保留其英文示意内容。

高保真界面 1
高保真界面 · 01
高保真界面 2
高保真界面 · 02
高保真界面 3
高保真界面 · 03
高保真界面 4
高保真界面 · 04
高保真界面 5
高保真界面 · 05
高保真界面 6
高保真界面 · 06
高保真界面 7
高保真界面 · 07
高保真界面 8
高保真界面 · 08
高保真界面 9
高保真界面 · 09
高保真界面 10
高保真界面 · 10

交互原型

应用操作流程演示
回顾与继续

成果与思考

收获与启发

好的体验始于对真实需求的理解。通过清晰的信息层次和连贯的任务路径,帮助用户更从容地完成目标。项目为作品集演示,不代表经过独立审计的业务指标。

下一步

继续开展可用性测试,收集真实使用反馈;优先解决高频问题,再评估后续功能。

下一个案例New American Diagnostics

用出色的视觉方案 让你的业务更进一步

从一次交流开始

联系我

聊聊你的项目

约一个时间 聊聊你的设计需求

点击复制邮箱

 

微域生光
Placever · UIUXfolio · 微域生光设计师作品集