日期
2015年10月~2016年5月
平台
桌面/移动网站
角色
UX Design
UI Design
Illustration
Branding
团队
1 PM
1 Designer
2 Marketers
2 Developers (Outsourced)
问题
2015年当我们为韩国旅游门户网站韩国游改版的时候,产品经理有了这个帮自由行游客快速形成对首尔第一印象的点子。我们需要让这个功能简单易用,并且新鲜有趣。同时也要保证不能有太大的开发难度。
讨论前景
项目的第一步是设定了我们想要达到的目标,与此同时也列出了我们面临的各种不确定因素。
了解目标用户
接下来团队成员结合各自的领域特长和经验一起分享了关于目标用户的意见。我们也访谈了一些潜在用户并总结了他们需要解决的问题。
视觉化结论
根据我们的发现我制作了图表吧我们的得到的各种信息落实到纸面上。产品经理最终确定了我们的主要关注点和设计方向,并标记在了图表上。

用户画像 用来提醒我们用户面临的实际问题,以及我们需要为用户达成的设计效果。
目标
为国内的首尔自由行游客提供一种新鲜的制定旅游行程的方式。
风险及限制
我么的服务队自由行游客有实际用途吗?
我们的网站需要和拥有更加详细旅游攻略的众多网站竞争。
开发人力不足。

解决方案分析
确定设计问题后,我们参考了一系列有可能给我们有益参考的产品,并且根据我们的短板和优势尝试进行了一些改变来适应我们的需求。

Konest描述路径的方式比较简练。

我们可以尝试引导需要详细目的地信息的游客到马蜂窝游记。

我在一个叫做 “The happy forecast“ 的网站上看到了这个可交互的3D地图,它的展示效果很好但加载速度过于缓慢。
粗略的想法
这步里我把粗略的点子都写写画画地记在了纸上,包括一切有帮助的信息,美观度不是这里的关注点。

解决方案草图
经过上一步的收集思路和进一步的讨论,我们拟定了首页和结果页面的布局。接下来我制作了网站的流程图来确保关键的内容不要在后续设计中被遗漏。


绘制故事板
在这步中,我绘制了展示用户使用攻略地图网站初步制定首尔自由行过程的故事板。故事版可以确保我们不偏离设计初衷,并保证不要遗漏用户交互的关键环节。

创建可交互原型
借助Adobe Muse的帮助,我把解决方案草图转换制作成了可供用户交互的高保真原型。我们需要让用户执行的任务必须能完整走通是这里的关键。

任务脚本举例
假设您下周计划去首尔自由行,希望去明洞和南山这两个景点,您会如何确定需要为这两个地方抽出多少游览时间?
询问
·您对网站的第一印象是什么?
·通过首屏的图片您能推测出这是一个关于哪方面网站吗?
·您第一反应会如何去操作这个3D地图?
观察
·用户都注视了哪些地方?注视的时间有多长?
·用户如何操作地图?
·用户的表情怎样?
校对前端还原中的错误
在交付了最终设计文件和功能说明文档后,我和外包团队的开发小伙伴通过远程协作的方式进行了进一步的交流。以此来保证我们的设计初衷可以尽可能准确地转换为我们预期的产品。


