A Project Guide to UX Design, Second Edition. Russ Unger and Carolyn Chandler. New Riders. Eighth Street. Berkeley, CA () Read a project guide to UX design and content strategy. You can grab the free pdf download to read later as well. A Project Guide to UX Design comes with a bonus, online-only chapter: Todd Zaki Warfel's Persona Model 2 .pdf) Chapter 16 – A Brief Guide to Meetings.

A Project Guide To Ux Design Pdf

Language:English, Japanese, Dutch
Genre:Fiction & Literature
Published (Last):01.10.2016
ePub File Size:25.56 MB
PDF File Size:16.28 MB
Distribution:Free* [*Registration needed]
Uploaded by: ARMINDA

UX Design Documentation is easily misunderstood as paperwork for the .. expectations, and set guidelines to complete the project on time and within budget. A Project Guide to UX Design Forex: The Ultimate Guide To Price Action Trading √PDF Complete Electronics Self-Teaching Guide with Projects- Honest. “If you are a young designer entering or contemplating entering the UX field this is a canonical book. If you are an organization that really needs to start grokking.

How to create your personalized UX library. The whole UX process deconstructed, from user research and prototyping, to design and usability testing. UX resources worth browsing every day. Expert opinions on how to think about each design stage and its deliverables. How to use deliverables in lean and agile environments.

Designing a brilliant user experience through color, font, and icons by UserTesting. Learn about color theory and UX, and how color impacts your conversion rates. Determine which font is right for your users. Types of icons and their impact on the user experience. Idiot Buttons: See how Quora increased the perceived value of their content. Discover how Sketch subtly puts your mind at ease.

How to apply agile UX in the enterprise environment and how to succeed at it. All the things you have to have in mind during the whole process. The challenges and solutions of doing agile UX in enterprise throughout every phase — from research to development to testing. Introduction to neurodesign A useful shortcut to pattern recognitions Examples from companies like Dribbble, Jawbone, Duolingo, Dropbox, MailChimp, Medium, and more … 4-step approach to finding the right pattern for your needs.

How to use the scientific design processes to be more creative. How to change perspectives and uncover new insights that lead to better design. Lots of visual examples to illustrate each tip and point. How to design web services instead of web pages. How to use onboarding, invisible UIs and feedback to empower users. An overview of the 3 stages of design and how to document them. Best practices for requirements gathering, user research, UI design, usability testing, and more … How to conduct and document stakeholder and user interviews.

How to do and document user surveys and competitive analysis. How to create personas, user stories, scenarios, and customer journey maps. How to create low- and high-fidelity prototypes. A practical approach to usability testing. A casual tone and memorable graphics. How gamification evolved, what went wrong with it, and how it came back.

Identify the problem your feature should solve and define how you measure success. Mockup the frontend, collect user feedback and refine. Release partially, collect qualitative feedback, and decide if the feature stays. Learn the most important thing — how people actually use websites and apps.

How mental activities such as perception, learning, memory, and problem solving affect usability. A walk through the steps of designing systems based on user-centered tasks. How users interact with design patterns. How to apply empathy to UI design patterns. How to plan, prototype and apply UI patterns.

Topics on involving users as characters, gamifying interfaces, supplementing actions with interactivity, using easter eggs, and creating user journey maps.

Why visuals are such a compelling tool for retention, information processing, evoking emotions and more. How to strategically influence the user flow and decisions with visual hierarchy. Quick tips on creating visual hierarchy with size, color, layout, spacing and style. How beautiful designs impact your usability and draw attention. Past and future of the use of colors on the web. Best practices for contrast and complementary colors, mixing colors and more. How to design with the power of nothing.

A list of typography tools and grid generators to help you with your next design. How to tackle the feared white space and come out on top. How white space actually gets your users to interact more. How to create a sense of luxury and emphasize content with white space. Effective types of white space in web design. How to create relationships with space.

Examples from Squarespace, Wunderlist, Jukely, Redhat, and others. Topics on color palettes, contrasting colors, emotions of color, texture and more. Flat color palettes, high contrast colors, the emotions of color, how to pair color and texture, and more. List of resources and tools for using color in web design.

How to get into the minimalism mindset, create harmony and contrast, and design with space. Why minimalism is not for every site. How flat design came to be and evolved, and its pros and cons. Understand the different purposes and uses of mockups versus wireframes and prototypes. Best practices for using mockups in the design process. A short but actionable book with to the point explanations.

How to effectively use the content-first design approach. All about the F and Z reading patterns. How to visually communicate through typography. What are and how to apply Gestalt principles to web UI design.

How to design space through subtraction, visual relationships, contrast, vibrancy and more. How to do a 5-second test for visual hierarchy. Dramatic Typography by UXPin.

UX Design And Content Strategy: The Project Guide

Tips for working with type of all sizes, from small to oversized. Pros and cons of card design, how cards work with responsive design, understand cards in Material Design, get pro tips for a visually striking card interface, and more. How UI shapes UX. How to effectively use knowledge about your users and their needs to drive further decisions. In-depth explanations of visual hierarchy, interface design and UX design.

How to effectively collaborate in the design process. How to use UI patterns. How to use design to get input. How to design successful and clear navigations. Examples of best solutions from the best companies in Search User Interfaces by Marti A.

What complex issues lie below the surface of search interfaces. Large body of research that explains what works and why, in a practical way ready for applying. How to analyze, create, and understand the full range of problems and new potentials for search design. Typography Practical Typography by Matthew Butterick.

One of THE best free resources for learning all about typography. Excellent advice for anyone who wants their writing to look professional. Quick, clear, entertaining sections that inspire and encourage you to act immediately and feel the power of what Butterick is discussing. Entertaining writing with sarcastic comments that give you all the education you need to be a typography power user. How to make the best use of text in web design.

How to achieve great readability and delight your audience. Top-notch typographic style information. How to choose the right typeface for mobile, use the right size, pair colors and more.

UX Design And Content Strategy: The Project Guide

How the needs and desires of people can inspire innovative designs. How usability is essential to your design process. A 5-step process for improving your interactions. The basics of goal-driven design including personas, scenarios, and experience maps. The importance of learnability to hook users on your product. Interaction Design Best Practices: The 5 pillars to successful interaction design 5-step process to improving interactions Using content to create amazing user conversations.

Human reading patterns, emotion in copy, and microcopy. Importance of size, distance, and space in interaction design. Why and how time matters in interaction design. Influencing user decisions with interaction design.

How and when to use animations. How to design for user behavior. How applying delight transforms user experiences. The building blocks and 5 pillars of delightful interaction design. Where delight does and does not fit in web design. How to use delight to the max and not hurt usability. Interaction Design Unlocked Vol. Designing the Details by UXPin. The importance of copywriting and different forms of it. Learn about micro-interactions and how to use them. How to connect emotionally and design with mental triggers.

The past, present, and future of animations in web UI design. How to communicate clearly and simplify user flows. How to design persuasive paths for your users. How to delight your users in context and write copy that works. Lots of visual examples on everything from layout to typography to performance.

A comprehensive handbook for beginners and experienced players in the mobile galaxy. Walkthrough of almost every facet of mobile development — perfect for planning stages.


Introductory guide with good hyperlink reference leads. The Four Mobile Traps: Trap 1 — Clinging to legacy: Feeding mobile anxiety Trap 3 — Creating confusion: Cryptic interfaces and crooked success paths Trap 4 — Creating boredom: Failure to quickly engage your users. What are and how to use UI design patterns. Everything from using gestures, animations, buttons, navigations, grids, cards, you name it. Over a pages of illustrated examples of problems and solutions.

Flat 2. The future of mobile card design and how they relate to user behavior patterns. A bonus: Mobile usage: A case study on mobile unmoderated remote research. The importance of research and testing.

Defining usability goals and metrics. How to choose tests and participants. Value of various scripted tests. How to set up and manage a recruiting program to get the right users for usability studies. Learn how to plan for recruiting, screen and schedule participants, and run the test sessions. Sample scripts and forms to use in your own projects. Bridging the Distance: How to explain the remote process to your participants.

How to deal with disturbances and pay attention to non-visual clues. Introduction to user testing and how it can help marketers. Free template to measure your overall brand impression and usability. Mobile testing checklist. Solutions for giving your customers a great experience.

How to define your objective and identify what you need to measure. Create your tasks, write great questions, and test out your test. The value behind in-lab usability testing.

The value behind unmoderated remote usability testing. When to use unmoderated remote usability testing for your research. How to make your next pitch with user testing. Best practices for maintaining positive relationships with your clients and delivering a better product with less wasted time. How to leverage user testing to deliver value to your clients. User Testing and Design: Guiding principles for the design process How to deconstruct and analyze a business.

How to use found insights to make user testing and design decisions.

How to gather and maximize use of collected qualitative and quantitative data. Getting Out of the Office: Why to test prototypes with users, and how to save time, resources, and sanity. Hot to incorporate user testing with your prototype cycle. A short list of their favorite prototyping tools including InVision, Axure, Balsamiq and others.

How UX integrates into the Agile environment. Practical tips and measurable metrics for testing in Agile. A case study on how Autodesk Inc. How to sell the value of user research in the enterprise. How to get the right support. How to choose the right methods, and document your results to prove ROI. How style guides help improve your UI design and collaboration. All the components that make a style guide, like layout, typography, colors, branding, media treatment, iconography, naming conventions and more.

We use the wireframing and prototyping tool UXPin to develop and digitise our sketched interface of the Education Agent panel into a lo-fi HTML prototype we can play and test with. We want to design around the content - to be content-first. We mainly do this by pasting in actual content from the existing site - names and contact details for example. We continue to design the expanded version of the panel which reveals the Education Agent Liaison Officer contact details and ask a question form for the selected region.

Because we have used proto-content, rather than Lorem Ipsum, we can get juicy insights about the content at this early stage. We test the panel with four participants, in face-to-face sessions. We ask them to perform these two user tasks that would largely achieve the user story.

Find the most appropriate BU contact details to help you with a question you have on behalf of a prospective student client.

Ask your question using the contact method you most prefer. During the session we pay close attention to how the content is performing, trying to walk away with answers to these questions:. We now agree as a project team a hypothesis to improve each usability issue with the Education Agent Contact panel. And this is where we leave the story.

Hopefully you will agree that good things happen when we iterate and improve the content and design together from the earliest stages. The Project Guide This hands-on resource for all UXers is a project guide to UX design and content strategy that explores the relationship through a website project. Table of Contents Introduction Guide overview Introducing our client: Competitor Analysis Activity: Want to read later?

Download to Read Later. Introducing our client: Balmain University Balmain University will be the fictitious client for our example project for this guide. Project BU International Student website re-design Scenario The International Office have commissioned us to run an end-toend redesign and build of their existing International Student site.

Our objective We now need to define, design, prototype and validate the core user interfaces and templates required to satisfy the highest priority user stories.

Assumptions This is an agile project that is constructed around user story needs that have emerged from the user research. Content considerations We have already asked the client some revealing questions that should influence the design process. Chapter One Define Content. Step 1 We prioritise the user stories with the client in an Agile release planning meeting. Step 2 We update the user story backlog in our Google sheet.

What is our inner content strategist thinking? How many items are there for each content type? Does BU have a few exchange partner institutions or thousands to list? A dozen accredited agents or hundreds? Is there a single source of truth for contact details for BU staff?

If so, where is it? Multilingual content was prioritised as a could, but we need to keep an eye on it because that has all kinds of translation and maintenance considerations Is there any likely content that the International Office our client does not have direct control over? If so, what? And who controls it?

Step 3 Looking at the prioritised user stories we can see that we [the project team] need to work on the Must stories first. Prepare for content governance We are keeping a list of potential risks, considerations and implications of maintaining and sustaining the content as we go through the UX design process.

Step 4 We review click around competitor sites and annotate screenshots. In 60 seconds we can draw out a bunch of insights and follow up questions from this single Sydney University example: How else do we need to screen enquiries?

They are using single letters, e. They have a different number for calls from overseas - Q. Does BU have or need to present a separate mailing address? What about dates the office is closed like public holidays? They use Google maps — if we were to include a map does BU have a preferred map type? And some general insights and questions: The various contact channels email, call, form have the same weighting - but does our client want to encourage users to opt for particular channels?

There are no contact details for individual staff members - are we going to present actual people and their contact details?

If so that might require a special content type How are we going to handle displaying international dialing codes in phone numbers? Does the BU International Office already have a convention for this?

We should add this to the content style guide Presumably BU contact details already exist and we want to use those and not create a duplicate - but that will mean syndicating content from another system? Do we know which system? We present our insights to the project team for a wider discussion.

Will a regular article page template be sufficient or do we need a dedicated landing page template? Will the contact details for the staff that support the Education Agents be embedded in article pages on the topic or in a dedicated contact us page, or both? Is there a duplication risk? Do we need a content type in the CMS for contact details so we can have a single source of truth that can be published in multiple places on the site? How many BU staff members will actually be taking enquiries from Education Agents - one, two, a dozen?

Do the contact details name, email, phone number we need to satisfy the user story already exist? Where can we see them? What other info may the Education Agent need to make a successful enquiry? Office hours especially for calling? Do any policies and protocols already exist about this?

We will feed these juicy insights directly into our content modelling work later in the guide. Note potential templates and content types Build a simple, running list of templates and CMS content types as they emerge during these early UX design activities.

Chapter Two Design Content Models. Step 2 Present, critique, and vote on 6-up sheets. Step 3 1-up activity. Step 4 Present and critique 1-up sheets.

Although the concept sketches are still pretty raw we can start to draw some significant content insights which are typically questions that need answers: How many pages on the site should include this contact details panel for education agents?

Which bits of content are page furniture, e. How will clients be able to edit this beyond launch? What are the world regions in this context? Does BU have a standardised breakdown of regions? Where can we find it? How many Education Agent Liaison Officers are there?

Is there more than one EALO per region? If so, do we show more than one EALO in the panel? Is there already a source of truth for staff contact details to populate those elements of the panel?

Where is it? What platform? What state? Who to talk to? Is it ok to have staff pictures on the site? Will there be resistance?

What will happen to the content from Ask a question form submissions? Is there already a workflow for submitted questions from education agents? Who do we speak to about it?

To begin with we use a shared project Notebook in Evernote to paste a scan of the sketch with a simple table of the initial content model for our our simple-looking Education Agent contact panel: Chapter Three Prototyping with Proto-Content.There is no one rule for how to present your content model.

You might also like: JNCIS-SEC STUDY GUIDE PDF

Why and how time matters in interaction design. Great, welcome aboard! The basics of goal-driven design including personas, scenarios, and experience maps. A great read for print designers who want to design websites, art directors who want to move to the world of web, and professionals who want to deepen their web skills and understanding.