UX & UI Design

An introduction to UX and UI

These are the first steps in the creation of a website. The students will learn the core fundamentals on how to design user interfaces for both desktop and mobile devices. The student will also gain a deeper understanding into the methodologies used to create and test the User Experience, to enhance the design and provide a better end product for both the client and the end user.

User Interface Designers

A User Interface Designer is concerned with how the product is laid out – they are in charge of designing each screen or web-page that the user interacts with, ensuring that users will follow the communication path the UX designer has already set.

User Experience Designers
A User Experience Designer is focused on how a website **feels**
The responsibility of a UX designer is to make sure a website flows logically, depending on what that communication is. UX Designers are in a way like mini-psychologists, they ask questions that are routed in Behavioural Psychology, in order to understand better what people do when it comes to using digital platforms. They also do what is known as Beta-Testing – which is a focus group of sorts, where individuals come in, and are filmed using the website, so the UX designer can gain a better understanding of how people are interpreting and interacting with the intended communication.

UX designers also provide wireframes for layouts, storyboards and mood boards and even a sitemap at times. A sitemap is a logical “tree” of sorts, that lays out how the website – and its web pages connect and link to each other.


Course Requirements

Students should have working knowledge and understanding of the following:

  • Basic understanding of design applications like Adobe Photoshop and/or Adobe Illustrator.

Course objectives

By the end of the course students will have usable knowledge of the following:

  • How to use Adobe Photoshop, Adobe Illustrator and Balsamiq Mockups to effectively to lay out a pleasing user interface.
  • This course will help the student to understand the usability of a web service or app they might be asked to design or work on in the future.
  • Students will create wireframes and prototypes of a project and run usability tests within the class on a peer review level
  • Learn user-centred design techniques to build a solid design process which generates better results.

Students will be taught how to take these principles forward when learning how to code and build websites from their interface designs.

Pricing also available for customised, on-site and group training.

 

JavaScript & jQuery

Improve your web pages with enhanced usability and dynamic content

JavaScript is one of the world’s most popular scripting languages and the scripting language of the world wide web. Together with frameworks such as jQuery, the most popular JavaScript­ based library, the web is more powerful than ever before ­ allowing web authors with little or no programming knowledge to quickly pick up the web development skills they desire.

By learning JavaScript as well as jQuery, you will be able to manipulate web page elements, add dynamic content, improve the user experience with interesting transitions & animations, add HTML form validation and much more.

During this 4 week course learners will be taught the principles of programming from the ground up and learn how to integrate JavaScript & jQuery seamlessly into their front­end HTML/CSS designs.

 


Course Requirements

Students should have working knowledge and understanding of the following:


Course objectives

By the end of the course students will have usable knowledge of the following:

  • Learn how to write clean and syntactically correct JavaScript
  • Understand the Document Object Model (DOM)
  • Manipulate HTML elements and content using JavaScript
  • Extend usability and user experience of existing HTML pages
  • Understand and implement the jQuery library

Pricing also available for customised, on-site and group training.

 

HTML5/CSS3 & Responsive

Learn to create responsive, device agnostic websites with the latest HTML & CSS techniques

Welcome to the world wide web! The internet has become ubiquitous in our daily lives, transcending desktops and extending connectivity to smartphones, tablets, cars, household appliances and other electronics. Accordingly, conventional web design no longer meets the requirements of an increasingly connected society that have demands for responsive flexibility and a great user experience.

In this 5 week course, learners will learn the principles and practice of becoming a modern web developer by taking a device­agnostic approach to web design in order to compete across multiple platforms (i.e. desktops, smartphones, tablets and phablets).

Starting from the very basics, learners will be introduced to the latest versions of HTML and CSS ­ the two core front­end languages of the web ­ in order to effectively structure information and bring their own visual web designs to life.

By taking part in this course you will gain technical insight about the web design process, learn how to structure a flexible website, handle typography and hierarchies, place images and media, create forms, build layouts and learn to use HTML frameworks (such as Twitter Bootstrap). With latest techniques in CSS3 you will learn how to effectively adapt a web page to multiple device sizes using media queries and enhance the experience with custom typefaces, animations and effects all using little or no JavaScript.

 


Course Requirements

Students should have working knowledge and understanding of the following:

  • Basic Computer Skills for PC/Mac.
  • Good to have: UX/UI Course or similar experience.

Course objectives

By the end of the course students will have usable knowledge of the following:

  • Understand the underlying technologies and concepts behind front­end web development.
  • Understand the ideas behind responsive web design and device agnostic design.
  • Understand and code HTML in conjunction with CSS.
  • Correctly use HTML5 semantic tags and extended functionality.
  • Be able to build a custom CSS grid framework.
  • Be able to implement advanced CSS techniques (CSS3) such as animations and transitions.
  • Be equipped to code a custom HTML/CSS responsive web page design for personal or professional use, using clean and semantically correct code.
  • Gain a basic understanding of scripting and third­party extensions.
  • Understand web page frameworks such as Twitter Bootsrap.
  • Have an understanding of hosting and maintaining a website.

Pricing also available for customised, on-site and group training.

 

Content Management Systems

Learn to design and develop websites with an industry trusted CMS WordPress

The server-side scripting evening course consists of a series of lectures and practical workshops aimed at developing the necessary skills to create and maintain database-driven web pages.
The learner will be introduced to an HTML preprocessor (PHP) and databases (MySQL) in order to modularize and cater content to user requests. He/she will also be introduced to content management systems (CMS) and discover how they are created and used to help the client take care of their own content.
This course provides an in-depth focus on installing and customising content for one of the world’s most popular CMSs, WordPress. By using some server and client side scripting knowledge, the learner will go on to build a customised template in order to present their own design powered by the WordPress platform.


Course Requirements

Students should have working knowledge and understanding of the following:


Course objectives

By the end of the course students will have usable knowledge of the following:

  • Successfully install and use an Apache and MySQL testing server
  • Know how to write clean and syntactically correct PHP
  • Gain introductory knowledge about advanced PHP functions
  • Successfully be able to use a combination of part of the PHP code to create custom functionality.
  • Be able to install the WordPress CMS and manage content
  • Be able to customize an existing WordPress theme
  • Envision and create a custom WordPress theme using HTML/CSS, PHP and JavaScript

Pricing also available for customised, on-site or group training.

 

© Copyright Friends of Design - Academy of Digital Arts 2014. All Rights Reserved.

We use cookies to ensure that we give you the best experience on our website.