Category: Class Notes

Exercises

aquinoamieLeave a comment

1) HOW TO MAKE TOAST EASY!

The following text/images/charts will give you a deep and close insight into how to make toast with a toaster. Enjoy!

Flowchart on how to make Toast:

Steps on how to make Toast:

Step 1: Plug in toaster into power point

Step 2: Ensure toaster is on

Step 3: Grab some toast

Step 4: Place bread into slots

Step 5: Adjust temperature to liking

Step 6: Push down lever to commence toasting

Step 7: Wait until toast pops up

Step 8: Wait until toast cools down

Step 9: Take out toast

Step 10: Check if toast is to your liking

Step 11: Prepare and eat!

Visual story board on how to make toast:

Site Map & Single Interface:

Wireframe of Toast website:

2) Meet Dave! (Mood Board)

3) Wireframes for ideas for screen design

4) User Scenario Description

Oliver Alexander

It’s Saturday morning and Oliver had just finished up his rounds surfing. Whilst making his way out of the water he feels something by his feet, assuming it was seaweed he proceeds to walk onto shore, but later finds out it was a plastic bag. Furious with his find as it was not the first time, Oliver grabs his belongs and makes his way to the nearest coffee shop to get some breakfast. Having settled down in the coffee shop, and wanting to find a solution to this problem, he searches the web for “plastic pollution in beaches” and was drawn to the website “Agua”. He brushes up on the horrific impacts of plastic to the environment, and reads up ways to reduce waste, and how to spread awareness through the website. His goal is to reduce plastic waste in Australian beaches.

Xavia Montana

It was an ordinary afternoon for Xavia, consisted with lounging around at home on her phone, making the daily rounds on social media. Whilst scrolling down her feed in Facebook, she comes across a “trend” of going plastic free for a week. She clicks on the link and is relocated to the website “Agua”. Filled with intrigue, she explores the website, and reads upon the dangers of plastic pollution, possible solutions and plastic alternatives. Seeing as she the type of person to be prone to social media trends, she mainly focuses her attention to the plastic alternatives to gain further knowledge for going plastic free. Now fully aware of the amount of waste she makes daily, and the negative impact of plastic to the world, Xavia is determined to make some lifestyle changes in hopes to reduce plastic pollution in the ocean.

5) User Persona

6) Sitmap of website

7) Alternative layouts

Layout 1:

Layout 2:

Layout 3: Long-scroll

8) Logo/title Design Review Sheet

9) Ideation map

10) Review Sheet

Before:

After:

Beginners Guide to Interaction Design

aquinoamieLeave a comment

Interaction design is a process of creating engaging and meaningful designs that help improve the interaction between users and products – shaping and influencing our everyday lives. Bill Verplank is a designer and researcher who focuses on interactions between humans and computers, he states that designers in the field are faced with 3 key questions. How do you do? How do you feel? How do you know? (Verplank, 2015). Referring to how designers will affect the world, how will they get feedback, and how will the user understand how to use the product. An interactive designer must wear the hat of many roles relative within different design realms, including information design, information architecture, graphic design and interface design, to achieve the best results.

Bill Verplank Interaction Design [Image] (2009). Retrieved March 9, 2019 from https://www.slideshare.net/jazzliang/interaction-design-material-form-and-metaphor-1311497

There are several disciplines that contribute to interaction design, each framing a task differently, therefore provides different approaches. Cognition is an important aspect, as it is the mental process or act of acquiring knowledge and understanding through thoughts, experiences, and senses. These are vital information designers need especially for screen designs. The continuum of interactivity is a set of factors (feedback, control, creativity/co-creativity, productivity, communication, adaptivity) that are inhabited within certain interactions with humans and different products.

Continuum of Interactivity [Image] (2009, May) Retrieved March 9, 2019 from https://www.flickr.com/photos/julioterra/3512210034

These factors vary due to the amount of control a user has over the tools, pace or content, to be able to be productive or creative. There are 5 key design areas that contribute to the designing of interactive products, interactivity, information architecture, time and motion, narrative and interface. In sum, interactive design isn’t centrally based on the information, but the experience it provides people.