banner


ArtNest


Overview

The artnest is a communication platform for student and entry level artists to gather together with people in the same industry and create unexpected collisions of ideas.

Users can gain critique of their artwork, get rich resources to solve their confusions and questions and join various groups to interact with like-minded people and share ideas. It will help them adapt to the atmosphere of debates and critique in the art field and finally be confident with their artwork.

Role

User Research, UI/UX design, Usability Testing


Team

Yucheng Hang (Individual work)


Tool

Adobe Illustrator, Adobe Xd, Figma








INTERACTIVE PROTOTYPE





PERSONAL MOTIVAION

As an entry level UI/UX designer, I found my passion in this field three years ago and started to treat it as my professional field. After that, I was applying for a MFA degree a year ago and now I am trying to find a related job. I personally encountered some frustrating moments during the process. For example, I really want to know someone in the same field as me that can give me some suggestions or advice on career development and learning path. I also expect someone to review and critique my projects and portfolio so that I can be more confident about my work and more competitive in the market. I tried to solve my problems through platforms like Behance, Linkedin and Reddit, however, art and design are a very small branch of them and I cannot find enough resources and information. I am at a loss and sometimes feel lonely during the process of pursuing my dream as a designer.

Therefore I was thinking about creating a communication platform especially for student and entry level artists. They are encouraged to interact with each other by posting and answering their confusions and thoughts encountered in career development and gaining peer critique of their artwork.







DESIGN HYPOTHESIS

I believe that creating a communication platform for student artists/entry level artists to post and answer their confusions and thoughts encountered in career development and gain peer critique of their artwork will help them adapt to the atmosphere of debates and critique and finally be confident with their artwork.





RESEARCH PROCESS

Questionnaire

I created a google form and invited 25 people to do this survey. They are all art-related majors, some of them have official working experience while others are currently undergraduate or graduate students.


orginal ui

Selected questionnaire results

From the survey, I found that my personal experience and feeling is actually a common problem for all kinds of artists. Most of the artists believe that it is harder for them to get resources in career development and learning path compared with other more popular majors. Also, most student artists/ entry level artists are not that confident about their portfolios and they have the desire to find more resources or suggestions from others in the same field as them.



Interview

I conducted a 20mins interview with 5 of my friends and former colleagues. These interviewees came from different age ranges, gender and art backgrounds, from students to employees, from native people to foreigners.




Persona

Based on the survey and interview results, I build two personas.



Problem Framing

By digging into the pain points of personas, I framed the main problems of my users.

1. Hard to find enough resources to get objective and comprehensive critiques and evaluations of their work.

2. Compared with other popular majors, lack of a specialized place for artists to post questions and confusions about their professional skills, artwork and career development.

3. Couldn’t find a space for them to share and discuss with people in the same field about some insights and thoughts related to their study and work.

4. Easy to feel alone and at a loss since there are not enough resources in the market.



Restructure Design Statement

I believe that creates a communication platform for student and entry-level artists to gain peer critique of their artwork, get rich resources to solve their confusions and questions, and join various groups to interact with like-minded people will help them adapt to the atmosphere of debates and critique and finally be confident with their work.



Key Features

Based on all the research and analysis, I concluded with four key features.

1. Give and gain peer critique of user’s artwork/portfolio.

2. Post and answer questions.

3. Join various groups/communities and communicate with other artists.

4. Promote customized articles and questions to users based on their interests.



User Flow

According to the key features, I made several user flows align with each key feature by using the shorthand method.





User Stories

Moving forward, I created a set of user stories. This helped me delineate the features and abilities of the product.










DESIGN PROCESS


Wireframes

Based on the guideline of user stories and user flows, I created a low fidelity wireframe.

Critique: After receiving helpful feedback from my peers, I realized that the app is a little bit overwhelming because it covers too many aspects. I need to narrow it down. They also pointed out the direct feedback function (critique & asking questions) is the most outstanding and innovative part of the app. Therefore, I decided to focus strongly on the direct feedback part and deleted the long-form writing/blogging function.



High fidelity Prototype

After implementing the feedback I received about wireframes, I designed a high fidelity prototype.

Hi-fi prototype(sign up process)

Hi-fi prototype(key features screen)








TESTING PROCESS


Heuristic Evaluation

I invited 5 evaluators to give a heuristic evaluation of the prototype. Each evaluator individually went through the interface twice and compared them with Jakob’s 10 Usability Heuristics. Below are the results and solutions.

#1:Voliate Visibility of system status

Since I have multi-step questions when signing up, users would feel confused and had no idea about how long the sign-up process is. Therefore, I added a stepper component as the visual cue to keep users informed about the current status.

Revised sign up process

#2:Voliate Recognition rather than recall

Another feedback I got was adding loading and confirmation status. Therefore I add the loading and confirmation screen in “posting your work”, “creating a group” and “ask a question” function.

#3 Voliate Help users recognize, diagnose, and recover from errors

One of the evaluators mentioned that my app is lacking error messages. Therefore, I used bold, red text to indicate errors to users.



Thank you for reading :)














All Works



UI/UX

Web Design

Motion

Visual

Creative Coding





© Designed by Yucheng Hang