Connect University Mobile App

Using Design Strategy for a Better Mobile Experience

The Method

  1. Problem Statements
  2. Mission Statement
  3. Vision Statement
  4. Value Proposition
  5. Technology Analysis
  6. Technology Constraints
  7. Brand Attributes
  8. Define Key Performance Indicators
  9. Customer Personas
  10. Competitive Analysis
  11. SWOT Analysis
  12. Hook Model
  13. User Flow Analysis
  14. Wireframing & Feedback
  15. High Fidelity Mockups & Feedback
  16. Growth Strategy
  17. User Retention Strategy
  18. General Recommendations Going Forward

Problem Statements

Connect University Problem Statements
Connect University Problem Statements

Mission Statement

A mission statement describes what a company or product wants to achieve on a high level and how it wants to achieve it.

Connect University Mission Statement
Connect University Mission Statement

Vision Statement

Crafting a solid vision statement is important to the success of a product because it allows all of the contributors to quickly re-align on the "big picture". It's the "where we see ourselves" statement.

Connect University Vision Statement
Connect University Vision Statement

Value Proposition

A value proposition is the value promised to users. It is the reason they truly use the application in the first place. Having a clearly defined value proposition serves as an anchor for design decisions going forward. Below is the value proposition for Connect University.

Connect University Value Proposition
Connect University Value Proposition

Brand Attributes

I took some time to sit down with the primary stakeholder and talk about the core attributes of the company. Knowing these attributes allowed for me to anchor back to them through all my design decisions and ensure higher satisfaction in delivery.

Technology Analysis

I have a strength in understanding technology constraints since I have a bit of web development background. I wanted to make sure to conduct an audit of the technology stack so that I could keep feasibility in mind for my design decisions going forward.

Technology Constraints

The app is built using the Ionic Framework. This essentially means that it is a mobile app containing a website wrapper. Features such as advanced photo editing, video editing, or anything GPU intensive should not be considered.

Define Key Performance Indicators (KPIs)

Establishing Key Performance Indicators makes sure that there is an established means of measuring success.

Customer Personas

Creating customer personas allows us to quickly remember who our users are, as well as provide an anchor for design decisions going forward; ensuring that every design decision lined up with the goals of our users. Working with the primary stakeholder, I was able to come up with the following personas:

Connect University Persona - College Student (Bianca)
Connect University Persona - College Student (Bianca)
Connect University Persona - College Club Leader (Jason)
Connect University Persona - College Club Leader (Jason)
Connect University Persona - Local Business Owner (Scott)
Connect University Persona - Local Business Owner (Scott)

Competitive Analysis

Coming soon, stay tuned!

SWOT Analysis

SWOT stands for Strengths, Weaknesses, Opportunities, and Threats. A SWOT analysis let's a company assess those for things. It helps the company take off their "success blinders" and also take a chance to focus on their weaknesses or short-comings.

Connect University SWOT Analysis
Connect University SWOT Analysis

Hook Model

The Hook Model defines the stages of building habit through a product experience. An effective Hook Model implementation will result in keeping users feeling "hooked" and keep them coming back for more. The following is how the Hook Model applies to the Connect University App.

Connect University Hook Model Analysis
Connect University Hook Model Analysis

User Flow Analysis

The point of analyzing user flows is to help a business get an overview of all the flows a user could go through in their interactions with a product. Each flow can then be dissected and improved through business analysis, user testing, or heuristic analysis.

The first part of the user flow analysis was to create the flow outline. The flow outline lists the expected flows to be experienced by the user at a high level. For the ConnectU app, the flow outline was the following:

The next step is to breakdown each flow into interaction steps, in the case of a mobile app this would be taps and gestures. Below is a quick visualization outline of the account signup process user flow.

Connect University UI User Flow - Signup
Connect University UI User Flow - Signup

Wireframing & Feedback

Wireframes are a great way to quickly get ideas out and validated by stakeholders without investing too much time and money into the nitty gritty details.

I created the following wireframes in an application called Balsamiq Mockups and presented them to the primary stakeholder before moving on to higher fidelity designs.

Connect University Wireframes
Connect University Wireframes
Connect University Wireframes (Continued)
Connect University Wireframes (Continued)

High Fidelity Mockups & Feedback

Once the wireframes were presented, iterated, and approved, I was then able to spend my time focusing on delivering high fidelity mockups. In a perfect world, the goal is for the developers to implement as closely as possible to the designs in these mockups; but you will usually find slight differences in the implementation.

Connect University High Fidelity Mockups
Connect University High Fidelity Mockups
Connect University High Fidelity Mockups (Continued)
Connect University High Fidelity Mockups (Continued)

Growth Strategy

A growth strategy lays out a high level plan of action for how awareness of a product will be achieved. I came up with the following growth strategy for Connect University.

User Retention Strategy

I created a Retention Strategy so that the team would have a well defined action plan for keeping existing users coming back to the mobile app. Without a retention strategy, you are almost guaranteed to lose more users than if you had one.

General Recommendations Going Forward

I quickly realized that analytics were not setup in the mobile application. This meant that we were virtually blind when it comes to quantitative analytics and how users really use the application. This also meant that we were unable to track key performance indicators (KPIs). I made an immediate recommendation to the product owner for the developers to incorporate analytics via Google Analytics.

I also realized we were missing out on a big opportunity to bring inactive users back via triggered time-delayed emails. For example, we should send a user an email if they don't join a group within a day. We should also send them an email if they have not attended an event within a week, or if they have not claimed a deal at a local business within a week.