多城假期
跨平台(网络端+移动端)旅行计划app
课程使用软件
调研、分析图、线框图、UI、动效:figma
支持系统:windows,mac
多城假期项目是一个适合于各种不同基础包括零基础的UX作品集项目教程,你将有一个属于你自己的交互设计作品集项目。
该项目集UX设计理论、软件使用、项目应用于一体。与此同时,在项目过程中你会学习网页与手机界面切换与整合的技巧以及项目管理产品的设计,为你的作品集添加独有项目经验。
作品集推荐套餐
保驾套餐
从零到一完成四作品交互设计作品集
6位业内资深导师每周轮流直播辅导
四个月从零到100%完成网页式作品集
价格:11000元
以下为老师项目案例最终展示,学生将学习到老师做项目的每一步过程并将以此类推发展出自己的产品方向和项目成果。具体项目语言以学生自己申请方向自作选择。
概览
Overview
Plann is desktop and mobile based application which helps users to plan for a group vacation ahead of time and also allows users to use the plan while they are actually on trip. It is designed to help a group users easily manipulate the itinerary, change or suggest activities, communicate both before and during the trip.
设计过程
Design Process
The itinerary
As one of the requirements of the users is that they want the plan to be very easily edited. In the desktop version, I allow the users to view both the list and the map at the same time. Users can remove, add activities or transportation methods while hovering the list. At the same time, suggestive items nearby will pop up on the map when users are hovering around specific items so they can add to their itinerary easily.
Pre-packaged trips
One of the users’ pain points is that they hate endless planning. So my solution is that before they need to make any effort, they can already browse some of the best designed vacation routes that are fit for them. They can view in detail what activities are there on each day. They can book directly according to this package or they can treat it like a template and edit from this.
Team work planning
By putting the chat box right beside the itinerary, it is super easy for the entire group to brainstorm ideas and suggest good destinations. The drag and drop feature allows the admin to drag the suggestive activity or POIs directly into the itinerary. The distance between the previous and next stop to it will be calculated automatically afterwards. Users can also add transportation methods to it really easily afterwards.
Expenses Report
One of the problems of our users while travelling with friends is that they can’t track their expenses very clearly especially when group payments are evolved. This app will track your expenses and calculate group and personal expenses automatically during the trip, making it super transparent for a group of friends to make transactions.
Map view vs List View
On the mobile version, the map view and the list view are really easy to switch. By default, they will appear at the same time on a screen but it is also super easy to switch to view one by just scrolling up and down. Friends and also the planned POIs will appearing on the map.
头脑风暴
Brainstorming
头脑风暴总结
Conclusion of Brainstorming
市场调研
Market Research
定量调研
Quantitative Research
定量&定性调研
Quantitative and Qualitative Research
用户画像
Persona
同理心地图
Empathy Map
问题确立
Define the Problem
产品特点
Key Features
思维导图
Mind Mapping
工作流程
UX workflow
线框图
Wireframes
Original Drafts
Desktop Version
Mobile Version
设计样式
Design Styles
桌面版起始页
Desktop Landing Page
手机版行程页
Mobile Itinerary
最终设计
Final Design
感想
Reflection
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. Don’t worry about sounding professional. Sound like you. There are over 1.5 billion websites out there, but your story is what’s going to separate this one from the rest. If you read the words back and don’t hear your own voice in your head, that’s a good sign you still have more work to do.