运动与社交

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

课程使用软件

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

支持系统：windows，mac

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

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

**作业跟踪**

老师直播全程辅导作业评讲课程
**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

市场调研

Market Research

定量调研

Quantitative Research

竞争品分析

Competitive Research

定性调研

Qualitative Research

用户画像

Persona

同理心地图

Empathy Map

故事版

Storyboard

问题确立

Define the Problem

产品特点

Key Features

工作流程

Workflow

线框图

Wireframes

最终设计

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.

学生作品

Student Work