Mobi Lab UX/UI Design Internship Test Assignment

Mobi Lab UX/UI Design Internship Test Assignment - Creative Task #3 - 2-3 App views
Mobi Lab UX/UI Design Internship Test Assignment – Creative Task #3 – 2-3 App views

Usually, applying to an internship position includes either sending the portfolio, going through an interview or completing a test assignment. As for Mobi Lab‘s UX/UI Design Internship, their application process was very challenging and thorough: portfolio, interview, test assignment and another interview.

And I was lucky to get accepted as Mobi Lab’s UX/UI Design intern! 🙂 (More about the internship in this article.)

Balanced Diet Mobile Application Test Assignment

The theme of the Test Assignment was a Balanced Diet Mobile Application. As I found out later, this test assignment was based on a real client project that Mobi Lab had a few years back.

I was amazed by the test assignment. It consisted of a well-defined goal, background, process flow, user scenario and three creative tasks. Moreover, it was one of the best briefs that I had ever received. Because the content was well-thought-out and the brief was also visually attractive.

The assignment consisted of 3 Creative tasks:

  • #1 User profile
  • #2 Sketching the key flows of the application
  • #3 Visual design for 2-3 app views

#1 User profile

The first task was to create an imaginary user’s profile. The name of the user was Jane.

Emphasizing with Jane was quite easy because I could find some of her problems in myself and my friends. Who wouldn’t want someone to tell them that it’s okay to eat that extra piece of cake, right?

Mobi Lab UX/UI Design Internship Test Assignment - Creative Task #1 - User Profile
Mobi Lab UX/UI Design Internship Test Assignment – Creative Task #1 – User Profile

#2 Key flow

The second part of the test assignment was the most difficult for me. Mostly because I had never created wireframes before. Looking back now, I can honestly say that I focused too much on the looks.

I started out with pen and paper, but I felt a bit stressed and disappointed. Creating wireframes from scratch seemed much easier than it actually was. Although, moving to my iPad gave me a new level of freedom. IPad allowed me to be less critical with my every pen stroke because I could easily tweak everything later.

Mobi Lab UX/UI Design Internship Test Assignment - Creative Task #2 - Wireframes
Mobi Lab UX/UI Design Internship Test Assignment – Creative Task #2 – Sketching the flow

#3 App views

I enjoyed this part the most. I downloaded 15 different diet and food-related apps and wrote their best and worst parts down. Based on my small research, I started sketching down some ideas for the app.

For me, healthy eating and living are all about balance. Calorie intake and burner calories need to be balanced, as do the percentages of fats, sugar and protein in the diet. So as I was playing around with the idea of balance (sketching scales, gravity, forces), the idea of a balance bar came into my head. One misshaped circle made me think of avocado, and there you have it!

Mobi Lab UX/UI Design Internship Test Assignment - Creative Task #3 - 2-3 App views
Mobi Lab UX/UI Design Internship Test Assignment – Creative Task #3 – 2-3 App views

Feedback

Mobi Lab was pleased with my solutions. Above all, they liked the way I had presented my #2 task and the Avocado Balance Bar idea.

I am happy to share some of the suggestions that Mobi Lab’s lead UX/UI designer Elmo gave me:

  • Always colour-test the application. When choosing my colours, I didn’t have accessibility in mind.
  • When showing the navigation on a wireframe, draw the arrows from the button, if it is the action trigger. I drew them from frame to frame.