INTERACTIVE DESIGN - EXERCISES

30/08/18 - 11/10/18 (Week 1 - Week 7)
Linda Oktaviani ( 0333152)

Interactive Design

Exercises

__________________________________________________________

INSTRUCTION

__________________________________________________________

LECTURE NOTES

30/08/18 (Week 1)

This week we were introduced to this module and Mr. Shamsul told us what we will do in this class as well as knowing what is our project one, project two and final project. Mr. Vinod also asked we to have Adobe Dreamweaver which we will use later. In this first class, we also learn about UI ( User Interface) and UX ( User Experience).

06/09/18 (Week 2) 

week 2 was about learn the difference between UI (User Interface) and UX ( User Experience) in this first class. Thereafter, Mr. Shamsul asked we into groups to do the activities.  we have to critic and also evaluate the website and decide 6 good websites and 6 bad as well as the purpose, design, and usability of the websites. websites from https://www.webbyawards.com and https://www.thebestdesigns.com
we were given a google sheet to fill it up with 12 websites that we had to choose.

13/09/18 (Week 3): UI vs UX

In today's class, We still learn about UI, UX and also Golden rules of interface design which are
ease of learning, the efficiency of use, memorability, minimize errors, satisfy the user. 

• User Experience Design is the process of development and improvement of quality interaction between a user and all facets of a company.
• User Interface Design is responsible for the transference of a brand’s strengths and visual assets to a product’s interface as to best enhance the user’s experience.

27/09/18 (Week 5): Web Standards


This week, we learned about web standards. for structure page, it is important to remember that the content is a really important part and have a clear hierarchy of information by using headings and sub-headings to differentiate the content. 



04/10/18 (Week 6): Extra Markup / Cascading Style Sheet (CSS)





11/10/18 (Week 7) 


EXERCISES

Here are 6 websites that I and my group choose as a good website :

https://atlantabrewing.com/

www.drroebucks.com

www.icosyndicate.org

www.readcereal.com

www.99x99s.com

www.spacecraftforall.com

https://atlantabrewing.com/

www.drroebucks.com

www.icosyndicate.org

www.readcereal.com

www.99x99s.com

www.spacecraftforall.com

https://atlantabrewing.com/

www.drroebucks.com

www.icosyndicate.org

www.readcereal.com

www.99x99s.com

www.spacecraftforall.com

Here are 6 websites that I and my group choose as a bad website :

https://www.webbyawards.com/

https://www.viennesemodernism2018.info/en/

https://www.atlasobscura.com/

http://mkshft.org/

http://mkshft.org/

13/09/18 (Week 3)

In today's class, we did our second exercise. Mr. Shamsul asked we to be in groups to design a user interface for Taylor's University Information Kiosk and  The goal of this interactive information kiosk is to make the user easy to access Taylor's University. In addition, the target audience is the parent and visitors.






We had a misunderstanding of low-fidelity, ours was 'too low-fi'; we thought that we didn't have to label anything and to just use dummy text/lorem ipsum. After some feedback and more explanations, we revised it.





27/09/18 (Week 5)

 After lecturer, we are required to try coding for HTML using text edit, so we got the idea how it works.

1.1 Final Outcome

 I prepare my personal information that required for out resume 

04/10/18 (Week 6)

This week, we are instructed to use Adobe Dreamweaver to design our simple resume.

_____________________________________

REFLECTION : 


EXPERIENCES:

Week 1; I've learned what's the difference between UX and UI. Other than that we got to see about coding it looks interesting but I know it's not easy. Week 2; This week we got a presentation and learn how to critic a web design based on its design and usability itself. Week 3; we got to exercise in a group team to design our Information Kiosk which makes me know what's it like to design a user interface.

OBSERVATION :

Week 1; I observed that UI and UX are two things that related to making a successful web design and its important to create an Interactive web design and how that website have a good usability. Week2; I observed that there are many web design that designed very awesome. However, some of the design doesn't communicate very well. Week 3; That not easy as UI to make the user understand what we wanted if we just put an image as instruction, so we have to make everything clear inside the website so there's no miss understanding.

FINDINGS:

Week 1; Designing a website it's not easy even just a simple design. Furthermore, coding also can be hard, need a long time and have to be patient while doing coding. Week2; I thought that all website are good enough but in this exercises, I got learned to critics and think what is the lack of that website that make it as a bad website. Week 3; It's important to make sure that our design is understandable and satisfies by our target audience's.

_____________________________________

FURTHER READING

Designing Interfaces

This book is almost entirely about the look and behavior of applications, web apps, and interactive devices that may help the reader’s express ideas in language, expanding our interface design “vocabulary” helps us create more expressive designs. The patterns in this book are grouped into thematic chapters, and each chapter has an introduction that briefly covers the concepts those patterns are built upon. Further, I really excited to see to read about organizing the content and what I’ve learned was for designing our interface we can start by making sketches of the interface otherwise if we are not a visual thinker by nature, hold off on the interface sketches. we need to stay flexible and creative for a little while until we work out the overall organization of the application. there are probably serves several functions in our site: a software service—maybe several services—sharing information, selling a product, branding, social communication, or any number of other goals. Your home page or opening screen may need to convey all of these. Via text and imagery, users should be directed to the part of your site or app that accomplishes their purposes. So, The whole point of the page’s design is to show or play a single piece of content