Learning Journal User Experience Design by Antonio Hilario

What is User Experience for me

User Experience is dealing with complexity in any given problem. It's the art or making it simple but not simplistic. Things can appear simple to use but to acheive this goal, it can be complex. I look forward to learn more on Ux and Ui in this course. Thanks.

A simple example of User Experience at my college in our day to day reality. Where User Experience always win.


For this assignement, I just wanted to have fun and tried to solve a problem I have...how to avoid having late students in class. It might not solve the problem but I'll give it a try!


I’m a teacher at college and this semester I have 3 courses that start at 8am. Each week, 4 to 6 students are late to the class. Late students cause a distraction to the entire group and to me also. It’s not always the same students and they all have their reasons.

Objective: How can I help the students solve this problem and make sure everyone is ready to start the class at 8am. Maybe with a mobile app reminder, I don't know yet.


1- We live in an area where there is a lot of snow storm which can make the commute much longer than expected.

2- The busiest time in traffic is in the morning.

3- Most of the students have a job.

4- The age of the students are between 17 to 21 years old

5- There's more girls than boys (60/40)

6- The parking is far from the class (at least 10 minutes walk)

7- The content of the courses need to be followed from start to finish in order to understand the content.

8- All the courses are in labs with computers.

9- The students are really active on Facebook to share and communicate to each other

10- Half of the student use the bus, half use their car

11- Most of the students live near by (less than 30 minutes) and some more than an hour.

12- They all have a mobile phone (Android or iPhone)

13- We have no control on the schedule since the college manage this part

14- 2 students have a “protocole” for adaptation

15- Many students complain that it’s difficult to wake-up for an early class :)

Main characteristics

17-23 years of age

Categorized as Digital Natives and Millennials - they have grown up with technology

Have experience and are comfortable with technology even though they may not understand it

Spend a significant amount of time on entertainment and games

Prefer an environment with multiple forms of simultaneous sensory input (music playing while reading, for example)

Email, SMS, Facebook messenger and cell phones are primary forms of communication


For this assignment, I had to identify all the possible factors that delay the students in the morning. These factors should then be categorized in order to find out whether they can be controlled or at least anticipated.

To do this, I asked a group of potential users to state these factors. I then asked them to place in chronological order a typical morning using the enumerated factors. This allowed us to see that there will be two types of data to be managed : the public data and te personnel data.

Public data such as weather, road conditions, travel time, etc., and personal data such as time for make-up, shower, lunch, etc.

This data will then merge to determine the wake-up time of the student in order to avoid being late in the morning. So the idea of ​​a customized alarm clock application has emerge. The application will therefore offer a user profile section that will contain user-specific data linked to various Web services such as weather, traffic and bus schedules.

The concept : An alarm clock app that will automatically setup the wake-up time based on many factors. The traffic condition, the weather, the shower time and the beginning of the first class are examples of factors. Before going to sleep, the student starts the app, indicate the starting of the first class, and the app calculated the estimate time to wake-up. So no more reasons to be late!

Here is the resulting sitemap.

And here's a video to showcase this sitemap made with Adobe xD


For this assignment, I had to identify all the possible functions the app will have in order to simulate it for potential users. This assignment was fun to do and had a huge impact on how I envision the app.

I continued using Adobe Xd an made some ajustements in order to clarify some options. The result is simple but functional. This prototype was tested with potential users but I didn't had the autorisation to record them. So here's the video of the prototype itself. The password is wakeup.

Assignment 4

This week's task was my favorite. Although the idea is simple, creating an alarm clock application synchronized with the morning routine of the user is not at all easy. I have often used the same process to sketch projects but here the particularity has been to properly grasp the needs of the users. It was necessary to find the right style to catch their attention and to the taste of the day ...

Moodboard inspired by those difficult mornings when there is a winter storm, when you miss your bus or when even the alarm clock don't even wake you up.

So I opted for a neutral style in order to highlight the functions of the application. Knowing very well that the color palette can sometimes be difficult to sell to certain users, I added an option in the preferences of the application to choose the preferred palette. Here for the needs of the interface, I was with a palette inspired by my moodboard.

I had fun also creating a logo for the app... By accident I removed a stroke on the A of WakeUP and I saw an eye wide open...

Logo for the WakeUp App

I realized that the hierarchy of information was important too. You should see the time, the options and finally the secondary information as well as the schedule.

Here is the result:

Here's the Splash Screen (left) , the Night Screen (middle) and the Wake Up mode screen (right)

Final Assignment 5

Finally it's here! I never taught that the problem I identified at the beginning of this course with latecomers will result as a Wake Up App for students.

Using Adobe XD for this assignment was the perfect tool to simulate the App without any programming. All the designs were made with Illustrator, so it was easy to paste any graphic into XD or even use the same color palette throughout the project.

I've share it with my students and asked them what they thought about using an app like this and 1/3 could possibly use it. It was disappointed by this low score, so I told them that the Phase II of the App will give badges each time their not late in class. After 15 badges, the user will receive an additional 1 point to the final score of the semester... And then 2/3 of them wanted to use it :)

I've learned in this process that each step is crucial. Don't move forward each the task is not completed. It force you and your users testing group to focus on the right aspects of the project one screen at the time. So, each decisions are made based on a good reason.

Here's a video a made of the App with XD. You can test it live with this link : https://xd.adobe.com/view/4f620eda-d6ae-4cd3-9237-ed3b028024d6/

Now, let's find a programmer to do it!

Thanks for the support!

Made with Adobe Slate

Make your words and images move.

Get Slate

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a Copyright Violation, please follow Section 17 in the Terms of Use.