DESCRIPTION

Learn on how to do basic user research, user testing and tracking, either on existing or new platform, both web or mobile. Also learn tactics and strategy on how tech companies uses this to their advantages. In the end participants would be able to do UX research on their own, how to start new project or even improve an existing one. Finally avoid losing customers, reduce complaints and increase online purchases by designing and studying users.

Sessions:
Getting Started & Overview

Introduction and overview of the workshop and also will be exposed to case studies, best practices & great actionable tactics.

Day 1 - Discovery & research

Getting Started & Overview
Creating Personas
Journeys Maps & Sitemap Creation
Sketching & Low fidelity wireframes with Balsamiq tools
User Testing with Balsamiq

Day 2 - Interaction & Visualisation

Sketchapp software Introduction
High fidelity wireframes with with Sketchapp / Adobe illustrator
User Interface design, exporting & delivery

Day 3 - Deliver

Exporting to Adobe (Experience Design) XD
User Testing with Exporting to Adobe (Experience Design) XD
Project Presentation


Book here
DESCRIPTION

Would you like to learn how to visualise your paper sketches into actual mockups? Or you just want to learn how to design with Adobe Illustrator Software. Join this 2-day workshop to kickstart your skills.

This training is suitable for beginners, non techies, designers, developers or UX researches:

1. Install Adobe Illustrator CC or CS6.
2. Prepare an idea you want to work on.
3. Bring your own laptop & mouse.

Day 1
Overview

Introduction
What is Illustrator’s role when designing an app

Getting Started

Sketches, references and ideation

Exploring tools panel

Download plugins, templates & cheat sheet
Getting your workspace & Illustrator preferences ready for UI work

Setting up your Pages

Setting up screen sizes for mobile.

Wireframing

Creating a High Fidelity wireframes in Illustrator
Downloading resources

Designing

Wireframe to design in Illustrator
Downloading resources
Bring in your vector logo to the layout

Color

Matching brand colors using Adobe Illustrator

Fonts

Finding font, design rules and implementation

Day 2
Images

Finding images
Adding Linking Cropping & Masking images in Illustrator
How to use layers in Illustrator

Creating Symbols & Icons

Finding icons resources
Align & distribute icons in Illustrator
How to adjust vector shapes in Illustrator
Creating custom icons & logos using the shape builder tool in Illustrator
Drawing icons & logos in Illustrator using the pen tool

Exporting

Export your UI mockups pages from Illustrator
Exporting images and pictures from Illustrator
Exporting logos and icons from Illustrator for UI
Retina - HiDPI and responsive image export from Illustrator
Exporting your UI for App design using Illustrator


Book here
DESCRIPTION
Would you like to learn how to visualise your paper sketches into actual mockups? Or you just want to learn how to design with Adobe Illustrator Software. Join this 2-day workshop to kickstart your skills. This training is suitable for beginners, non techies, designers, developers or UX researches: 1. Install Adobe Illustrator CC or CS6. 2. Prepare an idea you want to work on. 3. Bring your own laptop & mouse.
Day 1
Overview

Introduction
What is Illustrator’s role when designing an app

Getting Started

Sketches, references and ideation
Exploring tools panel
Download plugins, templates & cheat sheet
Getting your workspace & Illustrator preferences ready for UI work

Setting up your Pages

Setting up screen sizes for mobile.

Wireframing

Creating a High Fidelity wireframes in Illustrator
Downloading resources

Designing
Wireframe to design in Illustrator
Downloading resources
Bring in your vector logo to the layout
Color

Matching brand colors using Adobe Illustrator

Fonts

Finding font, design rules and implementation

Day 2
Images

Finding images
Adding Linking Cropping & Masking images in Illustrator
How to use layers in Illustrator

Creating Symbols & Icons

Finding icons resources
Align & distribute icons in Illustrator
How to adjust vector shapes in Illustrator
Creating custom icons & logos using the shape builder tool in Illustrator
Drawing icons & logos in Illustrator using the pen tool

Exporting

Export your UI mockups pages from Illustrator
Exporting images and pictures from Illustrator
Exporting logos and icons from Illustrator for UI
Retina - HiDPI and responsive image export from Illustrator
Exporting your UI for App design using Illustrator


Book here
DESCRIPTION

Learn how to design and build websites by learning the basic markup language and styling using HTML and CSS, which are the common code languages that all modern websites are built on. By the end of this class, you’ll have all the skills required to kickstart your basic on how build your own first website with the knowledge needed by nearly every single online business or start a career as an entry level web designer.

Who Should Join?

Non-techies, beginners or zero web design knowledge, designers and marketers.

What to Bring?

Bring your own laptop.

Preferably install Adobe Dreamweaver before class.
Topics

Introduction
Exploring Code Editor
HTML basics
CSS basics
Creating new documents and web pages
Typography
Creating links
Placing images and graphics
Creating a web form with buttons, check boxes, and list menus
Layouts
SEO Checklist
Uploading files to your site
Libraries & frameworks
Resources

Book here

MacJake @ Co Working Space, Malaysian Global Innovation & Creativity Centre,
Block 3730, Persiaran APEC, 63000 Cyberjaya, Malaysia.