Usability & Mobile Applications I

4/10/18 Week 1-14
Kamal Afiq [0330643]
Usability & Mobility Applications I
Week 3



Usability & Mobility Applications I 

During class today our objective was to redesign a boarding pass by AirAsia, and had to reorganize the informaton while keeping information architecture in mind.



Our final design decided to use a lot more color to our advantage to highlight points of interest and the most important information on the boarding pass. Different sized text also helped to set up the visual hierarchy of the boarding pass, making it easy for the traveler to see the most important information.



User Experience and Initial Ideation

Usability is essentially the study of how a product works and is used. User Interfaces and User Experience can be derived from this study. User Interface is the front-end interface (buttons, drop-down lists) that the user interacts with while using an app, while the User Experience is the holistic experience that revolves around how the user interacts and connects with the product. User Experience always comes before User Interface. User Experience makes great use of user research and testing in the form of interviews, focus groups and other methods to learn more and make better design for user experiences.

For our first few weeks, Mr. Shamsul had us come up with the idea for our very own apps. He told us to create three apps with completely different topics and genres. Below are my ideas:
  • Stalkagram a parody of Instagram. The app itself is a social media platform whose main objective is to incite humor. It has posts and user profiles, which other users can follow or 'stalk'. Live stories in the form of images with GPS information allows users to see and know at all times where their friends are. 
  • Cat.my a online eCommerce platform that revolves around the purchase and selling of felines. The app is also quite humorous but has a more utilitarian nature as well. Users can search for cats of their choice to by, and use filters to look for the particular cat they want (age, breed, color). There is also a page where users can bid on cats live. A map with location tracking shows the general area in which a cat is being sold. The user can purchase a cat by adding it to their cart and proceeding with the checkout through online payment.
  • Meme-book an app that displays a meme from an online database every time you click a button. You can bookmark and save your favorite memes, as well as send it to friends and loved ones. It also comes with a meme-creator that utilizes prebuilt templates and customizable elements to create your very own memes.



For our class assignment, we went over how process flows were done as diagrams. Mr. Shamsul had us create a flow diagram for a student applying for university. Below is my end result:

The entire process of applying for a university on the website.

Further development of Cat App Concept

  • Meow.my
  • Splash welcome page
  • GPS map with location tracking, displays local cat stores and re-sellers in the area
  • Search bar with filter options
    • Options to narrow search using filters; breed, age, color, temperment
  • Rating system, to rate re-sellers
  • Cart checkout system
  • Pay through debit or credit card, receipt and confirmation of purchase page
  • Help page
  • Customer support page
  • Cat trivia and encyclopedia page




















Comments

  1. Unknown15 May 2018 at 23:05


    awesome post presented by you..your writing style is fabulous and keep update with your blogs.

    Mobile Application Developers In Hyderabad

    ReplyDelete

Post a Comment

Popular posts from this blog

T&H Week 1 - Week 4 Exercises

Image
28/3/17 - 25/4/17, Week 1 - Week 5 Kamal Afiq [0330643] Typography and Hypertextuality Exercises Lecture Notes Lecture 1: Introduction Mr Vinod and Mr. Shamsul started off by asking us what we think typography is. The general consensus was that typography was essentially the art of text, and how text could be made into art and deliver a message. They walked us through the module outline and showed us examples of previous students' portfolios. We would be mainly delving into the world of calligraphy and type. Our first task was to get together into groups and research a particular calligraphic hand. My group chose Gothic textura quadrata. A classical, 13th century Black Letter font developed in Germania, mainly used for inscriptions and stained glass. Lecture 2: Calligraphy For the first 2 hours of the session, we were given a run down over what typography is. Typography is essentially the style and appearance of printer matter. It can be used to deliver me...
Read more

T&H Week 9 - Week 10 Project 2 Font Design

Image
30/5/17 - 6/6/17, Week 9 - Week 10 Kamal Afiq [0330643] Typography and Hypertextuality Project 2 Font Design Lecture Notes Week 9 We didn't have a traditional lecture this week. In class we focused our efforts on further developing our fonts; digitization, fixing errors, etc. We reviewed our progress and gave us feedback on the work we had completed so far. Week 10 We were not given a theoretical lecture this week. Instead Mr. Vinod gave us a lecture/demonstration on how to use FontLab Studio. He talked us through how to setup the font parameters; e.g. Ascender and Cap height. He also taught us how to transfer our glyphs from Illustrator to Fontlab, and how to carry out letterspacing and kerning on our font. He also taught us how to generate the font for use. Instructions Project 2: Font Design Description You will be expected to design a font of 27 western alphabets along with punctuation marks. To begin with choose an existing font d...
Read more

Advertising Principles & Practice

Image
01/07/19- ,  Week 1-7 Kamal Afiq [0330643] Advertising Principles & Practice D&AD New Blood Week 1 This week we're given a rundown and brief over the D&AD New Blood program, and were given the chance to explore a multitude of different design briefs for different client companies. The ones that I'm considering are: Virgin Atlantic - A campaign for spontaneous holiday adventures The Times & The Sunday Times - Being informed is worth paying for Monotype - Use type to celebrate a community Microsoft Surface - Campaign to show Brand perception and celebrate creativity Adobe & LADbible - Create an inspirational story that spreads a positive social message Lecture Notes Advertising is derived from the Latin word Advertere . It means to 'turn towards'. Essentially it is calling attention to 'something'. Advertising is a tool of marketing and business, and is used to make aware, persuade, communicate and create a bra...
Read more