0% found this document useful (0 votes)
200 views54 pages

UX Design Trends for 2016

This document discusses trends in user experience (UX) implementation in 2014. It notes that client education and acceptance of UX practices is key, as the industry is moving fast and clients need to understand the labor-intensive nature of UX work. It recommends adopting lean and agile approaches using rapid prototyping and iteration. User research and creating personas are also emphasized to ensure designs are focused on users and their needs. Simplicity, storytelling, and designing with constraints in mind are also advised. Flat UI design and mobile-first development are highlighted as important trends.

Uploaded by

pureofheart
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
200 views54 pages

UX Design Trends for 2016

This document discusses trends in user experience (UX) implementation in 2014. It notes that client education and acceptance of UX practices is key, as the industry is moving fast and clients need to understand the labor-intensive nature of UX work. It recommends adopting lean and agile approaches using rapid prototyping and iteration. User research and creating personas are also emphasized to ensure designs are focused on users and their needs. Simplicity, storytelling, and designing with constraints in mind are also advised. Flat UI design and mobile-first development are highlighted as important trends.

Uploaded by

pureofheart
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
  • Introduction
  • State of Industry
  • UX Implementation Trends
  • The User
  • Design
  • Mobile First
  • Responsive Design (RWD)
  • Tool Trends
  • Summary
  • Glossary

User Experience

2014 Industry Implementation Trends

UX Guy - Mark Swaine

Web: [Link]
Twitter: @UX_UI_Guy
Behance: [Link]/markswaine
What is (UX) User Experience?

User experience is the net sum of every interaction


a person has with an organization, be it marketing material, a
customer service call, or the product or service itself. A users
impressions are shaped by an organizations beliefs and
practices as much as by the purpose and the value its products
hold in his or her life.
Robert Hoekman Jnr
State of Industry
Client Education & Acceptance (is Key)
Speed of Industry Emphasis on User

Internet of Things Brand Context

Unlimited Options Time

Apocalypse Ongoing Work /


Maintenance
Client Education & Acceptance (is Key)
Needs to be acceptance of time and budget

Industry is moving too fast for clients to maintain best practice knowledge

New work produced will constantly need maintenance, ownership, updates,


new features and technical support.

Clients need to be much more tentative to industry pace and their brand
context.

Clients need to be accepting of pace of industry and technological change for


implementation of their brand.
Client Education & Acceptance (is Key)
Clients need to be more understanding of labor intensive industry (man
hours, time, cost, constant technical issues, discovery, maintenance, testing,
iteration, code updates, mobile agnostics etc.) it is ongoing and always will
be.

If a client asks to come down in price on small or large projects walk away
(client has no respect or understanding for the industry, your time, hard work,
technical time consuming issues and expertise required)
UX Implementation Trends
Lean Agile - Iteration

Create a prototype, then use it as a user would.


Youll see whats missing. Youll see whats wrong.
Repeat.

Robert Hoekman Jnr


Deliverables, Requirements, Assumptions, Hypothesis
The client may have set
deliverables, requirements and
outcomes to work from

You may need to start with


assumptions about the product /
project (what you believe to be
true)

Lean Approach - create & validate


Hypothesis - including,
experimental assumptions,
outcomes, personas and product
features.

Test and learn what creates


Value
Participatory Sketching
Opportunity to collaborate with
key project stakeholders

Explore, Create & Invent

Identify, create and prove key use


cases

Identify Pain Points

Help Build the Brief with Client

Research & Analysis


Rapid Prototyping
Low Fidelity Prototypes Paper /
Sort Cards

Create Rapid Interactive


Wireframe Prototypes

Iterate and develop in Lean Agile


Mode

Receive and monitor real time


feedback from key user
demographics
Discovery
We dont know in any meaningful way whether a
product feature is effective until it is in the
marketplace.

Engage the customer during the ux, design and


development process.

Find out what the users are doing with your


product and why?

The most difficult answers about your product


will be answered by customers in the
marketplace.
Identifying Contextual Differentiators
Smartphone Tablet Desktop

Action / Task Key User Tasks Key User Tasks


Oriented Agnostic Paradigms Context of Content
Agnostic Paradigms Context of Content Calls to Action
Context of Content Tablet = Browsing / Content Scale and Stack
Simplified Couch Commerce
Navigation Site speed, CSS, Retina
What the user Images and Resolutions
wants.
Kill Documentation (time waste)
Time wasting on documentation creation

Prototype instead more beneficial

Learn more by prototyping the user experience


Test & Iterate Quickly

You can Achieve a big vision but in small increments.


It requires a commitment to iteration

Eric Ries
The User
What is (UX) User Experience Design?

User experience design as a discipline is concerned with all


the elements that together make up that interface, including
layout, visual design, text, brand, sound and interaction. It
works to coordinate these elements to allow for the best
possible interaction by users.
Don Norman
(UX) Key Questions
Why is the product being made?

Who is it being made for?

What are the stakeholders goals for the


project?

How do the requirements fit within the


wider business objectives of the
organization?

Who are the competitors?

How is success going to be measured?


Know Thy User
Users can be, Experienced, Expert, Novice
or Power Users

The more fluid and responsive the experience is


the more emotionally, invested users will become

Ask only for limited input from users

Users are not stupid

Create emotional connections

Users want novelty


Know Thy User
Build healthy long-term relationships with users

Users will ask why doesn't my brand / site / app


know me?

Build users trust incrementally and look for soft


commitments along the way

Reduce input forms, user fatigue

Hide technology from the user


Simplicity
Make it feel snappier always go back to engineering

Reduce chances for users to make mistakes

Stop making people passengers and more partners of the user experience

Stop commanding users what to do

Reduce everything thoughtfully


Tell a Story - User Research
Contextual research Competitor Analysis

In-depth interviews Visual Style

Social analytics Focus Groups

Online interviews Talk to Existing Users

Analytics / tracking On Location

Street interviews Third Party Studies

Usability Review Use Eye Tracking Labs


Create Personas
User Background:
Age range, native language, physical and or
cognitive limitations

Experience:
How familiar are your users with similar
systems? Will they need to learn?

Behavior:
What motivates users. Do they share any
behavioral traits?

Desires and Concerns:


What do they want to achieve, what
concerns do they have?
Focus on Outcomes Not Deliverables
Real people use your products and services, real people with different wants,
needs, abilities, environments and a million other possible variables that need
to be factored in

Businesses cannot treat their customers as passive consumers any longer,


every company is in the user experience business

If you take the time to understand how people think, then design solutions
around their true needs and behavior your design will be far more likely to
perform better with them.

[Link]
Remember

Users will never forget how you made them feel

Maya Angelou
Design
Design

Design without constraints is decoration.

Robert Hoekman Jnr


Design Trends Flat UI Design
No drop shadows, bevels, gradients and no depth

Every element is clean, crisp including buttons

and navigation menus Color of the Year in Web


Flat interfaces are easy for users to understand

and interact with

Use simple interface elements such as icons

Simple, easy to click and tap


Pantone Emerald 17-5641
Simple shapes rectangle and circles

Use of bold simple Colors


Design Trends Flat Design Color Palette

[Link]
Typography Considerations
Look and Feel of type used should suit the overall tone and message

Use simple font pairings

Flat design uses no more than two font pairings (novelty font for headings)

Use sharp, crisp, bold clear typefaces

San Serif Typefaces are typically used in flat design

Flat design focuses on simplicity so should your text (content)

Reduce use of drop shadows, gradients strong color contrast, (black & white)

Give type / paragraphs plenty of room to breathe lots of white space

Good starting place Google Fonts: [Link]


Flat UI Design

Flat UI Design Trends


Flat UI Design

Flat UI Design Trends


Flat UI Website Design
Square:

[Link]
Flat UI Website Design
United Pixel Workers:

[Link]
Flat UI Website Design
Get Cellar App:

[Link]
Mobile First
Mobile First (Project Depending)
No longer an afterthought

Prepares brand thinking for the explosive growth


in mobile apocalypse

Forces brand focus and prioritization under


mobile constraints

Allows for new and innovative brand experiences


built on capabilities and paradigms of devices

Start with presumptions of connectivity, context


interaction, and location
Mobile First (Project Depending)

The simple guideline is whatever you are doing do Mobile First


Eric Schmidt, [Link]

Were just now starting to get into Mobile first. What we are finding is that the
designers on mobile are really embracing the constraints and that it is actually
teaching us a lot about how to design back to the desktop
Kate Aronowitz, Facebook Director of Design, [Link]
Responsive Design (RWD)
Responsive Design
Is responsive design needed?

Still in its infancy

Content Dictates

It is Future Friendly

More Time = More Cost

Can be content Managed Across All Devices

Use Best Practice in HTML5 & CSS3 Media Queries

Many frameworks, templates and solutions


Responsive Design
Not always applicable to use learn and know your
context, content and mobile considerations first.

Be conscious of user connectivity capabilities when


using heavy content, retina images, video.

Test, iterate and test again - take into account of site


speed load times in low connectivity

Be concisions of agnostic paradigms for different


hardware and OSs.
Responsive Design (Sample 1)

[Link]
Responsive Design (Sample 1)

[Link]
Responsive Design (Sample 2)

[Link]
Responsive Design (Sample 2)

[Link]
Responsive Design (Mobile Samples)

[Link] [Link] [Link]


Tool Trends
Tools Worth Looking At
Traditional Desktop Mobile
Paper and Pen Sketch App Pop
Balsamiq App Cooker
Post it Notes
Visio Blueprint
UI Stencils ([Link])
Omnigraffle Interface HD
Axure Adobe Proto
Just in Mind iMockups
SketchyPad
Easel
Livewires
Divshot
Launch
Briefs
Briefscase
Skeleton (HTML Prototyping)
Mind Node
[Link]
UXPin
App Sketcher (HTML Prototyping)
Adobe Brackets (Coding)
Summary
Summary
We need to figure out what were making before we start production

Collaborate more with Key Stakeholders (The Client)

Work as collaborative product teams daily engagement

Agile workflows - continuous development, continuous deployment, continuous


integration and continuous iteration.

Release early and often receive market feedback

All that matters is the quality of the product, as measured by the markets
reaction to it.
Glossary
Glossary
User Experience Design (UXd) Responsive Website Design (RWD)
How the user thinks and feels Optimal fluid grid based website
design that will flow and stack on any
Information Architecture (IA) screen size / resolution / device.
How the system is organized
Adaptive Website Design (AWD)
User Interface Design (UI) Web design to scale to predetermined
set of screens and devices.
How the content is organized

Customer Experience (CX)


Interaction Design (IX)
Web design to scale to predetermined
How the user and device act and react set of screens and devices.
But wait theres more!
But wait... there's more!

Next week Wednesday we'll be hosting the Seasoned Course in the Whole
Connector room.

And if you happen to be in the Detroit area in June, check out the UX
Thursday Detroit we're sponsoring.

Led by UIE's own Jared Spool, UX Thursday is six presentations from local
superstars and keynotes from two leading UX experts. Learn what you can
do to make the world better one iteration at a time.

Visit [Link] for more info


User Experience
2014 Industry Implementation Trends

UX Guy - Mark Swaine

Web: [Link]
Twitter: @UX_UI_Guy
Behance: [Link]/markswaine

Common questions

Powered by AI

Flat UI design simplifies user interaction by removing unnecessary design elements such as drop shadows, bevels, gradients, and depth, resulting in a clean, crisp interface. This approach makes buttons and navigation menus easy to understand and interact with by using simple icons, shapes like rectangles and circles, and bold, simple colors. The simplicity and clarity inherent in flat UI design help reduce cognitive load on users, making it easier for them to navigate and use the interface effectively .

Participatory sketching sessions benefit the UX design process by enabling collaboration with key project stakeholders to explore, create, and invent solutions. It helps identify and address the main use cases and pain points early in the design process, building a comprehensive project brief through research and analysis. This collaborative approach ensures that the stakeholders' insights and expertise contribute to developing a more user-centered product, enhancing the overall effectiveness of the design .

Implementing responsive web design involves several considerations and best practices to ensure optimal performance across different devices. Designers should consider the context, content, and mobile connectivity limitations, avoiding heavy content that may slow down load times. Best practices include using fluid grids, flexible images, and media queries in conjunction with HTML5 and CSS3. Testing and iterative adjustments based on user feedback and performance metrics are critical for addressing diverse user needs and maintaining effective user experiences across variable screen sizes and resolutions .

UX designers should focus on storytelling in user research because it helps convey complex user insights and experiences in a more relatable and memorable manner. Storytelling can structure the research findings into coherent narratives that emphasize the users' journey, highlighting their needs, behaviors, and emotional responses. This approach aids in developing empathy among stakeholders, facilitating better understanding, and aligning design efforts with the users' true needs and expectations, ultimately leading to more user-centered design solutions .

Feedback loops in lean-Agile UX design methodologies are crucial for continuous improvement and adaptation to user needs. By quickly deploying prototypes and receiving user feedback, designers can iteratively refine and enhance the product through validated learnings. This approach minimizes waste and ensures the design aligns with user expectations, while also maintaining flexibility to adjust to new insights and market conditions. Efficient feedback loops support rapid innovation and the delivery of high-value solutions that meet genuine user needs .

The primary role of user education and acceptance in the UX industry is to bridge the gap between the rapid pace of technological advancements and the client's understanding and adoption of these changes. Due to the industry's fast movement, clients often struggle to keep up with best practices and technological updates, leading to ongoing challenges such as maintenance, updates, and technical support. Educating clients about the labor-intensive nature, including man hours, cost, and technical complexities, is essential. This understanding helps clients appreciate the value of UX work, hence facilitating better project implementation and smoother adaptation to industry changes .

Designers can create emotional connections with users by crafting engaging and novel experiences that resonate with users' desires and behaviors. Strategies include designing interfaces that are responsive and fluid to increase users' emotional investment, asking for limited input to prevent user fatigue, and gradually building trust through easy and rewarding interactions. Additionally, hiding technology complexity, reducing room for error, and involving users in the experience as partners rather than passive participants can foster stronger emotional bonds .

Focusing solely on deliverables rather than outcomes in UX design can lead to misalignment with user needs and business objectives. Deliverables such as wireframes and prototypes are tangible artifacts of the process, but if they don't contribute to an improved user experience or meeting the project's key goals, their value diminishes. Striving for outcomes ensures that real user problems are addressed, and the final product meets the users' expectations, ultimately leading to better market acceptance and efficiency in addressing user pain points .

UX designers can identify contextual differentiators that enhance the user experience by analyzing key user tasks, content context, and how users interact with calls to action. This involves understanding how different devices, such as tablets and smartphones, are used, and tailoring the experience to these agnostic paradigms. By simplifying navigation, leveraging real-time feedback, and testing in real-world scenarios, designers can refine design elements to stand out and perform better within specific user contexts and environments .

The 'Mobile First' design approach alters traditional web design priorities by shifting the focus to designing for mobile devices before considering desktop environments. This approach prioritizes essential features and content due to the constraints of mobile devices, such as smaller screen sizes and varying connectivity conditions. By embracing these constraints, designers are encouraged to deliver innovative brand experiences and streamlined interfaces. It prepares brands for the growing importance of mobile usage and influences design choices even when scaling up to desktop environments .

2014 Industry Implementation Trends
UX Guy - Mark Swaine
Web: www.uxguy.com
Twitter: @UX_UI_Guy
Behance: www.behance.net/mark
What is (UX) User Experience?
“User experience is the net sum of every interaction
a person has with an organization, be it m
State of Industry
Client Education & Acceptance (is Key)
Speed of Industry
Internet of Things
Unlimited Options
Apocalypse
Emphasis on User
Bra
Client Education & Acceptance (is Key)
Needs to be acceptance of time and budget
Industry is moving too fast for clients to m
Client Education & Acceptance (is Key)
Clients need to be more understanding of labor intensive industry – (man 
hours, time,
UX Implementation Trends
Lean – Agile - Iteration
“Create a prototype, then use it as a user would.
You’ll see what’s missing. You’ll see what’s wrong
Deliverables, Requirements, Assumptions, Hypothesis…
The client may have set 
deliverables, requirements and 
outcomes to wor
Participatory Sketching
Opportunity to collaborate with 
key project stakeholders
Explore, Create & Invent
Identify, create a

You might also like