Application Design I: Project 1 / Mobile Application Proposal

-

Seojeong Kim / 0350085

Application Design I / Bachelor of Design (Hons) in Creative Media

Project / E-Portfolio



Instruction



Lectures


UI VS UX

UI Design

- Focus on the way the functionality is displayed and the fine detail of how users interact with the interface

- Produce the visual comps and functioning front-end code

- Polishing final production

UX Design

- Focus on the structure and layout of content, navigation, and how users interact with them

- Produce site maps, user flows, prototypes, and wireframes (focus on the underlying structure and purpose of the software)

Common Characteristics

- Listen to your users and observe them interacting with your design

- To make a connection with the user, the design’s interface must achieve its mission-communicating information through the printed word, dispensing a product.

- Focus on being designed in a way that helps the user succeed



User Experience Research



Project 1 Framework



Digital Documentation




Task 1: App Design Proposal


Starbucks MY Application




- In this Application Design I project, we need to redesign an existing app that is judged unsatisfactory in terms of user experience or interface design. At first, I was very worried about which application to choose. First of all, I wanted to select an application that people use frequently, the reason is that the criteria are clear, and the more examples there are, the more information about the app that I can upgrade. 

- So, the app I ended up choosing was the 'Starbucks Malaysia' application. The main reason I chose this app is because it's in high demand, but it has a rating of 1.2 out of 5 based on the Apple Store. I thought that there must be a reason for the low ratings of all applications. So I chose the 'Starbucks Malaysia' app.


Starbucks MY Flowchart



Flowchart Miro Link


App Design Proposal PDF file:





Exercise 1:

Download one of the apps in the list and replicate the UI design. Select a minimum of 5 screens (not including onboarding) for the task. You're allowed to use any software (Adobe XD, Photoshop, Illustrator, or Figma) for the task. You may use any images from any resources as long as it is appropriate to the design. You need to study and observe carefully the original design and implement it in your crafting. Focus on the details, examine each pixel use in the original UI design and apply it to your own work.


Here is the list:

Productive - Habit Tracker

Sectograph 

Trip

AirBNB

Premier League

Strava


I have chose Airbnb.


PDF Files:



PDF Files After Feedback:




Task 2: UI Documentation


Starbucks MY Application / UI Documentation

Mood board






PDF files:


Final UI Documentation:

https://www.canva.com/design/DAFRLxrrrkg/dlH4GLa5HIHvKWsWLTX3cg/edit?utm_content=DAFRLxrrrkg&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

PDF File

-



Comments

Post a Comment

Popular posts from this blog

Typography / Task 2: Typographic Exploration and Communication

-
Image
10.01.2021 - 10.08.2021 (Week 6 - Week 7) Seojeong Kim / 0350085 Typography Bachelor of Design in Creative Media / Taylor’s University Task 2: Typographic Exploration & Communication (Text Expression & Formatting) Lectures Week 6: Mr. Vinod said that, It is important to take some notes from our classes, if I do not understand with my e-blog, just go and look at your senior's blog to check what I need to do. Also, if you do not understand anything in class, just ask the questions to understand it. He will be always stand behind us. - Typo_Task2_Process Demo - Introduction Exercise - Task 2: Text Formatting & Expression - 1. Layout Research - I looked up several layout examples, and all of them were really imaginative and attractive layouts. It was used for layout by putting small letters in large letters, or using various large and small models. 2. Sketches - I tried many layout sketches. It was a very good experience to know where to put the headline and how to lay...
Read more

Illustration and Visual Narrative: Final Compilation and Reflection

-
Image
26/8/2021 - 3/12/2021 (Week 1 - Week 15) Seojeong Kim / 0350085 Bachelor of Design (Hons) in Creative Media Illustration and Visual Narrative Final Compilation and Reflection  INSTRUCTIONS Links: Illustration & Visual Narrative / Task 1 Illustration & Visual Narrative / Task 2 Illustration & Visual Narrative / Final Project: Webtoon & Motion Comic SUBMISSION Task 1: Exercises 26/8/2021 - 16/9/2021 (Week 1 - Week  4) (12 - 16 hours ) Exercise 1: Vormator Challenge  Final character vector illustration in JPG Final character vector illustration in PDF Exercise 2: Vector Illustration (Game card design) Final game card layout design (Back) in JPG Final game card layout design (Front 1) in JPG Final game card layout design (Front 2) in JPG Final game card layout design (Front) in JPG Final game card layout design (Back) in JPG Task 2: Decisive Moment 16/9/2021 - 14/9/2021 (Week 4 - Week 8) (15 ~ 20 hours ) Final Decisive Moment Poster in JPG Final Decisive Momen...
Read more

Design Research Methodology: Critical Review

-
Image
28/4/2022 - 19/5/2022 / Week 4 - Week 7 Seojeong Kim / 0350085 Design Research Methodology / Bachelor of Design (Hons) in Creative Media Critical Review Instruction Critical Review - In this assignment, I was tasked with searching for 5 research papers related to my topic and writing a critical review. For the 5 research papers, you must select reference papers related to the topic of your choice. You have to do your research accurately based on what is published in Google Classroom. When writing this paper, you should analyze your methodology and have sufficient evidence to support your answer based on reliable information. Final Critical Review: Reflection - I had already decided on my topic and was working on a project, but after my topic changed, I had to rewrite a critical review. So I had to spend a lot of time writing critical reviews. However, through this work, I learned critical thinking skills, learned how to read papers, and learned forms and writing skills necessary fo...
Read more