Author: tracyphan4

Design Patterns

Responds to Week 3 lecture pod

Definition

Design patterns are the differentiation of form for design solutions in interactive/interaction design. It was mainly introduced by an architect Christopher Alexander, who argued that pattern language allows the arrangement of the physical environment in relation to effectively solve the problem presented (C.Alexander et al, A Pattern Language, p.xv). His perspective of solving design solutions are defined with questioning: 

  • Does it occur and felt in the way we have described it and the solution? 
  • Does the arrangement we propose in fact resolve the problem? 
  • Depend on what type of problems to be solved? 

Examples

The examples down below are the design patterns which I thought is very important and essential to interactive/interaction design.

The hamburger menu:


Apptimize. (2018, May 4). The Ultimate Guide to the Hamburger Menu and Its Alternatives. Retrieved from https://uxplanet.org/the-ultimate-guide-to-the-hamburger-menu-and-its-alternatives-e2da8dc7f1db
  • It is a interactive button that organises your categories such as menus, pages or options in desktop, tablet and mobile version
  • It usually is displayed on the top left for functionality, save space for eye comforting and is user friendly

Account registration

How to register for an account at beckman.com. (n.d.). Retrieved from https://www.beckman.com/support/my-account/register
  • It is a form to fill out your detail of your name, sign up for newsletter, gain benefit (sales, voucher, point) etc
  • Help you guide through the process quicker and smoothly

Hero images

7 CSS tips to add some WOW to your hero image. (2016, October 11). Retrieved from https://www.csshero.org/7-css-tips-add-wow-hero-image/
  • A effective and fastest way to grab the user’s attention
  • It can be in animated videos to showcase the storytelling further and the emphasis on the theme and the environment
  • It is important that under consideration whether if it is suitable for the particular topic and the target audience
  • It can have a strong impact on the users in term of effect and parallel to caught their attention

To conclude, it is suggested and clear that these design patterns follow the design trend yearly to support people’s abilities to interact with technologies and interactive products.

Week 2 Studio activities

Sitemap & UI interface design

Basic sitemap of a toast. (About, recipes and resources)

UI interface design sketch of how to preparing a toast and dietary options.

These sketches gave me the insight of how site map and UI interface design works in digital media and its purpose.

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.

The Power of Interaction Design

Week 1 lecture pod summary and reflection

What is interaction design in my own perspective?

It is a complex process in designing interactive products to allows the interaction between people and technologies such as the app, website, mobile and tablet. Both designers and researchers used this method of interaction design to create products that enable the users used it to achieve their goals. 

Summary and reflection

My lecture pod talks about Bill Verplank, who is an experienced UX designer, he discussed the step-by-step of brainstorming, planning and testing process of creating interactive products. User experience is also important that it shows how it interacts with the world and support people’s everyday lives. He stated that creating interactive products has three questions: 

  • How do you know?
  • How do you do?
  • How do you feel?
Roesler, A. Interaction Design [Drawing map]. Retrieved March 10th, 2019 from https://blogs.uw.edu/hcde/2009/04/27/summer-class-art-383-fundamentals-of-interaction-design/

Interactivity is another one of the most important design processes in interaction design. It involves many steps to gain feedback, control, creativity/co-creativity, communications and adaptivity to successfully launch the users’ products out to the societies.