UI UX Designer – Full Stack & Interesting Resources


UI UX designer , Full Stack Interesting, Diverse Resources Article- Picture of User Experience Design Descriptions about UX

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.

UX Design:

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)

 

“User experience” encompasses all aspects of the end-user’s interaction with the company, its services, and its products” – © Nielson Norman Group.

 

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 Designers & UX/UI Designers are educated and particularly involved in:

  • Research
  • Usability
  • Testing
  • More recently Agile
  • Design Methodologies:
    • Design Thinking
    • Human Centered Design
    • User Centred Design
    • Co-Design or Participatory Design
    • Lean UX

 

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, technology form 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. 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).

e.g

aria-expanded=”true”

aria-expanded=”false”

(boolean)

 

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.

Travello App Re-Design

 

User Interface Design & UI Prototyping Apps

 

Other UX/UI Apps

 

 

Additional Resource:

 

Web Accessibility:

 

Other Areas of Interest

 

Motion Design, VR, MR, AR, 3D & Apps:

 

Data Visualisation:

 

AI (Artificial Intelligence):

 

Big Data:

 

Sites:

 

 

World Views:

 

Business:

 

Interesting:

 

Careers:

 

 




This article was written by

Ben Graham

on Saturday, 1st July, 2017.

Full Stack Designer 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. Currently I work as a consultant @ Avanade, an Accenture and Microsoft company.

UI/UX Designer | UI Developer