The document discusses principles of user experience design. It covers topics like designing interfaces for understanding, visual hierarchy and flow, order and composition, typography, color, line use, and relationships between design elements. The document appears to be from a workshop on user experience design fundamentals and includes tips, examples, and prompts for discussion.
05a Fundamentals of UX Workshop: Interface DesignChristina Wodtke
This document discusses principles of interface design such as using wizards for multi-step processes, control panels for account settings that are adjusted infrequently, and toolbars to group tools near the content they modify. It recommends grouping related items visually through techniques like white space, lines or proximity. The goal is to design intuitive zones on pages by understanding users and tasks.
03 Fundamentals of UX Workshop: Interaction DesignChristina Wodtke
The document discusses interaction design and user experience design fundamentals. It covers topics like personas, scenarios, user research, task analysis, and use cases. The goal of interaction design is to create a dialogue between a person and a designed artifact like a product, service, or system. Personas and scenarios are used to represent different types of users to help guide design decisions since there is no average user. Examples of personas for a website are provided, including details on their backgrounds and needs to show how personas can be developed.
This document discusses user research methods and best practices for designing user experiences. It covers why user research is necessary, common research methods like surveys, interviews, card sorting and usability testing. It also discusses different approaches to user research like in-lab testing, remote testing and guerrilla testing. The document provides guidance on best practices such as not leading users, acting like a therapist during interviews and testing with the right target users. The overall aim is to help users understand fundamental user research techniques for improving design.
If you’re a creative or technical professional, odds are you need a great portfolio website. What makes a good portfolio? What if you’re a writer, or a developer, and don’t have a lot of visual work to show? We’ll go over how to navigate the intimidating world of personal portfolio websites, using WordPress as our guide.
This document promotes a slide deck creator's various presentations on topics like stopping smoking, creating visual resumes, and travel tips. It highlights aspects like the number of slides, followers gained, projects' length, and topics' impact or emotional nature. The goal is to encourage viewers to click through and see these presentations.
This document provides an overview and discussion of topics related to developing a business from an initial idea, including:
- Researching customer needs and validating ideas through frameworks and brainstorming techniques.
- Customer development processes like validating minimum viable products and creating shared visions with teams.
- Business model canvases, acquisition channels, revenue streams like marketplace, subscription and advertising models.
- Pricing strategies like determining the unit of exchange and capturing customer value while driving desired behaviors.
- Examples of pricing models for software and lessons on testing pricing through interviews and mockups.
Art and the web don't have to be strange bedfellows. A content strategist and curator discuss what artists have to gain from embracing the web and learning the basics of usable web design.
05a Fundamentals of UX Workshop: Interface DesignChristina Wodtke
This document discusses principles of interface design such as using wizards for multi-step processes, control panels for account settings that are adjusted infrequently, and toolbars to group tools near the content they modify. It recommends grouping related items visually through techniques like white space, lines or proximity. The goal is to design intuitive zones on pages by understanding users and tasks.
03 Fundamentals of UX Workshop: Interaction DesignChristina Wodtke
The document discusses interaction design and user experience design fundamentals. It covers topics like personas, scenarios, user research, task analysis, and use cases. The goal of interaction design is to create a dialogue between a person and a designed artifact like a product, service, or system. Personas and scenarios are used to represent different types of users to help guide design decisions since there is no average user. Examples of personas for a website are provided, including details on their backgrounds and needs to show how personas can be developed.
This document discusses user research methods and best practices for designing user experiences. It covers why user research is necessary, common research methods like surveys, interviews, card sorting and usability testing. It also discusses different approaches to user research like in-lab testing, remote testing and guerrilla testing. The document provides guidance on best practices such as not leading users, acting like a therapist during interviews and testing with the right target users. The overall aim is to help users understand fundamental user research techniques for improving design.
If you’re a creative or technical professional, odds are you need a great portfolio website. What makes a good portfolio? What if you’re a writer, or a developer, and don’t have a lot of visual work to show? We’ll go over how to navigate the intimidating world of personal portfolio websites, using WordPress as our guide.
This document promotes a slide deck creator's various presentations on topics like stopping smoking, creating visual resumes, and travel tips. It highlights aspects like the number of slides, followers gained, projects' length, and topics' impact or emotional nature. The goal is to encourage viewers to click through and see these presentations.
This document provides an overview and discussion of topics related to developing a business from an initial idea, including:
- Researching customer needs and validating ideas through frameworks and brainstorming techniques.
- Customer development processes like validating minimum viable products and creating shared visions with teams.
- Business model canvases, acquisition channels, revenue streams like marketplace, subscription and advertising models.
- Pricing strategies like determining the unit of exchange and capturing customer value while driving desired behaviors.
- Examples of pricing models for software and lessons on testing pricing through interviews and mockups.
Art and the web don't have to be strange bedfellows. A content strategist and curator discuss what artists have to gain from embracing the web and learning the basics of usable web design.
Put your presentation in another level and amaze your boss, your colleagues and your clients with a new and exciting way of presenting your ideas and reports.
Switch from using Microsoft Powerpoint and be more appealing and engaging by using the cloud based presentation software – Prezi
Prezi is a presentation tool that can be used as an alternative to traditional slide making programs such as PowerPoint. Instead of slides, Prezi makes use of one large canvas that allows you to pan and zoom to various parts of the canvas and emphasize the ideas presented there.
While Prezi provide a different approach and format for presenting. It makes presentation interactive and fun.
Here’s a tutorial that will guide you on how to use Prezi in presenting a topic like Product Presentations.
World-Class Onboarding & Validating Hypotheses w/ Intercom & ZalandoProduct School
“Validating Your Product Hypotheses”: The greatest danger in Product is that no one will care about the thing that you’re building. That’s why it’s important to validate your hypothesis with real users before you start building. Terhi Hänninen has used Machine Learning to build customer Intent Prediction at Zalando. She will share her approach for validating hypotheses and tackling completely new customer problems never solved by the company before.
How to Repurpose Your Content to Drive TrafficLeslie Samuel
Are you struggling to drive traffic to your blog? When you create a blog post, do you move on to the next one? If so, you are missing out on a lot of traffic. Here is a plan to boost your traffic by repurposing your content.
Whether you write blogs on WordPress or Blogger there are important tools that can help improve visits to your blog site. Blogging is all about traffic. How do you improve the amount of visitors to your blog? Here are 3 tools that will help you become a better blogger.
The document provides instructions for a group project where students will work in groups of 2-3 to create a website for a fictitious web design company. Each web design company website should have 3 pages - a home page, about us page, and contact page. It should include the company name and logo. Students are encouraged to use techniques learned in class like rollover buttons and review examples of real web design company websites for inspiration.
These days, everybody and their uncle has a website (which is a good thing, since it took forever for some businesses to come around on the whole digital thing).
But the problems with websites are far from over;just because everybody has one, doesn't mean they have a good one. Like the poor content pandemic, bad websites have taken the Internet by storm.
In this eBook we'll let you in on 15 key ways to improve your site, which in turn, will deliver improved conversion. I'd love to get your feedback or for my fellow developers, any other items you think should be added to this list.
or visit: http://www.thinkwsi.com/contact-us
This document provides step-by-step instructions for setting up a WordPress blog, including choosing a theme, customizing colors and images, connecting social media accounts, writing blog posts, and embedding a PDF presentation from Scribd. It encourages the use of WordPress for blogging and marketing due to its popularity and ability to attract more clients and sales.
How to Stream to Facebook Live Like a ProLeslie Samuel
In this presentation of Become a Blogger Live, we talk about the professional way to stream to Facebook Live. What extra software and equipment do you need to stream to Facebook Live?
From Stanford BUS 40: User Experience Design for the NonDesigner
How do we get from task flows to interface screens? How do we make sure they are clear and effective?
Covering key design ideas when designing the user interface.
- Cafe Amazon was founded in 2002 in Bangkok by Ms. Arunee (Arnie) and focuses on serving quality coffee and food in a natural and relaxing environment.
- The cafe sources ingredients from local farms and aims to support the local community.
- A SWOT analysis found strengths in its location, customer base, and brand recognition, while weaknesses included smaller size and opportunities to expand offerings.
The document discusses techniques for visual thinking and idea generation using tools like post-its, walls, and frameworks. It outlines three main techniques: 1) fragmenting and freelisting ideas, 2) chunking ideas into affinity groups, and 3) mapping ideas to frameworks to discover patterns and opportunities. These techniques can be used to generate product ideas by freelisting, sketching concepts, and getting feedback through dotmocracy voting. Visual thinking through drawing and diagramming can unlock insights.
How to turn a guesstimate business model canvas into a fact-based one, and co...Agile Tour Beirut
The risk of failure is high for businesses trying to get and keep clients, and for startups at any stage. What if there was a way to minimize that risk? The Business Model Canvas is quickly becoming the standard in how business models are designed. But a Business Model Canvas is often based on assumptions. Executing a business model based on assumptions will likely lead to failure. In this workshop/talk, we'll cover an agile step-by-step process to identify those assumptions, validate them, and end up with a business model based on facts. This is an opportunity for leadership teams to really get the essence of using this agile process to maximize their chances of success.
The document outlines a customer development template for a sales meeting. It includes sections to understand the customer's needs, provide an overview of the company and product, demonstrate features, discuss limitations, get feedback on a potential roadmap, address objections, and next steps. The purpose is to determine if the customer is a fit and what it will take to do business with them. Key aspects covered include understanding the customer's goals and needs, showcasing key features, getting input on priority of future capabilities, addressing budget and decision process, and scheduling follow up meetings.
This document contains tweets from Christina Wodtke discussing game design fundamentals and concepts. It covers the 7 formal elements of games (players, objectives, outcomes, rules, procedures, resources, boundaries), mechanics and dynamics, and the MDA framework for understanding how games create experiences through their mechanics, dynamics and aesthetics. It also discusses elements that make games engaging like challenges, story, characters and conflict.
Comunication & Storytelling for Product Managers (and anyone else)Christina Wodtke
Half-Day Interactive Workshop
“Get ready to actively participate in your transformation from product manager to product leader”
A product manager rarely has any authority beyond what they can talk people into, thus we need to become really strong communicators. In this half-day interactive workshop, we’ll look at the three kinds of communication: managing up, team communications, and the very important roadshow for getting other groups onboard with your vision. We will use the power of story for formal communication and a combination of techniques from NVC (Harvard’s negotiation project) and the GSB’s “touchy feely” class to make sure your message gets through, and that we are listening effectively.
This special half-day training workshop, with product author and lecturer, Christina Wodtke, is specifically designed for product managers who are looking to really level up their communications skills and who want to use story-telling to effectively communicate with others.
This document provides advice on how to influence others without direct authority. It recommends first listening to understand others' needs, wants, and definitions of success and failure. Norm-setting exercises can establish expectations for how groups will work together. Understanding different cultural maps and communication styles is also important. Speaking the language of the environment and finding ways to frame individual and group goals as shared ("make an US") can help build influence. Self-awareness of strengths, weaknesses, body language and how one is perceived by others also plays a role in wielding soft power over hard power.
The document discusses different types of visual models for making sense of complex information and communicating concepts. It provides examples and descriptions of mind maps, concept maps, system maps, mental models, and concept models. For each model type, the document explains the purpose and provides one or more illustrative examples. It emphasizes that visual models are useful tools for gathering thoughts, organizing understanding, mapping systems, understanding mental models, and messaging complex ideas.
The problem with unexpected consequences is that they are unexpected. The time of "move fast and break things" is over, as we have broken everything from hearts to democracy.
It's time for designers, along with their partners - engineers and business - to embrace a new long term approach to bringing change into the world, that focuses less on disruption and more on evolution. In this talk, Christina will explore various approaches to designing more robust and compassionate change.
The document discusses how to reboot a team by setting goals, roles, and norms; checking in weekly; and evaluating and making corrections quarterly. It emphasizes establishing a common purpose, performance goals, and mutual accountability. Teams are encouraged to provide fast, frequent feedback and hold retrospectives to continuously improve. Individual and team feedback should be empathetic and help the group learn and grow over time.
This document provides an overview of using visual models and drawings to communicate complex ideas and concepts. It discusses different types of visual models like mind maps, concept maps, system maps, mental models, and concept models. It provides examples of each type of model and encourages the reader to practice different drawing exercises, like drawing processes, comparisons, and conceptual models. The overall message is that visual models are effective ways to organize thinking, understand relationships, and communicate complex topics in a simple manner.
Put your presentation in another level and amaze your boss, your colleagues and your clients with a new and exciting way of presenting your ideas and reports.
Switch from using Microsoft Powerpoint and be more appealing and engaging by using the cloud based presentation software – Prezi
Prezi is a presentation tool that can be used as an alternative to traditional slide making programs such as PowerPoint. Instead of slides, Prezi makes use of one large canvas that allows you to pan and zoom to various parts of the canvas and emphasize the ideas presented there.
While Prezi provide a different approach and format for presenting. It makes presentation interactive and fun.
Here’s a tutorial that will guide you on how to use Prezi in presenting a topic like Product Presentations.
World-Class Onboarding & Validating Hypotheses w/ Intercom & ZalandoProduct School
“Validating Your Product Hypotheses”: The greatest danger in Product is that no one will care about the thing that you’re building. That’s why it’s important to validate your hypothesis with real users before you start building. Terhi Hänninen has used Machine Learning to build customer Intent Prediction at Zalando. She will share her approach for validating hypotheses and tackling completely new customer problems never solved by the company before.
How to Repurpose Your Content to Drive TrafficLeslie Samuel
Are you struggling to drive traffic to your blog? When you create a blog post, do you move on to the next one? If so, you are missing out on a lot of traffic. Here is a plan to boost your traffic by repurposing your content.
Whether you write blogs on WordPress or Blogger there are important tools that can help improve visits to your blog site. Blogging is all about traffic. How do you improve the amount of visitors to your blog? Here are 3 tools that will help you become a better blogger.
The document provides instructions for a group project where students will work in groups of 2-3 to create a website for a fictitious web design company. Each web design company website should have 3 pages - a home page, about us page, and contact page. It should include the company name and logo. Students are encouraged to use techniques learned in class like rollover buttons and review examples of real web design company websites for inspiration.
These days, everybody and their uncle has a website (which is a good thing, since it took forever for some businesses to come around on the whole digital thing).
But the problems with websites are far from over;just because everybody has one, doesn't mean they have a good one. Like the poor content pandemic, bad websites have taken the Internet by storm.
In this eBook we'll let you in on 15 key ways to improve your site, which in turn, will deliver improved conversion. I'd love to get your feedback or for my fellow developers, any other items you think should be added to this list.
or visit: http://www.thinkwsi.com/contact-us
This document provides step-by-step instructions for setting up a WordPress blog, including choosing a theme, customizing colors and images, connecting social media accounts, writing blog posts, and embedding a PDF presentation from Scribd. It encourages the use of WordPress for blogging and marketing due to its popularity and ability to attract more clients and sales.
How to Stream to Facebook Live Like a ProLeslie Samuel
In this presentation of Become a Blogger Live, we talk about the professional way to stream to Facebook Live. What extra software and equipment do you need to stream to Facebook Live?
From Stanford BUS 40: User Experience Design for the NonDesigner
How do we get from task flows to interface screens? How do we make sure they are clear and effective?
Covering key design ideas when designing the user interface.
- Cafe Amazon was founded in 2002 in Bangkok by Ms. Arunee (Arnie) and focuses on serving quality coffee and food in a natural and relaxing environment.
- The cafe sources ingredients from local farms and aims to support the local community.
- A SWOT analysis found strengths in its location, customer base, and brand recognition, while weaknesses included smaller size and opportunities to expand offerings.
The document discusses techniques for visual thinking and idea generation using tools like post-its, walls, and frameworks. It outlines three main techniques: 1) fragmenting and freelisting ideas, 2) chunking ideas into affinity groups, and 3) mapping ideas to frameworks to discover patterns and opportunities. These techniques can be used to generate product ideas by freelisting, sketching concepts, and getting feedback through dotmocracy voting. Visual thinking through drawing and diagramming can unlock insights.
How to turn a guesstimate business model canvas into a fact-based one, and co...Agile Tour Beirut
The risk of failure is high for businesses trying to get and keep clients, and for startups at any stage. What if there was a way to minimize that risk? The Business Model Canvas is quickly becoming the standard in how business models are designed. But a Business Model Canvas is often based on assumptions. Executing a business model based on assumptions will likely lead to failure. In this workshop/talk, we'll cover an agile step-by-step process to identify those assumptions, validate them, and end up with a business model based on facts. This is an opportunity for leadership teams to really get the essence of using this agile process to maximize their chances of success.
The document outlines a customer development template for a sales meeting. It includes sections to understand the customer's needs, provide an overview of the company and product, demonstrate features, discuss limitations, get feedback on a potential roadmap, address objections, and next steps. The purpose is to determine if the customer is a fit and what it will take to do business with them. Key aspects covered include understanding the customer's goals and needs, showcasing key features, getting input on priority of future capabilities, addressing budget and decision process, and scheduling follow up meetings.
Similar to 05b Fundamentals of UX Workshop: Interface Design (for Understanding) (6)
This document contains tweets from Christina Wodtke discussing game design fundamentals and concepts. It covers the 7 formal elements of games (players, objectives, outcomes, rules, procedures, resources, boundaries), mechanics and dynamics, and the MDA framework for understanding how games create experiences through their mechanics, dynamics and aesthetics. It also discusses elements that make games engaging like challenges, story, characters and conflict.
Comunication & Storytelling for Product Managers (and anyone else)Christina Wodtke
Half-Day Interactive Workshop
“Get ready to actively participate in your transformation from product manager to product leader”
A product manager rarely has any authority beyond what they can talk people into, thus we need to become really strong communicators. In this half-day interactive workshop, we’ll look at the three kinds of communication: managing up, team communications, and the very important roadshow for getting other groups onboard with your vision. We will use the power of story for formal communication and a combination of techniques from NVC (Harvard’s negotiation project) and the GSB’s “touchy feely” class to make sure your message gets through, and that we are listening effectively.
This special half-day training workshop, with product author and lecturer, Christina Wodtke, is specifically designed for product managers who are looking to really level up their communications skills and who want to use story-telling to effectively communicate with others.
This document provides advice on how to influence others without direct authority. It recommends first listening to understand others' needs, wants, and definitions of success and failure. Norm-setting exercises can establish expectations for how groups will work together. Understanding different cultural maps and communication styles is also important. Speaking the language of the environment and finding ways to frame individual and group goals as shared ("make an US") can help build influence. Self-awareness of strengths, weaknesses, body language and how one is perceived by others also plays a role in wielding soft power over hard power.
The document discusses different types of visual models for making sense of complex information and communicating concepts. It provides examples and descriptions of mind maps, concept maps, system maps, mental models, and concept models. For each model type, the document explains the purpose and provides one or more illustrative examples. It emphasizes that visual models are useful tools for gathering thoughts, organizing understanding, mapping systems, understanding mental models, and messaging complex ideas.
The problem with unexpected consequences is that they are unexpected. The time of "move fast and break things" is over, as we have broken everything from hearts to democracy.
It's time for designers, along with their partners - engineers and business - to embrace a new long term approach to bringing change into the world, that focuses less on disruption and more on evolution. In this talk, Christina will explore various approaches to designing more robust and compassionate change.
The document discusses how to reboot a team by setting goals, roles, and norms; checking in weekly; and evaluating and making corrections quarterly. It emphasizes establishing a common purpose, performance goals, and mutual accountability. Teams are encouraged to provide fast, frequent feedback and hold retrospectives to continuously improve. Individual and team feedback should be empathetic and help the group learn and grow over time.
This document provides an overview of using visual models and drawings to communicate complex ideas and concepts. It discusses different types of visual models like mind maps, concept maps, system maps, mental models, and concept models. It provides examples of each type of model and encourages the reader to practice different drawing exercises, like drawing processes, comparisons, and conceptual models. The overall message is that visual models are effective ways to organize thinking, understand relationships, and communicate complex topics in a simple manner.
The document discusses the history and importance of information architecture (IA). It notes that IA was initially an informal practice before becoming a recognized field. However, IA is now more crucial than ever to organize the massive amounts of digital information and data. The document warns that algorithms and search tools are not enough on their own. Effective IA requires considering how organization and classification can impact different groups, employing user-centered design, and acknowledging that IA decisions are political in nature. The overall message is that IA practitioners must work to make information structures meaningful, inclusive and support deeper understanding.
Given at Lean Startup 2017.
Using Lean to Create High-Velocity Teams (Until 2:00pm)
Great products come from great teams, yet very few companies try their hand at at team design. Too often we rip job descriptions off the web, throw people together without preamble, then simmer in passive-aggressive discontent until someone eventually fires the person we’ve all been rolling our eyes at. Or worse, we avoid firing him until everyone good quits. Can Lean show us a better way to get things done?
Christina Wodtke teaches Lean Entrepreneurship at the university level and coaches executives how to create high-performing organizations. From this intersection she has helped a new kind of team emerge: the Lean Team.
What is the Lean Team?
-Hypothesizes about how we do our work, not just what work we’ll do.
-Holds no ao assumptions about the best way to get things done.
-Is constantly iterating.
-Commits to peer-to-peer accountability and coaching.
-Embraces diversity in experience and culture.
-Engages in formal reflection to increase learning velocity.
The best teams don’t just use Lean Startup methods to create breakthrough products. They use the learning cycle to reduce interpersonal conflict, communicate effectively, and get more done. In this breakout session, we’ll look at the best practices that high velocity, high-learning teams use, and how you can bring them back to your company.
#enterprise #startup #leanteams
This was given as a 1.5 hour lecture to the MDES students at CCA, removing the opening game play and the later exercise. It's better at 2-3 one hour lectures, plus game play.
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
http://creativecommons.org/licenses/by-nc-sa/4.0/
In school we learn to write as a fundamental building block for communication, and drawing is shunted away to “art class.” But scientists like Darwin and Marie Curie, presidents from Jefferson to Obama, and mathematicians, choreographers, and composers all have used sketching to give form to their ideas. Words are abstract and ambiguous, and can lead to miscommunication. We say a picture is worth a thousand words, so why do we discard this critical tool?
Drawing is not just for so-called creatives. Drawing allows you to ideate, communicate, and collaborate with your team. Stop talking around your vision, and get it on the whiteboard where your team can see it! Whether you’re an entrepreneur, an engineer, or a product manager, drawing will make you better at your job. In this workshop, you will go from “can’t draw a straight line” to visually representing complex ideas. First, we’ll demystify the act of sketching. Through a series of activities and exercises, we’ll cover the fundamental building blocks of visual communication. You’ll learn easy ways to draw the most common images, from people to interfaces. Next, we’ll tackle making storyboards, product flows, and interfaces. We’ll finish by working with charts, mental models, and canvases. This is a hands-on workshop, so come with paper, pencils, and pens, and be ready to make your mark.
Given at UXDC
From Starchitects to Design Gurus, the lone designer-hero has been our model for creating impact. But it’s a complete lie. The complex software, smart devices and connected information environments we create require multidisciplinary teams. So we must spend a lot of time getting teamwork right, right?
Sadly, no.
Instead we rip job descriptions off the web, throw people together without preamble, simmer in passive-aggressive discontent until we eventually fire the person we’ve all been rolling our eyes at. Or worse, we avoid firing him until everyone good quits.
It’s time to give teams the same attention and craft we give our products. Christina will share the lessons from top companies in the Silicon Valley for you to take back to your teams. It doesn’t matter if you are a manager or a peer leader, these approaches will make your team thrive. Awesome products come from awesome teams, so it’s time to stop doing business as usual and design a team for impact.
The document discusses various methods for validating assumptions in product development, including landing pages, audience building, concierge testing, Wizard of Oz testing, fake doors, and selling. It provides examples of what each method is good for, how to implement it, and which types of assumptions (problem, solution, or implementation) it helps validate. The document encourages readers to identify the best validation method for their product and create a landing page or other test before the next class.
Teaching Game Design to Teach Interaction DesignChristina Wodtke
This document discusses how teaching game design can be used to teach interaction design. It provides examples of exercises used in classes that have students create simple paper prototype games to explore mechanics like movement, conflict, and feedback. The document argues that game design and interaction design require many of the same skills, including considering affordances, direct manipulation, conceptual models, information architecture, iteration and playtesting. Teaching game design helps students explore difficult topics and stretch their thinking in new directions. Core concepts from game design like mechanics, dynamics and aesthetics can also be applied to interaction design.
The Creative Entrepreneur: Stanford Class2 NeedfindingChristina Wodtke
This document contains profiles of three potential users (Sarah, Scott, and Grace) of Shockwave and AtomFilms websites. It describes their personal backgrounds, technical proficiencies, histories with the websites, and opportunities for each website to engage them. The document aims to understand different types of users to help ideate new products or services.
The Creative Entrepreneur: Stanford Class4 From story to offeringChristina Wodtke
Our product and services help customers in a target segment by addressing their needs and jobs to be done, reducing pain points and increasing gains, in a way that differs from competitors or do-it-yourself solutions. The document discusses wireflows, one minute pitches, dotmocracy voting, key screens like upsell pages, participatory roadmaps to define minimum viable products, and testing with the target market using a business model canvas.
The Creative Entrepreneur: Stanford Class3 New Product IdeationChristina Wodtke
This document summarizes profiles for 3 potential users (Sarah, Scott, and Grace) of Shockwave and AtomFilms websites based on an empathy mapping exercise. It describes each person's demographics, background, technical proficiency, past experiences with the websites, and opportunities for the websites. The goal is to understand different user types to help guide product design and features.
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Designforuminternational
India’s architectural landscape is a vibrant tapestry that weaves together the country's rich cultural heritage and its modern aspirations. From majestic historical structures to cutting-edge contemporary designs, the work of Indian architects is celebrated worldwide. Among the many firms shaping this dynamic field, Design Forum International stands out as a leader in innovative and sustainable architecture. This blog explores some of the best Indian architects, highlighting their contributions and showcasing the most famous architects in India.
Explore the essential graphic design tools and software that can elevate your creative projects. Discover industry favorites and innovative solutions for stunning design results.
05b Fundamentals of UX Workshop: Interface Design (for Understanding)
1. Designing the User Experience: THE FUNDAMENTALS
DESIGNING
INTERFACE
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
2. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
2
PART TWO
DESIGNING FOR
UNDERSTANDING
3. WHAT IS THE SINGLE MOST
IMPORTANT THING?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
4. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
5. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
6. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
7. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
8. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
9. LOOK
LOOK
Hierarchy gives clarity
Law of Focal Point
The idea that a point of interest, something emphasised or
different will catch and hold the viewers attention (Chang, 2002).
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
LOOK
LOOK
LOOK
10. IN WHAT ORDER SHOULD I LOOK?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
11. Order and Composition
LAYOUT
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
12. painting
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
13. painting
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
14. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
15. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
16. Comics are read in
the west left to right,
like a page. However,
good artists add visual
elements to help you
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
flow.
http://samkieth.blogspot.com/
17. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
18. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
19. How do
you read
Amazon?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
20. WRITE THE TOP THREE THINGS USERS
MUST DO, IN ORDER OF IMPORTANCE
WHY?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
Task: 10 min
2
0
21. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
TYPE
22. I am a serif font
I am sans-serif
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
23. I am Times New Roman
Hey, I’m arial
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
24. I am Comic Sans
I am the devil
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
25. I am Impact
LOL
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
26. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
27. Display fonts aren’t readable
Use them only for titles.
(Hi, I’m Georgia, and I’m always welcome!)
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
28. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
29. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
30. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
31. My Hacks
Two fonts only: a headline and a body
Three sizes only Huge, normal and legal
Leading like there is no tomorrow.
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
3
1
32. COLOR
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
33. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
34. RESTRAINT
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
3
4
35. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
36. NATURE
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
37. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
38. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
39. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
40. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
41. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
42. IF PHOTO-HEAVY, USE LITTLE COLOR
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
43. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
44. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
45. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
46. CHEATERS TRICKS
• One color, with variations. One accent. Period
• Use a generator site http://www.colourlovers.com/
• Use nature http://boxesandarrows.com/natural-selections-
colors-found-in-nature-and-interface-design/
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
47. LET’S MAKE PALETTES AND FONT
STRATEGIES!
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
4
7
48. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
LINE
49. WARM, HAND DRAWN LINES= ARTISANAL
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
50. LINES GENTLY REINFORCE THE GRID =
SCIENTIFIC
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
51. SIMPLE LINED NAVIGATION = ARTWORK
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
52. GRID EDGED WITH LINES=MODRIAN=MODERN
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
53. RELATIONSHIPS
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
54. WHICH PAIR OF
PANTS ARE NOW
39.99?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
55. WHICH CAR IS
49.99?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
56. IF YOU ARE PUTTING BOXES AROUND THINGS TO MAKE IT
CLEAR, YOU PROBABLY SHOULD START OVER
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
57. DIFFERENCE & CONTRAST
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
58. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
59. PROGRESSION
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
60. THIS IS A VERY TALL PAGE
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
61. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
62. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
63. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
64. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
65. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
66. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
67. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
68. This one too
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
69. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
70. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
71. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
72. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
73. THIS IS A
LONG PAGE
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
74. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
Flipboard
moves in a
variety of
directions
75. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
76. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
77. Even if you use the “wrong”
gesture, Flipboard reacts
correctly.
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
78. THEME
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
7
8
79. WHAT DO YOU THINK ABOUT WHEN
YOU THINK OF A PAINTING PROGRAM?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
80. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
8
0
Poetics: Control, power, precision
81. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
8
1
Values: Lightweight, easy, sketchy, imprecise
82. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
83. WHAT DO YOU THINK OF WHEN YOU
THINK OF WRITING?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
84. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
8
4
Power, control,
precision,
85. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
8
5
OmmWriter
Beauty, peace, zen
86. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
8
6
87. WHAT DO YOU THINK OF WHEN YOU
THINK OF SOCIAL?
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
88. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
89. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
90. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
91. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
92. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
93. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
94. GRAPHIC DESIGN HACKS
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
95. MINIMALIST DESIGN
Only use one font. Preferably Helvetica.
Only use three, all very different. Perhaps a fourth for footer text.
Only use one color, with variations, and one “accent” color.
Turn on the grid (if you are using Photoshop, etc)
Never align center.
Don’t use stock photography, unless you have awesome taste. It has
no soul.
Have a hierarchy
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
96. CHEATS
Design Patterns
Libraries
Odesk
Conference proceedings
You can’t buy taste
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License.
To have this workshop at your business or conference , contact cwodtke@eleganthack.com
Editor's Notes
You can change the same kind of software with different values
You can change the same kind of software with different values