运动与社交

偏向数据可视化的移动社交app

 

课程使用软件

调研、分析图、线框图、UI、动效:figma

支持系统:windows,mac

运动与社交是一个适合于各种不同基础包括零基础的UX作品集项目教程,你将有一个属于你自己的交互设计作品集项目,该项目的最终产出为一个移动端社交app

该项目集UX设计理论、软件使用、项目应用于一体。与此同时,在项目过程中你会学习到大量数据可视化技巧,该技巧也可以成为你今后在面试和考核过程中突出重围的杀手锏

步骤解释

高清字幕录播课程

1900元

作业跟踪

老师直播全程辅导作业评讲课程

4500元

 

一站式作品集套餐

保驾套餐

从零到一完成四作品交互设计作品集

6位业内资深导师每周轮流直播辅导

四个月从零到100%完成网页式作品集

价格:11000元

以下为老师项目案例最终展示,学生将学习到老师做项目的每一步过程并将以此类推发展出自己的产品方向和项目成果。具体项目语言以学生自己申请方向自作选择。

概览

Overview

This is a mobile based application which encourage users to work out to achieve their set goals and also let the people who are with the same goals to interact and compete with each other. The interaction feature is set there to help people to have more fun in their work out process, which also boost app usage and reliance.

设计过程

Design Process

 
 

Easy to Navigate

When first launching the app, the user would see the current hot programs. Horizontal scrolling to see more of the programs and also keep the focus point at the current tab.

Expand to more info

Once the user interested in one of the programs, he/she can click to expand the card to view more info. Reviews, ratings and other spec information will appear to help the user to know better about the program. Enrolling news would also float on the top section to encourage the enrollment.

 
 
 
 

Data Track

As one the important features of this app is data visualization. The users will easily read their workout data information using the my data tab. Calorie data of the whole week will self plot into a graph for the user to keep track of the whole week.

Keep the competition

In this app, we also use integrate with the social feature. We encourage the competition to help the users finish their goals. Users can also look for local partners to work out together as the map will show the local user info relative to the user.

 
 

头脑风暴

Brainstorming

Frame 11.jpg

市场调研

Market Research

user profile.jpg

定量调研

Quantitative Research

mechanism.jpg
 
interaction.jpg

竞争品分析

Competitive Research

competitive analysis.jpg

定性调研

Qualitative Research

用户画像

Persona

Jing Zheng.jpg

同理心地图

Empathy Map

故事版

Storyboard

unnamed.jpg

问题确立

Define the Problem

产品特点

Key Features

Frame 13.jpg

工作流程

Workflow

flowchart.jpg

线框图

Wireframes

Wireframe.jpg

最终设计

Final Design

Frame 32.jpg
 
Frame 33.jpg
 
Frame 34.jpg
 
Frame 35.jpg
 
Frame 36.jpg
 
Frame 37.jpg
 
Frame 38.jpg
 
Frame 39.jpg
 
Frame 40.jpg
 

感想

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.

学生作品

Student Work

 
 
 
 
5f4a8a718f89844c36c1f91f_User Persona 1.jpg
 
 

课程报名

Enroll in the class

步骤解释

高清字幕录播课程

1900元

作业跟踪

老师直播全程辅导作业评讲课程

4500元