HaoLearn
Type: Cross-function teamwork
Deliveries: A responsive web-based platform
Method: Whiteboarding, Research, Sketch, Group Reviewing
GOAL
Building an online platform for the people who want to learn, share, and teach programming knowledge. People can start and develop their programming skills here by joining courses or communities.
METHODOLOGY
-
Whiteboarding for brainstorming of the login flow, wireframing.
-
Design studio meeting for every step.
-
Agile working style in a cross-functional team, including designers, engineering, back-end team, and stakeholders.
MY ROLE
-
Organize the whiteboarding process.
-
Identify the logic flow and draw it by Miro.
-
Create and finalize the wireframing by Sketch.
-
Closely working with Leadership, Designer, Developer, and Project Manager.
-
Collect and analyze the feedback from Marketing, Sales, and Customer Services teams.
TOOLS
-
Balsamiq
-
Whiteboard
-
Sketch
-
InVision
DESIGN PROCESS
-
Research
-
Brainstorm and sketch
-
Prototype design by using Balsamiq and Invision
-
Usability testing
-
Improving the final prototype and design the mobile version
-
Final Presentation by using Prezi
RESEARCH
Methodology: Interview
Before the interface design, we’ve done 7 interviews, all of our interviewees are learning programming recently. Moreover, we’ve also collected information from our client -- HaoLearn company. After that, we’ve created a persona based on our interview.
SKETCH
INTERFACE DESIGN
Tool: Balsamiq
For the first sketch, we used simple rectangles and buttons to represent the different sessions on the page. The example below is showing the Register and Survey function on this website.
INTERFACE DESIGN
A. Registration and the pre-training evaluation
-
Sign Up for the website;
-
Type email and password for registration;
-
Starting the survey;
-
Finishing the survey and choosing the tutor;
-
Contacting the tutor.
1. Mo finds the HaoLearn website and tapped into the main page. He begins to sign up. He clicks the Sign-Up button.
.png)
.png)
IDEA 4: CONNECTING TO MARKETING AND CUSTOMER SERVICE'S TEAM
Mo finds the HaoLearn website and tapped into the main page. He begins to sign up. He clicks the Sign-Up button.
Connecting to the Recommendation Form
FINALLY!
