design process

Week 7: UI visual design patterns

Response to week 7 lecture pod

To fully understand UX and UI patterns, they are an essential term in producing interactive products such as website and app. Both of them are crucial to a product and work closely together as one to visualise the presentation, senses and reaction. 

UX (user experience)

It is the first design process for interactive products to enhance the customer’s experience when observing how they react to it. It aims to improve the usability and functionality provided in the interaction between the customer and the product. For example, researchers or designers in the UI/UX field relies on the element of creating:

  • User persona: create your own character related to your product 
  • User Scenario: Analysing how your persona act out when interacting with your product based on personalities, likes, dislikes and hobbies
  • Usability testing: ask questions and feedback on your product from the peer, professor, client or customer
  • Wireframe: A visual guide for your website or app to represent your skeletal framework and to demonstrate your development and plan of the layout 
UI (user interface)

In this stage, it means that your interactive product such as a website or app has been designed in term of look and feel. It also showcases the final presentation of the product and focuses on interactivity, responsiveness and efficient experience. Therefore, It allows for the user to gain an understanding of how your interactive product benefits daily lives and to help them seek content to complete their goals.

Example of my UI design 

These are my final UI screen designs are for showcasing my intention of creating an informative website about ocean plastic pollution and how it tied to the arising event of climate change. I have also created my own branding in order to value the marine life in the ocean and the aims to deal with plastic pollution as an environmental community. 

Home page
About page

Process & Content in Interaction Design

Response to Week 2 lecture pod

Design processes in interaction or interactive designs are essential for testing and producing digital products to support today’s societies. It is very important for designers and researchers to develop their products involved in many processes to achieve the desired goals for the user to experience it successfully.

This is a new and modern way of the design process. It will give the designers a more streamlined approach of producing products for their clients to have the best user experience (Zurb, n.d). 

Upon preparing for the prototype, it is very important to take this process considering: what people are trying to do, how they may try to do it, what gets in the way or helps and where they might be doing it. For example, to confirm the transaction or see if you had enough money to spent, you log into your bank account in your phone or any ATM machine with protected security such as password, fingerprint ID or face ID to open it. It is apparently useful for those who are out shopping or in certain situations where they needed to spend. 

ZURB — Product Design, Interaction Design & Design Strategy. (n.d.). Retrieved from https://zurb.com/word/design-process
Putting Personas to Work in UX Design: What They Are and Why They’re Important. (2018, February 21). Retrieved from https://theblog.adobe.com/putting-personas-to-work-in-ux-design-what-they-are-and-why-theyre-important/

Another essential part of this process is to states your target audience and ask someone to be your persona so they take part in the user experience with your prototype. They can help you with decision-making by understanding the client’s point of view on this prototype to allow your design process to run smoothly and finalising it.