TakeTours和GotoBus移动端网站

项目简介和我的职责

taketours是一个提供旅游打包产品在线订购服务的网站,GotoBus是一个在线订购巴士票的平台。因为已有桌面端普通版网站,所以手机端网站不需要业务逻辑的考虑,也不需要创建人物较色来分析需求和目标。只剩下考虑如何适应移动便携设备平台的交互方式,信息流的组织和和在该平台下可以发挥的新特性。由我和Steven共同完成,我的贡献在于设计流程和原型草图,利用jquey mobile ui进行搜索结果页面,详情页面,支付页面,登录注册页面的高保真设计。Steven也参与了流程构思。

 
m.taketours.comm.gotobus.com

以下是m.TakeTours.com的设计过程和设计结果,gotobus类似。

设计过程

针对我们的业务特点,我重新设计了搜索框,它具有以下特点:
1.填写一个destination并确认后右侧出现”Add+”图标,点击后下方增加一个相同的文本选择框。
2. Destination中除第一个文本框外,其它文本框输入并确认后右侧出现“Delete”图标,点击图标该选项删除。
3.Destination最多有三个选项,当增加两个destination后第一个选框的”Add+”按钮无效。
4.每个选项都有模糊匹配功能,新增的选项数据以旧的输入内容为依据,自动缩小可用范围。

设计结果



You may also like...