Tuesday, 22 November 2016

OUGD504 - Studio Brief 02 - Basics of coding

The most common code languages that are used in digital applications today are:

HTML - Hyper Text Markup Language
CSS - Cascading Style Sheets
Java - Android language
Javascript - Advanced effects and added interactivity
SQL - Database language
PHP - Server based language
iOS - Apple language
Ruby - Twitter

These languages are used to code together a webpage or application. Commonly when designing for web browsers, which is the primary access to the internet, must use html to code web pages. To add to complications, different software's interpret information differently.

There are many aspects to consider when designing digital interface which, when considered, will prevent a bad user experience. It is important to take into consideration the variety of devices used today, such as desktop computers, laptops, tablets, mobile phones and now televisions. Responsive web design is a modern technique where webpages now respond to different scales depending on the different platforms it's views on.

Another issue with interface design is accessibility. Screenreaders are for those with visual impairment, they read out the content of the page, however, these are potentially problematic as many pages are in different languages.

A basic understanding of coding is important when designing for screens. A small experiment took place where, looking at basic tags, a very basic webpage was produced using HTML codes. HTML divides each element of a webpage with an open and close tag. Tags act like containers and tell you about the information that lies between the opening and closing tags.

For example an open tag <home> and a close tag </home>

The following tags are used to create the page, a title for the page and the body of the page:
<html>
<head>
<title>
<body>

There are many softwares, including Adobe's Muse and Experience Design, that will visually create a working interface, however once the design has finished will have to be coded.

No comments:

Post a Comment