UX Check List For Yarl Geek Challenge Junior: Season 7 Participants

This checklist is all about tweaking your Yarl IT Hub: Yarl Geek Challenge (YGC) contest contributes towards a real-world solution with premium User Experience. I’m writing these guidelines with my previous experience as a participant at Yarl Geek Challenge and an entrepreneurial mindset.

A brief introduction about Yarl IT Hub:

“ Yarl IT Hub is a non-profit community initiative which creats an ecosystem which nurtures startup mindset, innovation, creativity and technological and business skills in the community. It also encourages knowledge sharing and fostering a spirit of entrepreneurship with IT startups from Jaffna. “

- www.yarlithub.org

What is Yarl Geek Challenge Junior?

YIT conducts two type of contests,
1. Yarl Geek Challange: Senior
An open IT competition with the purpose of creating a
startup ecosystem.
2. Yarl Geek Challange: Junior
School level contest to increase children’s involvement in
information technology and encourage their ideas towards

Here we go,

01. Make it useful.

The product or service (App or website) must fulfill the user requirements and needs (Physically or psychologically). That might be a solution or an entertainment. Otherwise, they will no longer use your product or service.

Answer these questions

I. What makes your product better or unique from others?
II. Why people will use it?

02. Create rough wire-frames and user flows.

Sketch out your ideas and thoughts on cheap materials like printing papers using pencils in collaboration with your team. This method is an efficient way to reduce user flows and improve your innovation. Also, it saves your time.

Discuss with your teammates and think of the user’s perspective and investors’ point of view.

Create different variations and find out which is more suitable for your project.Wireframing is a low fidelity prototyping method makes you change anything quickly.

Answer these questions
1. Who are your users?
2. What is the essential part of your project?

03. Choose a design language.

“any system of formalized symbols, signs, sounds, gestures, or the like used or conceived as a means of communicating thought, emotion, etc.”

- One of the Meanings of language dictionary.com

Before you start prototyping your thoughts on a fidelity version, you have to select a proper design language (design genre/style) in order to optimize your visual part of the project.

3.1. Commonly used design languages.

1. Material Design by Google
2. Flat Design
3.Human Interface Guidelines by Apple
4. Metro Design by Microsoft
5. Fluent Design by Microsoft

3.2. Other design languages

3.2.1. Skeuomorphic Design: (If you design a solution for people that are not so familiar with digital devices, skeuomorphic approach to the UI of the app will make them understandable more. )

Personally, I suggest using Material Design cause it’s straightforward and optimized to archive highest user satisfaction by keeping minimalistic with fresh colors.

04. Choose a great color combination.

Pick colors according to your design language. Design language developers also provide gorgeous color palettes.
example: Material Design Colors


Color Tool by Google
Color Wheel by Adobe

Canva: 100 Brilliant color combinations
Brightside: The Ultimate Color Combinations Cheat Sheet

4.1. Tips to use colors

4.1.1. Have a right color combination before you start prototyping and coding.
4.1.2. Use 2–3 colors and use variations of those colors. Don’t use too many colors otherwise your product will look fancy.
4.1.3. Use color to create contrast whcih makes the important parts of the design noticeable.
4.1.4. Consider the psychological effect of colors according to the project. Also, think about cultural believes about colors according to your targeted audience.
Example: If you’re building an app for Chennai Super King fans, use yellow color instead of others. Also pink is more suitable for dating apps.

05. Use advanced UX technologies.

There are many new techniques to be used on your projects such as gestures, transitions, voice recognition and augmented reality.
You can use these features to make your project be more easier to use.

06. Create Prototypes.

First of all stop diving into coding, as said above create wire-frames and then start making high fidelity prototypes. There are many tools to develop prototypes.

I. Adobe Experience Design (Adobe xD).
II. Invision Studio
III. Sketch

Note: If you’re familiar with Adobe Photoshop, GIMP, Adobe Illustrator you can use them as well.

References : 10 Prototyping tools.

07. Keep it simple.

Don’t make it complicated to use, make it easier as much as you can. Make sure your product can be used by anyone even without technical knowledge or training.

7.1. Look up for these questions and remove.

I. Are there elements of the interface that which distract the user from flow?

II. Are there multiple tracks of doing the same thing in UI?

III. Are there unnecessary steps within a feature that can be removed?

IV. Are there features which give errors?

7.2. Organize

Don’t force the user to learn something, give users a visual cue to follow. Find out user patterns and organize materials around them.

08. Test your product.

Give your product to your friends or family members and tell them to use it and meanwhile note the points below to improve your product to the next level.

I. What are the information needed by the user to complete this task?

II. What can be done to provide the missing information here?

III. What is the logical, most likely/probably, next step of the intended user?

IV. How can we help/guide the user to go to the next intended step?

V. Where is the user now and, what will can be achieved after completing this task?

09. Don’t make it complicated.

Nowadays everyone is busy, people don’t want to spend time or think about how your product works. They have millions of options to use over your product. Make sure your product is straightforward and compatible to use without remembering/learning/tutorials.

10. UI is not UX.

UI: User interface designing is all about visual, looks and feels.

UX: User Experience term is used to express entirety how a person would feel when interacting with a system or a product.

All the best. Thank you for reading. Give some claps below and comment.

This is my first article, any mistakes feel free and tell me :).

Any questions drop me a mail: gobinthiran@gmail.com.

Like it ?,Why don’t you endorse my skills on Linkedin?

Follow me: Linkedin FacebookInstagram

Founder, CEO & Award Winning Entrepreneur | Helping Startups — Enterprises to Build Products