Definitions

What is Interactive Design?

Here we will delve into what defines interactive design and follow up with examples.

When screens were developed, designers found ways of creating a familiar and comfortable digital experiences for users. Therefore, interactive design is the process in which designers create these experiences and gather feedback for improvement, and includes creating satisfying and easy to use elements. In its rawest form, it is optimising how people interact with the digital realm.

 

EXAMPLES

http://www.minus99.com/ 

Screen Shot 2017-05-07 at 1.50.53 pm.png

On the landing page, you find everything is clearly segmented; a drawer to the top left, and information on the right in a long scroll.

Screen Shot 2017-05-07 at 1.51.08 pm.png

As you scroll, the bottom left rectangle highlights what page you are on and offers users a change to jump back to the top. The media in the site are slightly animated, moving as you scroll through and gathering your attention.

Screen Shot 2017-05-07 at 1.51.19 pm.png

Clicking on the hamburger icon opens up a large drawer that encompasses the top half of the screen. As you highlight over links, there is an animated colour gradient that reflects the vibe of the website. Overall, the site does not require a lot of though to navigate or figure out, text is large and most the screen is dominated by actual content.

https://konterball.com/

Screen Shot 2017-05-07 at 2.04.50 pm.png

Interactivity is a large element in video games and virtual reality, varying from simple text-based adventure stories where you choose your own path, to completely replicating something from real life.

Screen Shot 2017-05-07 at 2.05.01 pm.png

Here you have the option to play alone, or join a game online. In this case, all interactivity is determined by the users. You can play with simply a mouse, or for better results, attach a virtual reality set.

Screen Shot 2017-05-07 at 2.05.13 pm.png

Angles, art style, colours, sounds, perspective, and movement stability are all huge factors in games like these. If it felt laggy, uncomfortable, or unrealistic, the users become frustrated and do not have a good experience.

www.thehybridforest.com/

Screen Shot 2017-05-07 at 2.16.01 pm.png

A scenic website constructed of polygons and depth. As you move your cursor, the screen and perspective slightly shift, which integrates the user into the world. As you click on the arrows on the right and left, you are brought to other areas.

Screen Shot 2017-05-07 at 2.16.51 pm.png

Scrolling down enables you to view the information of the tab. A fun little gimmick is the icon on the bottom right, which changes the time of day of the landscape.

Screen Shot 2017-05-07 at 2.17.18 pm.png

The whole site is fun to explore and navigate. It’s interactivity makes users more inclined to learn about the site’s project. It’s not overly complicated or frustrating, however, does require a lot of energy for the computer system to bring up, which may cause lag or overheating.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s