UI UX Designer or UX/UI Designer:
These designers exhibit both UI & UX skills working with aspects of UI design, Prototyping, UX design, research and testing.
User Experience Design is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and experience provided by the interaction between the consumer and the product. (Wiki)
A common UX test is the A/B test where two versions of one website are researched and tested (usability). This can also include testing component variations.
User experience design for websites, apps and web apps is a fairly emergent field, but UX has been widely and popularly discussed, researched & developed over many years.
UX Designer & UX/UI Designer are educated and particularly involved in:
- User Centred Design
- Human Centered Design
- Co-Design or Participatory Design
- Design Thinking
- User Experience
In some cases UX designers are not capable in traditional design work or working with web/mobile application design and digital design technologies.
UX designers can have a strong academic background, sometimes within psychology (behavioural science), research, industrial design, graphic or interactive design disciplines.
UX designer can create usability tests, user journeys, use concepts & practice design thinking and UCD methodologies, hold interviews, create user personas, research & test, complete ethnographic studies, facilitate user groups, analyse data, copy-write, plan content strategy, write Q & A’s & hold Q & A sessions, card sorting & co-design workshops, complete design work, illustrations, IA work, mind maps, affinity clustering, requirements gathering, site maps, concept maps/illustrations, wireframes, paper prototypes, ideate, collaborate & find solutions to pain points.
UI Design is the design of user interfaces and the “what you can see” aspect of a website, app, portal or software. It is essentially the design of the interface from wire-framing or prototyping into a finalised version/design. UI Design can also include interactive prototypes and designers can commonly use a mobile first design approach. UI designers usually focus on designing for improved usability through the simplification of sometimes complex design problems and design patterns.
UI “States” of an application or system are part of design, full stack design and front-end development. The designed UI “states” assist developers, teams and clients to understand the current state of the app at each possible stage of the process.
States are used by developers also in terms of accessibility, so that, for example once a collapsable component is opened the state is read out to the screen reader. This assists the visually impaired user to know the current state of the UI (open or closed component) and proceed with their assistive technology of choice (usually JAWS or NVDA).
Full Stack Designer or “Product Designer”:
A full stack designer understands things more holistically and can deliver code, visual design and user experience advice for a product, feature or software release. Full stack designers work closely with developers, testers, BA’s, stakeholders, clients and UX researches. They provide UI designs including states or components with states, interactive prototypes, code and best practice design patterns (Visual & UI, not Programming Design Patterns).
Product design is a very broad term, can be used within digital and I.T but is used across various industries in relation to delivering products and can have an increased scope.
Both terms can sometimes be used synonymously in digital.
UI Design Patterns, a components library or visual states and the thinking behind them greatly assist developers, business and teams to understand specific use cases around the application and their correct code implementation.
Implementing these for applications leads to improved usability and simplifies work for developers who are more technically driven in building them.
The simpler applications are designed (with the right amount of functionality), it is then easier for developers to build them & then for people to use, leading to improved outcomes for everyone involved, including clients.
Cross functional agile teams with full stack designers (designers/coders/UX) can ideate/prototype design solutions (relatively quickly) and deliver both design & code with practical design thinking behind the design decisions.
Testers (Unit tests, Accessibility:WCAG AA & UX) can then validate and further advise on design decisions around the solution or product taking into account business requirements.
Full stack designers essentially deliver end-to-end design solutions.
The end-to-end design solution can be made up of UI design, prototypes, design patterns, front end development, UX advice, code or coded components.
- Affinity Designer
- Axure RP
- Adobe XD
- Origami Studio
- Adobe Illustrator
- Adobe Photoshop
Other UX/UI Apps
- Fluent Design System (Microsoft)
- Human Interface Guidelines (Apple)
- Facebook Design
- Google Design
- Service Design (Wiki)
Other Areas of Interest
Motion Design, VR, MR, AR, 3D & Apps:
- Autodesk Maya & 3DS Max
- Adobe After Effects
- Hololense (Microsoft)
- Oculus Rift (Facebook)
- Power Bi (Microsoft) Data Visualisation & Analytics
- Processing (Java, JS or Python)
- Processing (Exhibition)
- 38 Best Data Visualisation Tools
AI (Artificial Intelligence):
- Creative Applications.net
- openFrameworks (C++)
- Under Consideration
- Brand New – Under Consideration
- For Print Only – Under Consideration
- A List Apart
- Interaction Design.org
- Safari Online (Oreilly Media)
- Oreilly Media (Books)
- Nielsen Norman Group
- Rosenfeld Media
- Open Processing.org
- Max For Live
- Ableton Live
- TEDx Talks
- UX Mag
- Must Read UX Books
- UX Booth
- UX Myths
- Usability Geek
- UX Daily
- Smashing Mag
- Creative Bloq
- It’s Nice That
- Logo Lounge
- Print Mag
- Stack Overflow
This article was written byBen Graham
on Saturday, 1st July, 2017.
UI/UX designer & UI Developer from Brisbane, Australia. I completed a degree in Interactive and Visual Design from Queensland University of Technology. In my spare time I enjoy travelling and practicing photography. I have a keen interest in learning, regularly training and developing skills in ui design, user experience design, web accessibility, front end development & graphic design. I believe that our sites can be accessible, functional and aesthetically pleasing. Currently I work as a consultant @ Avanade, an Accenture and Microsoft company.
UI/UX Designer | UI Developer