"#1: Focus on the user and all else will follow" - Google
Audience: Focused on web based UI / UX; HTML Developers; People who are interested in UI Component development like calendars, popups, screens; Web Designers who work with HTML, JS, CSS; Any fresh mind to enter UI / UX field of interest
What else is in this article?
In addition to the above question, I’ve answered the following questions in this post:
- What does UI / UX means?
- What is the role of an UI / UX expert or a front end developer?
- What is the job description (JD) for a UI / UX developer or front end developer?
- What should one learn and master to become a UI/UX expert?
UI/UX Designer / Developer
There are many ways to describe an UI Expert. But never to misunderstand with Web Designers and other Photoshop experts who are called artists or creative designers.
UI stands for User Interface and UX stands for User Experience. UI / UX designers are also called as Front End Developers.
UI / UX expertise is beyond creating PSD layouts with Adobe Photoshop or with any wireframe/mock design tool. It is about giving a meaningful and effective life to the application. UI/UX experts need to understand the usage patterns, align with end-user requirements and focus on usability and accessibility (We will learn about accessibility in a different article. I’ll link it here once I complete the article.). The UI/UX designer need to coordinate with layout designers, backend developers, and other stake holders (especially the customer) and has comply with industry standards to bring long-life to the application which is of most useful. UI is an art, engineering, and area of specialization.
You need years of experience to acquire extensive knowledge in UI. Since UI is about learning user behaviours and usage patterns, of course standards and best practices are available to make it easier to learn and adopt. But the length depends on your interest and length of your day spent on technologies.
What you need to learn?
- Wireframe Tools
- Mockingbird (Paid)
- Creately (Paid)
- Justinmind (Paid)
- OmniGraffle (Paid)
- Flow Diagram Tools
- Markup Languages
- Understanding a Markup Language
- Understanding SGML Standard
- XML (For XML Developers)
- Understanding DOM Structure
- Understanding Objects
- Understanding Parsers
- Understanding APIs
- DOM Elements
- OOP Concepts
- Understanding Memory, Scope and Namespace
- Mastering OOP based JS Programming
- Understanding Script Engines
- Understanding ECMA Standard
- Understanding Cross-Browser Chanllenges
- XLST (For XML Developers)
- Framework (Good to master at least 1 of the below frameworks)
- Yahoo UI (YUI)
- Ext JS
- Sencha Touch
- GWT (Google Web Toolkit / Java)
- XUI (Java)
- Swing (Java)
- OpenXava (Java)
- Django (Python)
- Cheetah (Python)
- PyQT (Python)
- PyJamas (Python)
- Framework (Commercial Licenses – Good to master at least 1)
- AJAX (using PHP / .NET / Java)
- Essentials Knowledge
- Web Typography
- Browser Communication
- Page LifeCyce
- HTTP Protocol
- Client-Server Communication Basics
- Internet Protocol
- Security Basics
- UI Best Practices & Design Patterns
- Cross Browser Compatibility Techniques
- RIA Concepts
- Web2.0 Concepts
- Accessibility Concepts (WCAG, Section 508, etc)
- Data API (Web Service, SQL, XML, etc)
- MVC Concepts
- Web Service Concepts
- WF/WCF Concepts (.NET)
- SOA Concepts
- REST Services
- SDLC (preferably Agile/Scrum)
- Testing Procedures (Unit, UAT)
- Documentation Procedures
- Nice to have knowledge but not mandatory for all companies
- Adobe Photoshop
- Adobe Flash
- Adobe Flash Action Script
- Adobe Flex is a plus
- Plus Points
- Certificate in Technologies
- A degree in Computer or related field
Tags: User Interface, UI Developer, UI Designer, Front End Developer
Who require UI / UX developers?
Any product owner require UI / UX developer starting from any small applications till Google search engines are depend on UI for reaching mass audience and gain popularity. UI gives meaning of life to any application.