Application Design I - Project 1 : Mobile Application Proposal

29.08.2022 -  19.09.2022 ( Week 1 - Week 4 )

Michelle Angeline Gunawan / 0349760 / Bachelor of Design in Creative Media
Application Design I
Project 1 : Mobile Application Proposal 

---

LECTURES

Lecture 1

UI vs UX

UX would say that button should physically press down when you click it.

UX Designer : UX Designers focus on the structure and layout of content, navigation and how users interact with them. The types of deliverables they produce include site-maps, user flows, prototypes and wireframes, which are more focussed on the underlying structure and purpose of the software. The visual appearance does impact on these, but can be created as a separate layer that is applied over the top.

UI would be a series of buttons and how they look.

UI Designer : Focus on the way the functionality is displayed and the fine detail of how users interact with the interface. They produce the visual comps and functioning front-end code. This is very much about polished final production quality outputs.

Figure 1.1 User Experience Design

Common Characteristics

• First consideration is determining who the user is
• The design must be as broad or narrow as necessary to accommodate the intended user
• There is no recipe that’s going to make your design appropriate for all applications and users
• “There’s no such thing as good design,”- Nielsen
• What to do?
• Listen to your users and observe them interacting with your design
• Think ahead of who will actually be using your product and go from there
• Graphic designers have been reared on a variety of formulaic methods and approaches for successful design.
• It helps to think of any designed piece as an interface, be it a book, shampoo bottle, retail
• store, or Web site
• In order to make a connection with the user, the design’s interface must achieve its mission-
• communicating information through the printed word, dispensing a product, projecting and image or creating a space that’s easy to navigate
• Changing the focus from the designer’s aesthetic to the user’s need allows the product to be designed in a way that helps the user succeed
• From here, the aesthetic considerations can follow

Golden Rules of Interface Design

Interface expert Nielsen identifies five usability attributes designers should heed when creating a design interface, no matter what their medium:

• Ease of Learning
• Efficiency of Use
• Memorability
• Minimize Errors
• Satisfy the User

Do’s and Don’ts of UI Design

• Strong Logo Position
  
  
  
  Figure 1.2 Strong Logo Position
  
  
• Provide Hierarchy
  
  
  
  Figure 1.3 Provide Hierarchy
  
  
• Don’t Use Placeholder as Label
  
  
  
  Figure 1.4 Don’t Use Placeholder as Label
  
  
• Primary CTA button should always stand out
  
  
  
  Figure 1.5 Primary CTA button should always stand out
  
  
• Format the text properly
  
  
  
  

  Figure 1.5 Format the text properly
  
  
• Don’t use radio button, instead use card
  
  
  
  Figure 1.6 Don’t use radio button, instead use card
  
  
• Provide sample and use simple email address text field
  
  
  
  Figure 1.7 Provide sample and use simple email address text field
  
  
• Use Color Psychology
  
  
  
  Figure 1.8 Use Color Psychology
• Horizontal Alignment
  
  
  
  Figure 1.9 Horizontal Alignment
  
  
• Keep fields minimal
  
  
  
  Figure 1.9 Horizontal Alignment
  
  
• Properly place your CTA button
  
  
  
  Figure 1.10 Properly place your CTA button

Defining Project Goal

Project Goals :

• What do you want to achieve
• What is your desirable outcome

Why?

• What needs to be solved?
• Input real user data

Where?

• Type of OS (ios, android, desktop etc)
• Input real user data

When?

• Draft your timeline

Who?

• Who are experiencing the pain points

Success Metrics

• State your Key Performance Index (KPI)

---

INSTRUCTIONS

---

TASK 

Week 1
Public Holiday

Week 2

In week 2, we were asked to create a framework to define our project goals. We do it using MIRO and there is already a template provided. Here are the links and the results of the work:

Link : https://miro.com/app/board/uXjVPaWf7i8=/?share_link_id=803081572416

Figure 2.1 Framework

Week 3

In week 3 we were asked to make an app process flow chart using MIRO. Here I made lots of chart branches because there are many menus in the BCA Mobile application. Here are the links and the results of the work:

Link : https://miro.com/app/board/uXjVPaWf7i8=/?share_link_id=803081572416

Figure 2.2 App Process Flow

Week 4

Week 4 is the time for us to work on the proposal from our application. I chose BCA Mobile. BCA Mobile is a banking application in Indonesia. I created my proposal using Canva. But before that, we need to do a survey about our application. I managed to collect 40 respondents and the results will be included in the proposal presentation.

Here are what we should have in your proposal (First Document)

DISCOVERY SESSION Surveys, interviews, market studies, and research

HOW MIGHT WE Project Name, Key Partners, Key Activities, Key Resources, Key Proposition, Customer Relationship, Channels, Customer Segment, Cost Structure, Revenue Stream

Figure 2.2 Proposal Presentation

---

REFLECTIONS

The first few weeks are the weeks where we can still relax a little because there is only exercise. In this project 1 we were asked to choose an application then make a proposal and don't forget the survey. Gathering respondents was quite challenging for me. Then when I started working on the presentation of the proposal I realized there was some material missing and I had to create it and move it into the presentation. Overall project 1 is quite challenging but also quite fun to work on.