NIUTUN100
CLIENT
NIUTUN100
PROJECT TYPE
Mobile app design
LAUNCH
2021
MY DELIVERABLES
UX & IA Strategy
Design Direction
Visual Design
NIUTUN 100 is a social app that focuses on discussions and downloads of trendy apps.
PROBLEM
Users want to discover and download apps through word-of-mouth recommendations from people they know.
OPPORTUNITY
A community feature would enable users to interact socially, allowing them to rate and discuss apps.
CHALLENGE
Easily locating the app being discussed and initiating the download was a challenge.
SOLUTION
To address this challenge, I implemented a feature that enables post creators to tag the app within their text. The tagged app would appears as a prominent download button that stands out from the surrounding text and image posts. Once clicked, the download process will automatically begin.
OUTCOME
As a result of sharing and reposting, users can conveniently stay within the app and download recommended apps through connections they trust. The client expressed great satisfaction with the results, and our app successfully launched in 2021.
Process: Overview
It was a team effort. I co-led and executed most UX strategies, including a variety of deliverables and workshops with subject matter experts, business teams, tech engineers/developers and researchers. I encouraged engagement and requirement alignment from concept through completion.
KICK OFF & GOALS
Team Intros
Team member introduction, confirm the lead contact for each functions.
Kick Off & Goals
Review goals and initial product planning documents. Clarify business need and value.
Design Process Overview
Review proposed design process, timelines, deliverables and define support needed from broader team.
Initial Research & Review
Review any existing or new docs of VoC, customer want, product goals or priority order. Define tentative types of research ahead.
USER NEEDS
User Needs Prioritization
Review and get group consensus for the top user needs in priority order.
User / Design Stories
Based on user needs, write and prioritize user stories. Also define opportunities for each.
User Persona
Create and get group consensus for the top 2-5 user personas and %
User Task Flows
Map out typical steps for the top 2-3 user tasks for each persona.
Ideation
Create storyboarding, specific page brainstorming, etc.
SITEMAPS
Sitemap for Core Workflow
Expand the task flow into a clear page connection sitemap document.
Full Sitemap for Each Interface
Have a full sitemap to document all main sections and pages if possible.
Sitemap Priorities Documenting
Visualize priority keys on the sitemap to define assets needed in phases.
SCOPING & TIMELINE
Task List
Based on the sitemap, list the pages that are agreed upon to proceed.
Scoping Details
Create all scoping details for each batch of tasks in the project management tool, e.g. page content IA strategies, page content status.
Timeline
Prioritize and estimate all tasks in small batches in the program management tool.
STRUCTURE & DESIGN
Wireframes
Create the wireframes based on the prioritize list. Test the content hiarchy if needed.
Interaction Strategy
Document examples and/or sketches for interaction strategies of key pages or unique experiences.
Visual Design Comps
Generate visual design comps once wireframes are approved. Test the core workflows.
Beta Review
Based on the schedule, run beta reviews on clearly defined pages with engineering team.
Strategy Document
Document research, UX strategies and other product references.
TOOLS
Collaboration Tool
Create Flow Charts
Create UX/UI Assets
Process: Discover & Research
We brainstormed with subject matter experts to create user stories, define business goals and affinity mapping.
Process: Discover & Research
The task flows created defined primary and secondary user flows per persona type. To keep the main user goal in clear sight, questions were asked, like “what does xyz user need to do 80% of the time?”
Process: Develop & IDeation
Low fidelity sketches where created to help define potential screen content, user interactions, and layout opportunities. This allowed for rapid team feedback for the big picture.
Process: Research Support
I supported the research team from project start through completion with strategy, test focus, prototypes and user feedback collection.
We tested 7 users, they were able to successfully complete all tasks, not having any prior experience. Among the 7, 5 of them found the it’s very easy, 2 of them find somewhat easy.
Process: Deliver & Implementation
The small UXUI team created high fidelity screens and prototypes in Figma. Feedback and reaction gathered led to the final refinements for launch.
Xin Mathers ⏤ 2024