Exercise
4th April 2019 (week 1) - x
Jennifer Tan Qing Ni (0333137)
Interactive Design
Exercises
LECTURES
Lecture 1: Introduction / MIB
Week 1 | 4th April 2019
For our first week of Interactive Design, we were first told about what we should expect in the next few weeks and what projects we will be doing. In this class, it is mostly about web design and coding.
He also introduced us to HTML which is what websites are built on. HTML = HyperText Markup Language. After a brief introduction and a lecture, we were then given a task.
Lecture 2: UI and UX
Week 2 | 11th April 2019
For our 2nd week, we were introduced to UI and UX
UX | User Experience
: how users users interact with the app or website itself and mainly focuses on the structure and layout of content, navigation.
UI | User Interface
: the graphical layout of an application. It focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access, understand, and use to facilitate those actions.
Below is the power point presentation that was presented today.
Lecture 3: HTML
Week 3 | 18th April 2019
For this week, We were thought the basics of HTML used in websites.
Mr Shamsul gave a lecture about how websites are made of HTML codes and also the basic HTML codes aka elements.
<h1> <h2> <h3> for heading
<p> for paragraphs
<body> for the body of the text
<li> for list
Below is the power point presentation that was presented.
INSTRUCTIONS
EXERCISE
Exercise 1: Evaluating Websites
Week 1 | 4th April 2019
After a introduction and lecture, we were given a group task in which we have to pick websites from
https://www.webbyawards.com/
and
https://www.thebestdesigns.com/
We have to choose 6 good websites and 6 bad websites and evaluate why its good and why its bad. Then we will have to present it in front of the classes of what we have found
Good
 |
| http://loveiko.com |
 |
| https://www.lundqvistdallyn.studio |
 |
| https://bhuti.co |
 |
| https://www.allthatgrows.in |
 |
| https://www.publichotels.com |
 |
| https://noughtsandones.com |
Bad
 |
| https://typecode.com |
 |
| http://www.kccreepfest.com/#schedule |
 |
| https://knoed.com |
 |
| http://www.99x99s.com |
 |
| https://louderthanten.com |
 |
| https://ofanother.com |
With some discussions with my group mates, we evaluate each website one by one and put it in an excel sheet that was prepared for us.
 |
| Figure 1.1 Excel sheet |
Week 2 | 9th April 2019
This week, we were given an in-class exercise in which we were required to built a kiosk for our own campus for different scenerios, eg: a new student arriving in campus, parents visiting etc. So we were first split up into different groups and it was up to us on how we wanted to built it and we were required to use a3 paper to built it. After some discussions with my group mates, we decided to go with "finding lecture halls in block A".
Some of us went to find information by walking around campus, then we started to design it. At first we wanted to incorporate a lot of things like the lecture halls, campus central, the commercial area and others. Then Mr Shamsul came to us and commented that we should focus on 1-2 for the time being.
Below is our final outcome.
 |
| Figure 1.0 |
 |
| Figure 1.1 |
 |
| Figure 1.2 |
 |
| Figure 1.3 |
Week 4
For this week, after Mr Shamsul conducted the lecture, we then used notepad/textedit to do our HTML. Mr Shamsul guided us along while doing the exercise.
 |
| Figure 1.4 HTML |
 |
| Figure 1.5 The outcome from the coding |
This week, after we introduced to CSS, we then made a new html file while using new things that we learnt from the lecture.
FEEDBACK
Week 1
For our presentation on the websites, Mr Shamsul was satisfied with our choices of websites and he agrees with us.
Week 2
Mr Shamsul commented on our kiosk being clean and clear and that all the necessary information was there.
FINDINGS
Week 1
This week, which is the first class, it really informed me a lot about websites and how there are much more than just html and codings. Also, when we view websites or even build them, we shouldn't focus on just its aesthetics but by how functional it is
Week 2
I found out that there is a lot of elements that we need to consider when building a kiosk/website. I also found out that when building kiosk and websites we really have to think in a users perspective so we can see if its complicated or not.
OBSERVATIONS
Week 1
I realised that we are quite critical when it comes to judging websites. We are also quite attentive to little details.
Week 2
I could see me and my group mates being really confused when building the kiosk in the beginning but through communication, we got through it.
REFLECTIONS
Week 1
I really wasn't expecting much for this class cause I personally am not a fan of coding. But with the first class, I actually find it quite okay and interesting. This class really opened up to me about what to look for in a website and I actually had fun.
Week 2
This week, we had to built a paper kiosk for different scenarios and honestly Ive never done something like this and it really helped think in a users perspective and to be very complete when building something.
FURTHER READING
Week 1
Why Does User Experience Matter? by Carrie Cousins
Link
User experience is a part of the design process and its something that is easily forgotten but it is something that is quite crucial when it comes to the designing process, from early concepts to the final product.
UX Primer
User experience is how a person feels when interacting with a digital product. UX holds a lot of factor and some can be controlled by the developers and designers while some needs to be what it is.
These factors include:
- Usability
- Acessbility
- Performance
- Design/Aesthetics
- Utility
- Ergonomics
- Overall human interaction
- Marketing
UX is more about the effectiveness of a site design and how user-friendly it is. Usability plays a key component of overall user experience.
Why UX matters?
When it comes to Ux, its very important when it comes to any digital product, even more so for certain digital products like complex sites or applications, retails or online sales and others that are expected to last quite a long time. Let's just say its just as important as visual identity. The more complex types of sites includes retail or online sales like Amazon or eBay. These kinds of sites needs to be really well organised and it has to be really secure for users to secure purchases. Simple instructions needs to be given so that users can have a smooth experience.
For smaller companies or a a start up business, UX is key to let first time users have a good impression as it can literally influence the users impression on whether they want to visit it again or not. It can be just a few seconds whether your site or app is worth their time or not.
Week 2
User Interface Development in the Next 5-10 year by Brett Uglow
User Interface Development in the Next 5-10 year by Brett Uglow
UI Trends
Movies like Iron Man 2 where the tech that has been shown in the movies feature spatial interfaces with gestures interactions, people have long been wanting to see these kind of interfaces to reach mainstream society. Things like Virtual/ Augmented/ Mixed reality (VR, AR, MR) tech have become available but yet to be something to be owned by everyone in the mainstream society.
There are 2 main tech reasons why it has become mainstream :
- Spatial interfaces requires a whole lot of computing power and hardware, and that includes interfaces like virtual reality and AR. Some of the hardware that can help make all this happen are still in development and being perfected.
- The tooling to create spatial interfaces is designed for really-smart-3D-programmers. The demand for spatial interfaces are normally form the games and entertainment industry rather than in business and others.
Technology Trends
Artificial Intelligence and Machine Learning has peaked the technology's industry in which computers can give appropriate answers to general questions, translate language and beat humans at pc games. One of the reasons it has improved so much is because of the amount of contextual awareness that has been increasing. For example, like Google Home or Alexa from Amazon.
Comments
Post a Comment