DESN10799: Assignment 3 Device Overuse

The goal of most apps and websites is to keep the user’s attention for as long as possible.1 This benefits them because they can gather more and more data as the users use the app. If this is the goal for the company that I work for, then as an interaction designer, my goal is to create an app with endless possibilities and use as many social principles in my design as possible in order to keep user retention.

There should be many social aspects to the app as well as design fundamentals that will make them want to stay on the app. The more users the better, as many people thrive off social media use.2

I can apply the strategies and algorithms that have been proven to work well by companies such as Facebook and Netflix. They gather data on what the user likes and use other data, AI, and machine learning to predict what the user might like.

User retention is the most important part of an app for a company. This is because the longer the user uses their app, the more information they gather, and the more information they gather, the more they know how to keep the user around longer.2 It’s a cycle.

In the future, I’ll approach a design brief with the thought of user retention in mind. This can be through appeal (pathos, logos, ethos), and persuasion.

A good example is my approach to my Interactive Media coding project. When brainstorming ideas for the time of the project, I kept asking the questions such as “what is going to make people want to use it” and “how can we keep people using it”.

This led me to think of factors such as locations, what type of content, type of interaction, as well as the social aspect of it. If I incorporated a social aspect where users can possibly share their results or photos from the installation, this can lead to more social media promotion and others will want to try to the installation.

Another approach I’ll be using is a moralistic one. Seeing the effects that social media has on society, I will try to use solutions that benefit both society and business. The current state of social media and device overuse is damaging mental health, the innocence of children, social relationships, and democracy. 2

Companies are doing what’s good for their business, but not what’s good for society.3 The more we use technology, we are living the way they want us to live, not the way we want to live.2 There are still a lot of moralities and ethics to consider when designing.2

“The Need for a New Design Ethics – Tristan Harris.” Tristan Harris. Accessed April 1, 2019.

“The Problem.” Center for Humane Technology. Accessed April 1, 2019.

Launder, Mimi. “The Ethics of UX: When Is It Good Design and When Are You Just Tricking People?” Digital Arts. Accessed April 1, 2019.

DESN10799 Assignment 2: Scenario

In our scenarios, the improvement of the world depends heavily on the use of reengineered waste/plastic. Some scenarios involved a wasteland, a completely undesirable place to live, and some involved a paradise, where everything is great.

The common denominator to all scenarios is reengineering waste.

The most probable future is continuation, where recycling and reusing plastic will become more common, but will not drastically change because the technology for plastic has not been the most advanced in the recent years. I think that the least probable situation is the limits and disciplines where recycling plastics become unsustainable because there are no resources for it. There is so much plastic in the world that it will take many many decades to get rid or / turn into something new.


DESN10799 Assignment 1: Humanized Technologies

I think the humanizing tech has the most potential for both good and evil. Humanized technologies means that technology will adapt more to human characteristics.1 It has the most potential for good because it can be used to create companions for those with illnesses or creating machines to do anything humans are able to. It has the most potential for evil because it can be used to create machines that can develop its own minds or take over human’s jobs. Examples of these machines are robots and androids, which can be used for both good and evil.

As technology advances, technology is learning to adapt as humans evolve.2 Machine learning and artificial intelligence makes it possible for technology to adapt. Its potential for evil outweighs its potential for good. Technologies such as virtual reality or mixed reality has allowed  for extended and more empathic communication between people. 2 These technologies be used to manipulate those who are vulnerable.  Another example is facial manipulation. When a computer has gathered enough data on a person’s facial characteristics, it is advanced enough to be able to accurately place another person’s face on top of another. This can lead to extreme cases that can potentially end the world.

Technology is slowly taking over our lives. Rarely nowadays can we do something easily and quickly without the use of technology. Humans always feel the need to be connected, and rely too much on technology. As we continue to use social media (i.e Facebook) and other technologies, more and more of our information is gathered. Companies are taking advantage of this and monetizing it. Some companies analyze this data in order to “better” cater to society. While some attempt to make it better, sometimes the opposite happens.

Some of the newest innovations in technology are smart speakers, which are small wireless devices that have integrated virtual assistants. The tech used to make it work are chatbots, voice recognition, and language processing. 3 This is an example of humanized technology because it uses machine learning and AI to adapt the the user. Natural language processing is the software that uses voice recognition and data to adapt to the user’s speech. This is helpful for users who may not have English as their first language, the machine can quickly learn how the user pronounces certain words and adapt the recognition software to each user.

Recognition software (facial, vocal, etc.) can potentially be used for evil because the data and information gathered can be used to steal someone’s identity. The barrier between technology and humans are breaking down, and technology is becoming a part of our identity.3



“Trend: Humanized Technologies.” Extend Limits.

“Humanized Technology.” Artfutura. November 20, 2018. Accessed February 4, 2019.

“Why Humanizing Technology Is the Next Logical Step.” Guided Selling. November 19, 2018. Accessed February 04, 2019.

IxD Navigation: Fortune Teller

View project on browser

For this project, I decided to do a fortune teller. When I was looking through the choices for this project, I knew I wanted to do one of the fortune teller choices, but I wanted one that will challenge my design skills. I decided to go with my own rendition of Zoltar, a fortune teller machine, that gives the same responses as a magic 8 ball.

The target audience of this are teenagers and young adults. It is for entertainment purposes, but it can also help those who are having a hard time making a decision.

Below are pictures of Zoltar for inspiration.

I decided to name my fortune teller Morgana, based on a character from the game Avalon.

My final design for Morgana:


To start my project, I first coded the basic HTML elements. Then I coded the JS functions to tell the fortune.

Whenever I clicked the button, the page quickly refreshed and I did not get a chance to see the result. To fix this, I added the prevent default action.

When I first coded, it kept giving me the same answer.  

So I added the formula (see var fortuneTold) to give 20 responses in random order. The code worked!

While testing, I realized that even if there is nothing in the form, it still gave an answer.

So I added an if/else statement to only give a fortune if there is text in the form.

When I was designing, I noticed there was always a margin around my body. So I used the * selector to make the default padding and margin 0, and the white border disappeared.

I also noticed that the CSS animation played whether or not there was text in the box, so I added the same if/else statement to the animation  toggle function. I also changed the style colour of the text to be red if there is no text in the form.


The hardest challenge from this project was the animation of the arms. I needed the arms to rotate on the corner, not the middle of the picture. After research, I found that transform-origin moves the anchor point, and the arms rotated on the origin point I gave it.