The visual principles of harmony, unity, contrast, emphasis, variety, balance, proportion, repetition, texture and movement (and others) are widely recognized and practiced, even when they aren’t formally articulated. But creating a good design doesn’t automatically mean creating a good experience.
In order for us to cultivate positive experiences for our users, we need to establish a set of guiding principles for experience design. Guiding principles are the broad philosophy or fundamental beliefs that steer an organization, team or individual’s decision making, irrespective of the project goals, constraints, or resources.
Whitney will share a universally-applicable set of experience design principles that we should all strive to follow, and will explore how you can create and use your own guiding principles to take your site or product to the next level.
Introduction to UX provides an overview of user experience design including what it encompasses and how the process works, the goal and principles of UX design, how to measure and improve UX, and the role of a UX agency. Presented by Ari Weissman, lead experience architect at EffectiveUI.
Whether you are an indie practitioner, agency design lead or internal designer at a large company, you have no doubt experienced difficulites selling UX activities or Experience Design as a whole to clients, partners or bosses. Beyond touting the wonderful and magical ROI UX brings to the table, there are concrete strategies you can use to get your point accross and they aren't what you think. Learn how to identify and overcome common barriers to achieving a unified approach to user centered design.
Your guide to picking the right User Interface (UI) and creating the best User Experience (UX) in just a short amount of time. Learn how to quickly create mockups, landing pages, and build mock integrations that turn into large ideas.
Have more questions about UX/UI? Contact mvp@koombea.com for additional information or questions and we will get back to you shortly.
Introduction to UX provides an overview of user experience design including what it encompasses and how the process works, the goal and principles of UX design, how to measure and improve UX, and the role of a UX agency. Presented by Ari Weissman, lead experience architect at EffectiveUI.
Whether you are an indie practitioner, agency design lead or internal designer at a large company, you have no doubt experienced difficulites selling UX activities or Experience Design as a whole to clients, partners or bosses. Beyond touting the wonderful and magical ROI UX brings to the table, there are concrete strategies you can use to get your point accross and they aren't what you think. Learn how to identify and overcome common barriers to achieving a unified approach to user centered design.
Your guide to picking the right User Interface (UI) and creating the best User Experience (UX) in just a short amount of time. Learn how to quickly create mockups, landing pages, and build mock integrations that turn into large ideas.
Have more questions about UX/UI? Contact mvp@koombea.com for additional information or questions and we will get back to you shortly.
A presentation on UX Experience Design: Processes and Strategy by Dr Khong Chee Weng from Multimedia University at the UX Indonesia-Malaysia 2014 that was conducted on the 26th April 2014 in the Hotel Bidakara, Jakarta, Indonesia.
This presentation is an introduction to the fields of User Experience and User Interface design that I created for a Google Hangout talk for Saigon CoWorkshop.
UX is omnipresent nowadays and will grow more and more the tool of innovation. Companies are becoming aware of the vitality of adopting this technology from the start. The Importance of UX is a presentation of how we as a UX Design Team implement UX in projects.
Understanding the basic stuff of user experience design in an application. Create user flow and wireframing 1 on 1 start from understanding the why we need the wireframe, what exactly wireframe and user flow it is, And how to create and implement n digital product design such as application mobile or website.
An introduction to UX - User Experience.
Where does UX come from, what are the benefits of using it, and how can it be applied to day to day agency work?
Understanding the User Centred Design process and how UX is an integral part of every piece of digital work that is produced.
Not quite sure what UX/UI design are? You're not alone! This presentation answers some commonly asked questions regarding user experience and user interface.
This presentation was made by me for a basic level UI and UX training in my company. The presentation has also been designed from a UI and UX perspective and has been kept minimalistic. The presentation also contains several other important topics like the work culture in my company, Our process of developing a presentation and a short brief on E commerce platforms.
How do you extend a product vision statement such that it remains aspirational but is specific enough to clarify intention and make difficult decisions easy? Enter "Design Tenets"
In the modern day when people develop hundreds of software applications, websites or mobile apps the term UX (User Experience) is getting more and more significant, particularly in the IT industry.
A presentation on UX Experience Design: Processes and Strategy by Dr Khong Chee Weng from Multimedia University at the UX Indonesia-Malaysia 2014 that was conducted on the 26th April 2014 in the Hotel Bidakara, Jakarta, Indonesia.
This presentation is an introduction to the fields of User Experience and User Interface design that I created for a Google Hangout talk for Saigon CoWorkshop.
UX is omnipresent nowadays and will grow more and more the tool of innovation. Companies are becoming aware of the vitality of adopting this technology from the start. The Importance of UX is a presentation of how we as a UX Design Team implement UX in projects.
Understanding the basic stuff of user experience design in an application. Create user flow and wireframing 1 on 1 start from understanding the why we need the wireframe, what exactly wireframe and user flow it is, And how to create and implement n digital product design such as application mobile or website.
An introduction to UX - User Experience.
Where does UX come from, what are the benefits of using it, and how can it be applied to day to day agency work?
Understanding the User Centred Design process and how UX is an integral part of every piece of digital work that is produced.
Not quite sure what UX/UI design are? You're not alone! This presentation answers some commonly asked questions regarding user experience and user interface.
This presentation was made by me for a basic level UI and UX training in my company. The presentation has also been designed from a UI and UX perspective and has been kept minimalistic. The presentation also contains several other important topics like the work culture in my company, Our process of developing a presentation and a short brief on E commerce platforms.
How do you extend a product vision statement such that it remains aspirational but is specific enough to clarify intention and make difficult decisions easy? Enter "Design Tenets"
In the modern day when people develop hundreds of software applications, websites or mobile apps the term UX (User Experience) is getting more and more significant, particularly in the IT industry.
The elements of product success for designers and developersNick Myers
All software, whether it's for consumers or workers, needs to meet the ever growing demands people have in today’s world. Greater user expectations and influence are forcing companies to create and deliver better products, but not every organization has a rich heritage in software creation like tech giants Apple and Google. Most companies need to be more customer-focused, become design specialists, and transform their cultures as they shift to become both software makers and innovators.
Myers, head of design services at Cooper, will share the elements of product success that companies need to possess and be market leaders: user insight, design, and organization. Myers will share principles and techniques that successful innovative companies use to truly understand their customers. He’ll also discuss the methods effective designers use to support their customers and create breakthrough ideas and delightful experiences. And he’ll finish by sharing the magic formula organizations need to deliver ground-breaking experiences to market.
This talk was given at UX Day.
Design Thinking for Startups - Are You Design Driven?Amir Khella
This presentation provides some best practices and tools to help small business entrepreneurs and startup founders in creating a culture of innovation.
Whether you're working on a web 2.0, iPhone or a physical gadget, these simple practices are universally applicable.
***Note****
I will be running a webinar in October 2009 to expand on the points mentioned in this presentation, study design thinking use cases and stories and answer questions. Please leave a comment and follow the discussion, or follow @amirkhella on twitter to get notified about the webinar.
Building Character: Creating Consistent Experiences With Design Principles- ...Mad*Pow
Inconsistency is one of the most common points of breakdown and frustration in the interactions and experiences we have. Whether we’re interacting with other people, applications, our bank, our doctor, our government, anyone, we form expectations and understandings of what someone or something will do based on our previous experiences and their past behaviors. When something happens that doesn’t fit with those expectations–that seems out of character–we’re caught off guard. What do we do next? What should we expect now?
Principles act as rules that guide how we think and act. Formed by our motivations, values, and beliefs, we use them as “lenses” through which we examine information in order to make decisions on what to do. And because of their persistent influence on our behavior, they influence other’s views and expectations of us. Using these same kinds of constructs throughout the design process we can design interactions and consistent behaviors that set and live up to expectations for our audiences.
Anyone can be a ux designer: Not everyone IS one.Dave Malouf
This talk was given at The Junction (http://thejunciton.co.il) a coworking space organized by Genesis Partners (http://genesispartners.com/) a Venture Capital organization in Israel.
The premise of the talk is to explain that anyone can be a UX designer but it means taking on A LOT of work!
Design thinking helps to capture audience insights, feedback, aspirations, pain points, wants, and needs. Learn how you can incorporate design thinking into all you do.
"A scenario is a description of a person’s interaction with a system.
Scenarios help focus design efforts on the user’s requirements, which are distinct from technical or business requirements.
Scenarios may be related to ‘use cases’, which describe interactions at a technical level. Unlike use cases, however, scenarios can be understood by people who do not have any technical background. They are therefore suitable for use during participatory design activities." http://infodesign.com.au/usabilityresources/scenarios/
Design Thinking: Finding Problems Worth Solving In HealthAdam Connor
Ideas for new devices and services can come from anywhere. But great ideas come from aligning solutions with real value and desirability for people. Design thinking provides a set of principles and structure that can act as scaffolding for teams to find and understand challenges and opportunities to focus on fan find solutions for.
Designing for Customer needs: A UX PerspectiveRichard O'Brien
A brief 20 min talk I gave to the Head Start meetup (@HeadStartAus), introducing some Lean techniques to help them consider the customer throughout the product & biz development process.
An intensive workshop for Startup Institute from March 2015.
Aimed at teaching high-level concepts and approaches to user experience design. The workshop serves as an introduction to:
* Lean UX
* Collaborative & Iterative design
* User-centered design
* Jobs To Be Done (JTBD)
* Design Sprints
Design Thinking as new strategic tool. Presentation made to spark the discussion about innovation & inspiration and new business opportunities. And how to introduce Design Thinking as a strategic tool in your company.
The lessons I've learned in my journey through empathy, emotional intelligence, nonviolent communication and beyond—and how to apply these principles and practices with your teams.
Do You Speak Jackal or Giraffe? Designing Sustainable RelationshipsWhitney Hess
Join this interactive session and discover the Empathy First method for peaceful teams. Whitney Hess, User Experience Coach, will show you how to apply Nonviolent Communication to everyday work conflicts we all experience. Find out if you're stuck in judgments and blame getting in the way of effective collaboration, and learn how to create better relationships with clients, colleagues, and yourself.
Emphasis will be on practical ways to give and receive empathy, and simple techniques that help us take responsibility for our own feelings and needs. All attendees will receive free handouts tailor-made for this audience.
Come to this session with prepared questions about the causes of conflict in the workplace. You can ask her anything! She will also share many of her own personal experiences and insights to guide and inspire you.
Takeaways:
- Exposure to the basics of Nonviolent Communication
- An understanding of how judgments, criticism and blame cause conflict and hurt productivity
- Clarity on why practicing empathy is important to effective teamwork
- A simple technique anyone can use to practice empathy for ourselves and others
- The desire to keep practicing, and an awareness of where to continue this learning
It’s a given that much of our success as practitioners depends on our ability to foster meaningful relationships with our colleagues and customers. But what about our relationship with ourselves? When we ignore our emotions, act against our values, and become indifferent to our surroundings, we lose who we really are and run a much greater risk of not achieving our clients’ goals (and our own). In this talk, we'll explore how presence, adaptability, empathy, and influence can be our most effective design tools. And we'll address how to cultivate these qualities through intellectual, emotional, and physical practices we can integrate into our everyday routines.
What's Your Problem? Putting Purpose Back into Your ProjectsWhitney Hess
“What do you do?” has become the standard opening line for getting to know someone. But if you were asked, “Why do you do what you do?” how would you answer? We are too narrowly focused on developing solutions for problems that we don’t understand, don’t care about, or worst of all, don’t actually exist. Life is too short to waste our time expertly creating something that matters to no one. Learn to find your “why.” Discover interviewing techniques to build greater empathy with your users, synthesizing techniques to uncover their underlying inefficiencies and frustrations, and tips to continually draw inspiration and long-term product vision from their lives.
DIY UX: Give Your Users an Upgrade (Without Calling In a Pro)Whitney Hess
Have you fallen in love with your solution and forgotten the original problem? Are you certain that your product actually makes people’s lives better? Not every company can hire someone like me to help you listen to your users, so you’re gonna have to learn how to do some of this stuff yourself. I’ll show you techniques to find out who your users are, what they really need and how to go about giving it to them in an easy to use and pleasurable way. And it doesn’t have to bankrupt you or kill your release date.
10 Most Common Misconceptions About User Experience DesignWhitney Hess
Here's the presentation I gave at Pittsburgh Web Design Day (http://www.webdesignday.com) based on my article on Mashable (http://mashable.com/2009/01/09/user-experience-design/)
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
2. Hi, I’m Whitney Hess
User Experience Designer
Consultant
New Yorker
@whitneyhess
3. stakeholder interviews
web analytics storyboards
sketching surveys A/B testing
prototyping flow diagrams
What we usually talk about
when we talk about UX
wireframes scenarios
sitemaps
personas card sorts
heuristic evaluation
usability testing
user research
4. User Experience is the
establishment
of a philosophy
about how to
treat people
5. Visual Design is the
establishment
of a philosophy
about how to
make an impact
23. Principles of Experience Design
1. Stay out of people’s way.
2. Create a hierarchy that matches people’s needs.
3. Limit distractions.
4. Provide strong information scent.
5. Provide signposts and cues.
6. Provide context.
7. Use constraints appropriately.
8. Make actions reversible.
9. Provide feedback.
10. Make a good first impression.
58. “Ten principles that contribute
to a Googley user experience”
Focus on people – their lives, their work, their dreams.
Every millisecond counts.
Simplicity is powerful.
Engage beginners and attract experts.
Dare to innovate.
Design for the world.
Plan for today’s and tomorrow’s business.
Delight the eye without distracting the mind.
Be worthy of people‘s trust.
Add a human touch.
59. “Ten principles that contribute
to a Googley user experience”
Focus on people – their lives, their work, their dreams.
Every millisecond counts.
Simplicity is powerful.
Engage beginners and attract experts.
Dare to innovate.
Design for the world.
Plan for today’s and tomorrow’s business.
Delight the eye without distracting the mind.
Be worthy of people’s trust.
Add a human touch. http://www.google.com/corporate/ux.html
64. Windows User Experience
Design Principles
Reduce concepts to increase confidence.
Small things matter, good and bad.
Be great at “look” and “do”.
Solve distractions, not discoverability.
UX before knobs and questions.
Personalization, not customization.
Value the life cycle of the experience.
Time matters, so build for people on the go.
65. Windows User Experience
Design Principles
Reduce concepts to increase confidence.
Small things matter, good and bad.
Be great at “look” and “do”.
Solve distractions, not discoverability.
UX before knobs and questions.
Personalization, not customization.
Value the life cycle of the experience.
Time matters, so build for people on the go.
http://msdn.microso.com/en-us/library/dd834141.aspx
66.
67. Burning Man
Keep good company.
Notice the ordinary.
Preserve the ephemeral.
Design not for the elite but for the masses.
Explain it to a child.
Get lost in the content.
Get to the heart of the matter.
Never tolerate “OK anything.”
Remember your responsibility as a storyteller.
Zoom out.
Switch.
Prototype it.
Pun.
Make design your life… and life, your design.
Leave something behind.
68. Charles and Ray Eames
Keep good company.
Notice the ordinary.
Preserve the ephemeral.
Design not for the elite but for the masses.
Explain it to a child.
Get lost in the content.
Get to the heart of the matter.
Never tolerate “OK anything.”
Remember your responsibility as a storyteller.
Zoom out.
Switch.
Prototype it.
Pun.
Make design your life… and life, your design.
Leave something behind. http://www.amazon.com/Fieen-ﬔings-Charles-Ray-Teach/dp/193031700X
69. Burning Man
Radical Inclusion.
Giing.
Decommodification.
Radical Self-reliance.
Radical Self-expression.
Communal Effort.
Civic Responsibility.
Leaving No Trace.
Participation.
Immediacy.
71. ﬔe Starbucks Experience
Make it your own.
Everything matters.
Surprise and delight.
Embrace resistance.
Leave your mark.
72. ﬔe Starbucks Experience
Make it your own.
Everything matters.
Surprise and delight.
Embrace resistance.
Leave your mark.
http://www.starbucksexperience.net/excerpts.html
74. Steps to Craing Your
Own Design Principles
1. Research available principles for competitors
and related organizations (even aspirational)
2. Gather, list and print out the business goals,
user needs and brand attributes
3. Brainstorm with key collaborators across
capabilities and functions
4. Narrow down to no more than 10, preferably 7
5. Ensure they don’t conflict or overlap
6. Ensure they’re pithy and memorable
75. 1. Does it come directly from research?
2. Does it help you say ‘No’ most of the time?
3. Does it distinguish your design from your competitors’?
4. Is it something you might reverse in a future release?
5. Have you evaluated it for this project?
6. Is its meaning constantly tested?
http://www.uie.com/articles/creating-design-principles/
76. When to Use Your
Design Principles
1. During the project kickoff meeting
2. When prioritizing features
3. Brainstorming sessions
4. Design critiques
5. Stakeholder presentations
6. Resolving conflict
7. Postmortems
8. Web metrics analysis
77. User Experience is the
establishment
of a philosophy
about how to
treat people
I’ve got a lot I want to talk about today, so let’s jump in.\n
If you want to tweet at me, I’m @whitneyhess\n\nAs a consultant, I spend a lot of time thinking about UX, talking about UX, teaching my clients what I know and trying to learn more to do the best job for them that I can.\n
Methods. Deliverables. Process.\n
A way of behaving as an organization and a vision for how your constituents should be treated\n
Now what that impact is naturally varies from situation to situation.\n\nBut there’s a fairly commonly known set of principles about how to create impactful designs.\n
They might not be things we commonly discuss or critique on, and we may not formally articulate what they are at all. But they are defined standards, or principles.\n\nPrinciple: a rule or belief governing our behavior. It’s the foundation of a philosophy for creating impact.\n\nContrast. Emphasis. Variety. Balance. Proportion. Repetition. Movement. Texture. Harmony. Unity.\n
Contrast occurs when two elements are different, using size, value, color, and type.\n\nWork at Play\n
Emphasis provides the focal point for the piece.\n\nJason Santa Maria\n
The complement to unity and is needed to create visual interest.\n\nGirl Scouts of Middle Tennessee by James Mathias\n
The psychological sense of equilibrium, distributing weighs in the space\n
The relationship between sizes - scale.\n\nComplete Washroom Solutions\n
Sometimes called Rhythm. Repetition or alternation of elements, often with defined intervals between them.\n\nAdaptd\n
Give the feeling of action to guide the viewer's eyes.\n\nNew Deal Festival\n
It defines the surface of objects. While in Web design, texture is purely visual, it can imply a tactile sensation as well.\n\nDesign Sponge\n
Using similar elements throughout the work. All parts relate to and complement each other.\n\nNeutron Creations by Elliot Jay Stocks\n
All components of a layout work as a single piece. Tie the composition together, to give it a sense of wholeness\n\nTypographica\n
The purpose of agreed upon principles is to have some basis for your design decisions. \n\nAre our designs successful? Do they communicate well? Are they telling the story we want them to tell of our brand or organizations. Ultimately: is the design good?\n\n
But a good design does not automatically equal a good experience. \n\nWhat we consider to be beautiful or well composed or visually impactful doesn’t always work, or help people do better work, or live better, or make them happy.\n\nWe create designs that are meant to be used over time, that real people interact with in real time. I think we spend an inordinate amount of time concerned with the quality of our designs but not with the quality of the experiences they create.\n\nFor example...[next]\n
The Power Mac G4 Cube. It was beautiful. It was innovative. It was a space saver. It was chic. It was silent, because it didn’t have a cooling fan. \n\nBut because it didn’t have a fan, you couldn’t put it up against the wall; it had to sit in the middle of your desk. The power switch was on the top of the Cube. \n\nSwipe it by accident and the Cube would shut down. If you set it down the wrong way, the case cracked at the screws. Not a good experience after all.\n\nAnother example of good design not equalling good experience... \n
How do we measure the effectiveness of our designs over the passage of time, BEYOND their initial impact?\n\n
Good design CAN equal good experience. My determination to make this a reality is the reason I get up every morning. But I need your help.\n
I want to propose a set of principles for designing experiences that I consider to be universally applicable.\n\nThis is my personal mantra for all of the work that I do, and I hope you can make it yours as well.\n
I’ll go one by one to show where these principles ARE and are NOT being followed to explain them in further detail.\n
I collect photos of experience fails, and a friend sent this to me from a parking garage. Yes, fire safety is important. Crucial even. But 99.99% of the time, people are just trying to go upstairs.\n\n
Now on the other hand, here’s a win...this is at the amazing Stone Brewery just outside San Diego. They have reserved parking for common activities that they know don’t take much time, so why waste your time looking for a parking spot -- the place is always packed.\n\nAnd at the same time they’re giving you a cue as to how long to expect either of these to take.\n
On the web.... Tumblr -- get in, get out, get going. If you’re looking for education, you can go get it, but it doesn’t assume you need it so it isn’t thrust in your face. Additionally, the whole page layout adjusts as the user resizes the browser window. It’s listening.\n\nWhen someone is trying to get something done, they’re on a mission. Don’t interrupt them unnecessarily, don’t set up obstacles for them to overcome, just pave the road for an easy ride. Your designs should have intentional and obvious paths, and should allow people to complete tasks quickly and freely.\n
I suppose you can take solace in the fact that American Airlines creates as poor an experience for their staff as they do their customers.\n\n
Now on the other hand... I spotted this at a nursing home. It’s the Honeywell Easy-to-See Thermostat. It’s just a plate that pops on top of the thermostat to make the numbers easier to read.\n\n
On the web....Dramatic difference in font sizes around the page, highlights behind the most crucial piece of information -- the amount of money saved. Icons at the top are in order of frequency of use, from left to right. In the filters on the left, APR is prioritized above Reward Type, or Issuer.\n\n…by giving the most crucial elements the greatest prominence. Hierarchy is a combination of several dimensions to aid in the processing of information, such as color, size, position, contrast, shape, proximity to like items, etc. Not only must a page be well organized so that it’s easy to scan, but the prioritization of information and functionality ought to mimic real world usage scenarios. Don’t make the most commonly used items the furthest out of reach.\n
People shopping for condoms don't need to spoil the mood by seeing a pregnancy test. and people shopping for a pregnancy test don't need to be reminded that they didn't use a condom. and worst of all, the feminine deodorant spray at the bottom.\n\n
Now on the other hand... I passed by a pharmacy in Paris that was closed on a Sunday.... and they’re smart enough to offer a condom vending machine OUTSIDE the store.\n\n
Wanderfly so gets this right. You go there to book travel, and they take you down one simple path. It’s totally self-contained.\n\nIt’s a myth that people can multitask. They end up giving less attention to both tasks and the quality of the interaction suffers. An effective design allows people to focus on the task at hand without having their attention diverted to less critical tasks. Design for tasks to be carried out consecutively instead of concurrently in order to keep people in the moment.\n
How many types of orange juice do you see in this picture?\n\nTHERE ARE 5 DIFFERENT VARIATIONS HERE. \n\n
I passed by this store, never having heard of it before, and noticed that the essentially have their entire inventory pasted up on their window. Given that the store is very minimalistic, this really catches the eye and helps to explain what’s available there without having to go in.\n
Quora does a great job of this with their suggestive search. It’s got apples and oranges in there, but it shows an avatar for a profile, and tags for the question. Actively helping you to choose the right one.\n\nPeople don’t like to guess. When they click around your site or product, they aren’t doing so haphazardly; they’re trying to follow their nose. If what they find when they get there isn’t close to what they predicted, chances are they’re going to give up and go elsewhere. Make sure that you use clear language and properly set expectations so that you don’t lead people down the wrong path.\n
Near my old apartment, I used to walk past this building every day. This is on the outside of the building, and each bell rings a different apartment. I am not shitting you, this is real. West Broadway between Murray St and Warren St, you can go see for yourself.\n
This is the very first Barnes & Noble in NYC, on 18th St and Fifth Avenue. There’s a guy at the front of the store behind an information booth. You tell him what you’re looking for, and he tells you which line to follow. It’s particularly helpful because it isn’t like the newer Barnes & Nobles that are all open, this store is actually quite a maze.\n
Just a basic ecommerce site that’s doing this world’s better than most. Everything is appropriately highlighted. Top nav item.....[point]... I mean, it’s 2011. This should be standard, but it isn’t.\n\nNever let people get lost. Signposts are one of the most important elements of any experience, especially one on the web where there are an infinite number of paths leading in all directions. The design should keep people aware of where they are within the overall experience at all times in a consistent and clear fashion. If you show them where they came from and where they’re going, they’ll have the confidence to sit back and relax and enjoy the ride.\n
Left Happy Cog office in Philly with Ethan Marcotte after a full-day meeting. Had 5 minutes to make my train, but I was starving. Should I wait?\n\n
Pret A Manger in London Healthrow Airport. They’re being upfront about the extra fee they’re required to charge you, and displaying it in the most appropriate context possible -- on the register.\n
This is Airbnb, one of my latest obsessions. Everything you need to know about a listing is all here in one snapshot.\n\nContext sets the stage for a successful delivery. By communicating how everything interrelates, people are much more likely to understand the importance of what they’re looking at. Ensure that the design is self-contained and doesn’t break people out of the experience except for when it’s entirely necessary to communicate purpose.\n
I don’t know about you, but once I’ve used the toilet paper, I flush it down the toilet it. If their toilets can’t handle such things, they need to get new toilets, not try to encourage me do something else with the toilet paper. Like...take it out of the stall with me and throw it out?\n
We’ve got a bathroom theme going here. You can’t really see from this image what’s so great about this design and how it fulfills the principle. But I’m assuming you’ve all been in an airplane lavatory at some point? The lock also turns the light on, thus ensuring that you’ll remember to lock the door and save you from the embarrassment of someone walking in on you -- and it prevents you from not turning the light off when you leave.\n
Also on an airplane... I just love this. It isn’t pretty, but it’s refreshingly helpful. Don’t you hate when the plane lands before you find out who did it?\n\nPreventing error is a lot better than just recovering from it. If you know ahead of time that there are certain restrictions on data inputs or potential dead ends, stop people from going down the wrong road. By proactively indicating what is not possible, you help to establish what is possible, and guide people to successful interactions. But make sure the constraints are worthwhile — don’t be overly cautious or limiting when it’s just to make things easier for the machine.\n
Do we have any Glee fans in the house?\n\nI’m pretty much giddy that I got a Glee reference in this presentation. For those of who who don’t watch, the character’s name is Sue SYLVESTER.\n
Where are my New Yorkers at? We’re the last state in the union to still use a lever voting machine. They’re taking them away from us and the new ballots are PAPER and they’re ATROCIOUS. Ask Dana Chisnell for more info.\n\nIn any case, even though there are plenty of problems with the lever machines -- like no paper trail -- the best thing about them is you can take your time to decide. You turn the knobs and when you’re sure you’re done, you flip the lever. On the paper one...\n
Remember the Milk... my lifesaver. Any time you complete or edit or delete a task, it shows you this confirmation message and lets you Undo.\n\nThere is no such thing as a perfect design. No one and nothing can prevent all errors, so you’re going to need a contingency plan. Ensure that if people make mistakes (either because they misunderstood the directions or mistyped or were misled by you), they are able to easily fix them. Undo is probably the most powerful control you can give a person — if only we had an undo button in life.\n
Anyone here with asthma or use an inhaler? How do you know when it’s empty? .... You often find out it’s empty at the worst possible time.\n
I was baking cookies and tore a sheet of wax paper out of its carton, and this was on it.\n
On Hipmunk, when you’re waiting for your flights to load, you get a notification that it’s working as well as a tip on how to better use the interface to meet your needs.\n\n…tell them why they’re waiting. Tell them that you’re working. Tell them you heard them and offer the next step along their path. Design is not a monologue, it’s a conversation.\n
This doesn’t exactly inspire confidence. The doors swing in different directions despite having the same exact handles. Oh, and I love that they’re open at 11am every 3rd Thursday. Who the hell knows when it’s the 3rd Thursday of the month? Because I don’t.\n
This is at the train station in Philadelphia again. I’d never seen a restroom with a mission statement before -- or since. [READ IT] Now, I have to admit that it wasn’t exactly clean in there. But they really WANTED IT to be. So I was more tolerant of it. And really who wants to use a restroom at a train station? I know I don’t. But this made me feel like it would be okay.\n
Vimeo has one of the best first time user experiences I know. It’s just so simple: “Welcome, you’re new, aren’t you?” But how good does it make you feel that they noticed?\n\nYou don’t get a second chance! Designing a digital experience is really no different than establishing a set of rules for how to conduct yourself in a relationship. You want to make people feel comfortable when you first meet them, you want to set clear expectations about what you can and can’t offer, you want to ease them into the process, you want to be attractive and appealing and strong and sensible. Ultimately you want to ensure that they can see themselves with you for a long time.\n.........So these are my 10 principles for experience design....\n
The basis for all of my principles is essentially Aristotle’s modes of persuasion -- though I didn’t realize it until after the fact. Sometimes this is called the Rhetorical Triangle.\n
Or put another way....\n
Are universal principles enough to achieve that purpose? Since all of our companies have different purposes, probably not.\n\nEvery project has its own goals -- whether you’re clear on what they are or not -- and these 10 principles might not get you all of the way there.\n\nYou can create your own.\n
There are a few companies out there who have done the work to define their principles and publish them publicly as a means to differentiate themselves in the market.\n\nI’ll show you the principles and see if you can guess who the company is.\n
[READ THE PRINCIPLES]\nAsk: Does anyone know what company this is?\n
\n
How are they doing at designing to their principles?\n\nI see speed. Beginner vs. expert. Little distraction. Trustworthiness. I’m not sure what else.\n
Does anyone know whose these are?\n
How do you think they’re doing at them?\n
Do you see those principles enacted here?\n
This is a doozy.\n\nWho is it?\n
How are they doing?\n
I’d argue that they probably don’t have their principles posted up in their cubicles.\n
Now....Guiding Principles aren’t only for tech companies. Can you guess whose principles these are?\n
Arguably the most famous designers of the 20th century had their own principles to measure against.\n
Can you guess what organization this is?\n
They’re clear on the kind of experience they’re trying to create, and anyone who has been would say that there’s very much a shared experience there year after year.\n
This company teaches the leaders at its outposts that this is how they should approach designing experiences for their customers...\n
Embrace resistance... Don’t you love that one? I would’ve loved to have been in the boardroom for that one.\n
Without principles we don't know what we're trying to achieve, and how we'll know when we achieved it.\n
[Read]\n
Jared Spool at UIE recently published his tips for pressure testing your design principles\n
Once you have them, when should you use them? In short, always. But more specifically...\n
Design principles are the definition of our philosophy about how we as a company, and as a community, want to treat people.\n
This says everything about how they want to treat their customers\n
This is what I hope we’re all really doing here.\n