workspace design for study experts
GotIt! Expert portal is a web portal to connect a study expert with a student to help with homework problems. The workspace is where the study expert can chat with the student to guide them through the problem.
The workspace requires study experts to send content as chat messages following the teaching format - concept, step-by-step explanation, final answer and optional followup discussion, while engaging with students. Study experts should deliver content fast and accurately.
Design a workspace to allow experts to send smaller pieces of content more frequently. It should enable experts to provide partial step-by-step explanations in order to decrease time intervals between expert and student communication and increase the perception of “speed”.
As an expert, i want to be able to respond to students faster, so that students know I’m working on their problem.
slicer interaction whiteboard & discussion with PM
proposed workspace flow
proposed step-by-step explanation workspace
The design goal was achieved, reducing the first response time with real content by 90 seconds for adopters
The nature of more interaction in chat leads to a longer session time. The improved workspace provides experts the flexibility they need, but it doesn’t provide enough incentive for experts to engage more nor send content faster.
Design a structured workspace to incentivize experts to engage students on followup questions when working on a homework problem
combined workspace with 1 chat input box
combined workspace with 2 chat input boxes
proposed chat options showing 1 hybrid input box or 2 input boxes
designed an internal test using google hangout and existing workspace to imitate the proposed workspace options
Conduct more usability testing to gather more data and establish a baseline for expert performance metrics.
mobile chat with video for education
GotIt! is a marketplace service connecting students with homework problems to chat with study experts within a timed session. The chat experience is the core service for the student side of the marketplace.
Design a product experience for students during a chat session that allows the study expert to insert a video to supplement the concept that the student is trying to learn.
How can videos facilitate the student learning in the short and long term.
A video is usually a multi-media material for students to learn but not the primary material. From my own experience studying from videos without external instruction, I feel the single-sided video-based learning environments can be dull for students. In this case, I think the capability of asking questions in real time with a study expert while watching a video makes learning easier. However, integrating chat with educational videos while allowing a student to learn is a design challenge. After looking around I found some following design inspirations.
Luka, Youtube, SoundCloud (left to right)
The SoundCloud soundtrack commenting timeline really intrigued me, and I start to think about how video could utilize such functionality in an instant interactive education environment.
To compare alternatives, I came up with 3 options.
option 1: basic chat with video attachment
option 2: chat during video playing
option3: video timeline with embedded chat content to response directly or retrieve later
From a MVP perspective, option 2 could be a more feasible starting point for the business. The bookmarking and sharing feature is useful but also more “nice-to-have” for validation of an engaging video chat experience.
A Social Network For Studying Abroad Students
a MVP product to connect students with each other and explore while being abroad
element collage & styleguide
destination city page
add a journal
journal display options
Financial Service Homepage Redesign
FutureAdvisor's services have similarity to its competitors like Betterment, Wealthfront, Sigfig, etc. But it has unique features, such as the holistic management and free upfront analysis and action plan recommendation, as well as the flat fee regardless of the amount of the managed assets. FutureAdvisor also wants to educate investment novice more. Those points should be highlighted in the landing page.
From reading about the targeting personas, the impression is that the targeting users are not very experienced and their existing assets are not too much. So it is natural that they would be very cautious about what services they choose to put money in. And they have various needs.
I accessed to some user testing videos from usertesting.com, which provided me insights about what users are looking for. Again, the insecurity is obvious from the users. They are expecting clarification on what the product could do, how it can help with individual or family finance, the price point and customer services.
The brand message - peace of mind and acquiring real wealth - expressed that the app simplicity and the assurance of the investment return are important
The concept is to advocate for the user and build trust. The landing page wants to achieve the impression that the product is for the individuals, and the product is built upon what it could do for them instead what it could provide as an automated investment platform itself. The landing page is a typical one-pager with the fixed header and scrollable content to break down into the following sequences.
The one-pager layout suggests continuity and is easy to scan so users would keep scrolling. It allows users to understand context gradually to build trust and increase curiosity.
consumer product branding design
Branding design for a product and its parent company. The product is an all-nature healthy on-the-go protein drink and meal replacement. The parent company is a all-nature food and beverage product manufacturer.
logo version 1
logo final version
parent company logo