Interaction and Visual Design by Lewgaowei https://padlet.com/lewgaowei/llm9uo4qqp0o Weekly Lesson Assignment en-us 2016-10-18 01:25:13 UTC 2016-12-08 23:36:40 UTC hello@padlet.com Tutorial 1 - Activity 1 lewgaowei https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/131344172 Interaction Design Definition
Interaction design is the practice of designing interactive products, environments, systems, and services. It defines the structure and behaviour of interactive systems and facilitate interactions between people and their environment. Interaction designers strive to create meaningful relationships between people and the products and services that they use, from computers to mobile devices to appliances and beyond. 




]]> 2016-10-18 01:37:00 UTC https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/131344172 Tutorial 1 - Activity 2 lewgaowei https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/131344654 Interaction Design Process
The common process to achieve desired outcomes in interaction designs is: definition; research; ideation; design; prototyping; observation; and iteration.

The first phase is defining the project, the product and the design task at hand, and understand what we are trying to solve or achieve.

Next, after we have defined the project, we begin on our research. Gathering of data to form the foundation of our final product are done in this stage.

The third phase is ideation where we make use of the data that we gathered to help us generate ideas and potential solution. In this phase we think, collaborate, sketch, ponder, wonder, dream, and draw. We generate many possibilities, select a few viable ideas, and pursue only the best. 

Next, is the design and prototyping stage. We create models of our possible solutions to test them, ensure they are complete, and that they help people solve problems, complete tasks, and achieve goals. Designs range from low fidelity sketches, to high fidelity wireframes, and visual comps. Prototypes can vary from simple objects, or click through sequences, to elaborate functional interfaces, and mock devices.

The last phase of interaction design is observation and iteration. In this phase, we not only refine our design but also monitor the performance, usability, accessibility, and the success of a product after it's been released. We gather data, speak with and observe users, gather usage and error data, and look for opportunities to modify, improve, and enhance that product. 


]]> 2016-10-18 01:41:05 UTC https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/131344654 Tutorial 1 - Activity 3 lewgaowei https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/131352014 Industries that have been disrupted

Retail
-Carousell
-Ebay
-Amazon


Travel / Accomodation
-Uber
-AirBNB


Banking
-Paypal


Health & Beauty Services
-Vanitee


Food
-Foodpanda
-Deliveroo


]]> 2016-10-18 02:49:30 UTC https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/131352014 Tutorial 2 - Activity 1 lewgaowei https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/132885439 Discovery of an Existing APP.

APP Name:  
LookTel Money Reader

Overview
LookTel Money Reader instantly recognises currency and speaks the denomination, enabling people experiencing visual impairments or blindness to quickly and easily identify and count bills. Visually impaired individuals simply point the camera of your iOS device at a bill and the application will tell him the denomination in real-time. Twenty-one currencies are supported: the US Dollar, Australian Dollar, Bahraini Dinar, Brazilian Real, Belarusian Ruble, British Pound, Canadian Dollar, Euro, Hungarian Forint, Israeli Shekel, Indian Rupee, Japanese Yen, Kuwaiti Dinar, Mexican Peso, New Zealand Dollar, Polish Zloty, Russian Ruble, Saudi Arabian Riyal, Singapore Dollar, and United Arab Emirates Dirham.

Features
  1. Scan and identify bills
  2. Count bills
  3. Voiceover with assistive technology, equipped with several languages
  4. Supports multiple currencies
  5. Efficient and fast scanner

Target Market
Visually impaired individuals

Population: 285 million people
Low Vision: 246 million people
Blind: 39 million people 

Lifestyle:
1. Visually Impaired 
2. Owns a smartphone
2. Use cash regularly

Video Reference
]]> 2016-10-25 01:32:30 UTC https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/132885439 Tutorial 6 - Activity 1 (Client A) lewgaowei https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/142702439 Client A should know what a prototype is. Prototypes are simulations, models to showcase how the finished product will work. They let your experience how the application flows and how its interaction works. 

 If the company does not do prototyping it may end up costing the company  lost of time and money through mis-steps and imperfect results. 

If user experience is important to our project, we need to be working some degree of prototyping. Prototypes allow you to test out what works, and what doesn;t, before you make the expensive decision to write code or produce assets.

Testing prototypes may result in solving unexpected problem.

By testing prototypes with users, we can catch mistakes and avoid incorrect assumptions and it also ensure that your interface is intuitive to your target audience.]]> 2016-12-08 23:34:23 UTC https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/142702439 Tutorial 6 - Activity 1 (Client B) lewgaowei https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/142702493 Prototype does not have to be perfect, it has to conveys the ideas accurately. 

Prototyping allow you to physically test your design and does not require's one skills of coding and programming but it only needs a person to be able to sketch out the idea and concept.

Prototype do not need to be full of details, as prototype is about building only the things you need, and it is not necessary to build the finished product. Leaving a few rough edges and blank spaces are fine as long as it accurately depicts proper user experience.

Set expectation about your prototype , ensure that people who will interact with it know what to expect, what its focus is and what you're hoping to learn from it. ]]> 2016-12-08 23:35:28 UTC https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/142702493 Tutorial 6 - Activity 1 (Client C) lewgaowei https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/142702519 Once the prototype is ready, you will receive a notification from us with a link to your prototype. You will be allowed to have the access to your web/ app. You will be able to click through the pages as if it was a real life app. As this prototype will be interact-able to the user .

Do not worry if you do not have the time to go through the prototype, the prototype will be there forever and hints will be given along the way, to reduce confusion.

Once, we are confirmed with the prototype, we can start building our official website / application. And once its done we can launch it into the market]]> 2016-12-08 23:35:52 UTC https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/142702519 Tutorial 6 - Activity 2 lewgaowei https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/142702562 Marvel App]]> 2016-12-08 23:36:28 UTC https://padlet.com/lewgaowei/llm9uo4qqp0o/wish/142702562