# data[].attributes.body
It is by creating immediate access to provisioning of goods and services for the consumer. So that it is more convenient for them to make purchase and save time and manpower while doing so.

# data[].attributes.headline
Understanding the interaction design process.

# data[].attributes.subject
Understanding the interaction design process.

# data[].attributes.body
Interaction design process have 6 steps： Research, Ideation, Design, Prototyping, Observation and Iteration as needed.
We research for possible problems related to the project and give ideas for possible solution. This research process should not stop as more data gathered will give us more information for us to analysis.
Then Idea is given, we should take down all the possibilities and then choose few of the best to consider further. Finally we take the  best to pursue.
After that we create models and test them for their function whether it can solve the problem. Observation is make to how the APP work as we are design for others and not designers to use. Changers will be make according to customers needs to further improve the product and we have to make sure the user experience for the performance, usability, accessibility is top

# data[].attributes.body
Interaction Design is to build good relation between people and devices and make people have a very interactive experience and not feeling board or lost when using the devices.
To achieve all this we need to know what is the normal behavior of a human, what is their preference and liking, so that we can design a device that can better interact with people.
Unlike Product Design, Visual Design, Information Architecture.Visual design is focus on the interface and graphic design of the APP and not the interaction with the user(https://www.interaction-design.org/literature/topics/visual-design).
Product design is the process which create the best APP for the user, getting feedback and make improvement on that product to get the best design.(https://uxdesign.cc/what-is-product-design-d95cd5339f5c)
Information Architecture is about how you arrange something to make it more understandable for everyone and how is it different from Interaction Design is that it is part of the Interaction design but not all. Interaction Design is not just the arrangement of the buttons and things.()

# data[].attributes.body
http://gofresh.com.sg/
1: Visibility of system status was good. The header and navigation bar was always on the top and visible. Words is not too small for me to see. Things was clean and looks clean. But there is alignment mistake for the product. Some links is show and directed well. Some words are hard to read because of the background picture.

2:  The header still at the same place which is good. Clean looking and understandable buttons for me to find. But JUST THE FACT, RECEIPTS and SUGGESTED COOKING METHOD at the bottom is empty without content which is useless.

3: A lot of full cap words which is hard to read. UPDATE CART button cannot be press and not really understand what it means. Delete items did not pop up and ask if i want to delete.

4 elements that lacks usability heuristics.
Error prevention
A lot of coding error for misalignment.
Aesthetic and minimalist design
Some information got header but no content which is useless
Help and documentation
No solution provided for pop up error.
Match between system and the real world
Very inconsistent of using the font and the caps. Make some words very hard to read.

# data[].attributes.body
Activity 1
Client A:
We understand your pains but prototyping is a very important process for your site/app because without it you might not like the first look of the the site/app. As for the User Interface design we need to get feedback from you as for the placement of the buttons and the icons to use. Also the content for the site/app we need feedback for the font size and style. As you are the owner of the business you know what suit the user best therefore we need to do a prototype first and gather the feedback to come out with a version which will better serve your customers.

Client B:
This is not the final product for publish but a simple prototype for you to get a feel of how it looks like. As for the boxes and lines. That is the placeholders for your content, it is use to show you where your item will be placed and for the color it is gray so that you will not get distracted by the colors. We are focusing on the layout and content. The 'lorem ipsum' is just a random text to fill into the content. You just need to get a feel of the font size and font style, if it suits your site/app.

Client C:
I need you to go through the pages and check if everything you need is there, and the layout is correct. Also if you are able to let the user to test it out then we can gather the feedback and do the last correction. As the user do not know how it works it can better test the site/app's functionality. Once everything is done we can add in the color of your choice and we can give you the working site/app for you to use.

# data[].attributes.body
https://marvelapp.com/94c011b