Sem 3 _ Usability and Mobile Applications 1 (Lecture Notes and Exercises)

3 April 2018
Week 2
Vivien Christian Cahyadi [0331241]
Usability and Mobile Applications 1






Class Activity

GOOD APP, BAD APP
Today's class activity is to identify characteristics of a good app and a bad app. My group selected Zalora as the good app and Chillindo (a bidding app) as the bad app. Now here is my own take of that exercise.


GOOD APP : HEADSPACE


This is an app I frequent whenever I feel like I have to clear up my mind. Headspace is a guided meditation app which offers hundreds of themed sessions ranging from stress to sleep, bite sized meditation for busy schedules and SOS exercises in case of sudden meltdowns. I really love this app as apart from its gorgeous visuals and animations, their guided meditation can really help me relax and clarify my mind. 100% Recommend!



What makes it a good app : 
  • Good color scheme. It's quite colourful, with orange as the main colour. The colour selections are soft and calming to the eyes. 
  • Great utilisation of negative space. The spacing of the elements are quite generous, avoiding a crowded looking visual. 
  • Elements are shown at order of importance. Upon entering, your current meditation plan is just one click away. Click on the play button and begin meditating!


BAD APP  : ???




10 April 2018
Week 3
Vivien Christian Cahyadi [0331241]
Usability and Mobile Applications 1






Activity

Today, we were split into groups. We were tasked to redesign an old boarding pass design of Air Asia while implementing the user experience knowledge we learnt. Here, we need to really understand our users and provide a better design solution to make the experience better.


WHY IS IT A BAD DESIGN?
  • The ad is placed in the centre, it’s placed above the important notice. 
  • Small texts, hard to read. Especially for senior citizens. 
  • Looks cluttered, too much things. Some information is redundant
  • Baggage information can be simplified. 
  • For people who print their boarding pass, it’s a bit of a hassle to carry around A4 paper size coz it can get creased and folded. 
  • Reading direction is confusing. 
  • There’s two barcodes and the placement is not aesthetically pleasing. 

WHO ARE THE USERS?

People who’s flying, people who booked the ticket. Boarding pass is to be printed or just to see on screen. Older people pays attention to it more, as children usually just follow their parents. If Boarding pass is printed, people will usually place it in between their passport.

Design must be Legible. Font size must be big. Order it in order of importance. Highlight what’s important. 


WHAT PEOPLE USUALLY CHECK AND RECHECK IN ORDER :
1. Flight date, Departure and Arrival
2. Flight Number
3. Boarding time, Gate Close, Gate number
4. Boarding sequence
5. Seat no. 


WHAT AIRPORT WORKERS NEED TO SEE
1. Flight number
2. Flight date
3. Barcode
4. Name


THE DESIGN SOLUTION







17 April 2018
Week 4
Vivien Christian Cahyadi [0331241]
Usability and Mobile Applications 1





Tutorial

We were taught on  how to use Phone Gap. 

Steps :
1. Click on the plus button
2. Choose blank
3. Click next, then choose a folder to place the files
4. Name it, 
File naming :
com.companyname.appname
5. File is created, connect your phone by inputting the server address ex. 172.20.10.2:3000





30 April 2018
Week 6
Vivien Christian Cahyadi [0331241]
Usability and Mobile Applications 1





Process flow chart


Prepare a process flow chart based on the scenario:Student application to a university. An international student applying for a place at Taylor's university. The potential student have already decided on which course to apply (Bachelor of Interactive Multimedia Design). Draw a complete process flow from the beginning (online application) until the end of the process (result from Campus Central).






Comments