Transcript: Malek besbes & Rania Younes USER EXPERIENCE DESIGN WHEN When did UX APPEAR In the 90s, the term UX appeared with Donald Norman, an employee of Apple in 1955. Donald Norman "User experience, encompasses all aspects of the end-user's interaction with the company, its services, and its products." Jakob Nielsen and Don Norman WHAT User experience design is a set of methodologies and processes "User Centred" that allow designers to consider, design and improve a service or a product and where the user is involved in the different phases of the project, taking into account their environment, behavior and skills to guarantee and obtain better change and an optimal experience. What is UX design ? EXAMPLE DESIGN A PRODUCT DESIGN AN EXPERIENCE *How a product works . *How it feels . *Who is using it . *How they use it . *What they want to do . *What we want them to do . UX is all about User Experience Basics TITLE TITLE Useful: Your content should be original and fulfill a need Usable: Must be easy to use Desirable: Image, identity, brand, and other design elements are used to evoke emotion and appreciation Findable: Content needs to be found Accessible: Content needs to be accessible to people with disabilities Credible: Users must trust and believe what you tell them *UX is, first, putting the user at the center of the reflection. *Then, understanding them and answering their needs. *finally, fixing their problems..... UX Design is User-Centered UX is everywhere Where User Experience Design Process HOW Why User Experience Matters? WHY *Makes things useful, usable and desirable *Understands your business *Understands your customer *Helps create your vision *Improves peoples lives *Makes the complex easy … by bringing the user to the core of the process TITLE “Design is not just what it looks like and feels like. Design is how it works.” — Steve Jobs. *Empathy *Inquisitive *Problem-solver *Collaborative *Passionate *Experimental *Common-sense Traits of a UX Designer ‣
Transcript: Data Preprocessing Time Genre # of Movie Production/Country Country Popularity Average Rating
Transcript: Anticipated their audience's needs/pains Held user's hand when they needed it Organized information in a way that made sense Took an experience that can be overwhelming and made it simple and enjoyable Questions louisiana.gov Visual Communication utah.gov Utah Recap Utah What do you want your _______ to accomplish? Who are your competitors? Louisiana Font sizes are now used intelligently - drawing attention to key chunks of information The font choice itself has been chosen for easier readability, increasing the likelihood that viewers will look through and process more content Highest cost-benefit value? Having awesome customer service? Being the sole provider of a service/product? Work ethic/company values? Structure - sense of underlying framework Visual Path - what should they be seeing? Design Elements - designing intelligently Narrative - the message or story Call to Action - what response do you want? What sets you apart? White space has been utilized more effectively, allowing the reader multiple "resting spots" to bounce back to What did they do wrong? These are the key points you need to match to your audience's needs, and the information you want to ensure is seen by your viewers Do your homework up front. - (know your audience, competition, self) Seek out inspiration. Determine your end goal for the solution. Think about your solution as an experience from start to finish. Be aware of, and utilize basic principles of design. Get constant feedback through user testing. There are a few key questions you need to ask: Anticipated their audience's needs/pains Organized information Simplified searching to some extent Applies to everything you see and interact with every day All forms of media are created using basic principles of design Things you know instinctively, but might not be applying on a regular basis Possibly over-simplified May have focused too much on one age group of users Honestly not much CREATIVE TIPS Principles of Design Look at how they represent themselves Research less obvious competition Compare what works with what doesn't You need to actively be seeking inspiration for better ways to do things - especially when it comes to designing for customers, or representing yourself to the rest of the world Get more phone inquiries? Increase brand awareness? Educate your audience? Encourage sales? Encourage social media presence? Tell a story "Communication through a visual aid; the conveyance of ideas and information in forms that can be read or looked upon." Used poor design choices No central focus Very little thought went into the needs of the user Provided too much information without enough direction No visual appeal Specific age-range? Certain proficiency level in various skills? Focused or broad? Example: web site The call to action includes personal contact information, implying human response and interaction Who is your target audience? Color is used more sparingly to highlight important information What did they do right? - Understand the pain/problem/need your audience has. - Address how you can help fix that problem. - Provide proof that you can make good on your promise. Before you get started... Louisiana Information has been broken into columns to keep readers engaged, (optimal character length is 50-75 per line, including spaces) and text has been tailored to answer the key questions of the audience UX Design Structure Use a grid to visually organize your blocks of information Use placement or visual hierarchy to emphasize your main point Organize information in a way that is easy to access and relevant to your audience Visual Path In most cultures, people's eyes instinctively search for a starting place in left corners This can be further encouraged by the use of color, contrast, and scale to draw the reader in (notice the use of the vibrant watch to give the reader a place to start, and how the people in the image are looking there as well - it leads the reader to the text, and back across the row of images to the right) Repetition Multiple watches - different styles shows diversity and uniformity within the brand (user is part of a community) Columns - displays emphasis on key areas of information Correlation between menu and images - focuses attention on main selling points: key products, music, and human interaction No style guide (set of design rules) Grid is non-existent "Columns" vary in width Font sizes change from front to back, or even on the same page Color and contrast are used to draw attention to specific details, but it is done so many times that it actually has the opposite affect - readers pass over the selling points There is no clear call to action, and the only option to find out more is through an impersonal web address meet. discuss the needs of your customer and ask initial questions. research. determine what your end goal for the design will be. look at competitors and other design solutions. get additional input from customer and other resources.
Transcript: Your name Your company OUR KNOWLEDGE Website Product Launch Outcomes Outcomes Staying on top Staying on top Events Events Visibility Layout Social Media Social Media Poster Poster Other approaches Other approaches Distribution Items Advertising Advertising Vision Vision Strategy Text Font SWOT Analysis SWOT Analysis Strenghts Strenghts Weaknesses Weaknesses Opportunities Opportunities Threats Threats Sales Projections Sales Projections Targets Targets - client's explanations Interpretation Idea - designer's understanding - designer's subjectivity - REAL client's will
Transcript: User Experience THANK YOU designing for the human, not focusing on technology it is about designing the technology as an extension of human capabilities is essential to making technology transparent HUMAN FACTORS Design HCI ask questions - the answers to these questions that shape a products design prototype QUESTIONS? evaluate Design is beyond the vision UX DESIGNER Why is it important and why would we care? ensuring a quality user experience What is UX? SOURCES realizing design alternatives ... but also more than that. tools and tecnics that takes user’s needs into account at every stage of the product lifestyle it is about YOU! how a person feels, behave and think when interacting with a system User Experience - Where user's and business needs overlap Dr. Don Norman - first to descride the importance of users needs and wants when making design descisions. analyzy Rex Hartson and Pardha S. Pyla, The UX book, process and guidelines for ensuring a quality user experience, 2012, Morgan Kaufmann http://www.sitepoint.com/ux-designer-actually/ http://justcreative.com/2014/03/02/user-experience-web-design/ http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/ http://uxdesign.smashingmagazine.com/2014/01/27/pragmatic-ux-techniques-for-smarter-websites/ Usability UX design DESIGN PROCESS Human-computer-interaction verifying and refining the interaction design What, when, where, why and how people interact with a product Who that person is? understanding the business domain, user work, and user needs ACCeSSiBILITY Creating conceptual design, interaction behavior, and look and feel
Transcript: UX Design Don't make me think! Presentation by : Mahdi Memarpouri Why this book ? The book a classic guideline on how to make good UX designs for everyone first published in 2000, revisited in 2014... Agenda Agenda Don’t make me think! 1 Key questions you should ask Animal, Vegetable, or Mineral? 4 Why users like mindless choices? How we really use the Web 2 We don't read, we scan! Street signs and Breadcrumbs 6 Designing navigation Omit needless words 5 Suffocate the happy talk The Big Bang Theory 7 Getting people on the right foot The Arguments of usability 8 Why these arguments are useless Usability testing 9 How to design a good test? It’s not just a city in Alabama anymore Billboard Design 101 3 Respect the conventions Introduction to Mobile design 10 Accessibility and you Usability as common courtesy 12 11 What makes the user happy? Do you consider the people with disabilities ? The story of me and my boss... 13 How to convince your boss for a new design? Chapter 1 Don’t make me think! The only rule you should remember ! I hate these questions! Where am I ? Where should I begin ? Where did I put ____? What are the most important things on this page ? Why did they call it that ? Is that an Adv or a part of the site ? Chapter 2 How we really use the web? We SCAN pages. We don't read them! We’re usually on a mission We know we don’t need to read everything We’re good at it. IT'S EASY! We don’t make optimal choices. We satisfice. Why we like to guess ? We’re usually in a hurry. There’s not much of a penalty for guessing wrong.(We're not firefighters) Weighing options may not improve our chances.(bad design) Guessing is more fun. We don’t figure out how things work. We muddle through. It’s not important to us. If we find something that works, we stick to it. The Art of making everything Self-Evident Better chance of finding what they're looking for They also find other things you offer in your website You navigate them easily to the parts you want to see They'll feel smarter and in control Chapter 3 Billboard Design & Using Conventions Convention in web design? Why we have to use them ? What about creativity ? How to make effective visual elements ? Use hierarchies Text hierarchy which things are most important ? which things are similar ? which things are part of other things ? It's all about making scanning easier! Chapter 4 Why Users Like Mindless Choices? "In general, I think it’s safe to say that users don’t mind a lot of clicks as long as each click is painless and they have continued confidence that they’re on the right track." When you can’t avoid giving me a difficult choice.... make sure your guidance is : brief Timely Unavoidable Chapter 5 Get rid of needless words! "This Law probably sounds excessive, because it’s meant to. Removing half of the words is actually a realistic goal; I find I have no trouble getting rid of half the words on most Web pages without losing anything of value. But the idea of removing half of what’s left is just my way of trying to encourage people to be ruthless about it." Why ? It reduces the noise level of the page. It makes the useful content more prominent. It makes the pages shorter, allowing users to see more of each page at a glance without scrolling. How ? Happy Talks must die! Instructions must die! most Web users don’t have time for small talk; they want to get right to the point. eliminate instructions entirely by making everything self- explanatory Chapters 6 Street signs and Breadcrumbs The art of designing the navigation The process of entering a website I want to search! I want to click! “search-dominant” users “link-dominant” users if I don't find what I searched for I'll Leave... Web navigation VS Street Navigation No sense of location | No sense of direction | No sense of scale Good Navigation Provides... It tells us what's here It tell us how to use the site It gives us the confidence in the people who built it Elements of a good navigation Persistent Navigation Logo Search Th utilities The importance of having a good hierarchy Secondary, tertiary, and whatever comes after tertiary "failing to give the lower-level navigation the same attention as the top. In so many sites, as soon as you get past the second level, the navigation breaks down and becomes ad hoc." Why we fail it's hard it takes time is it important ? lack of content for lower levels Where is here? name pages & use breadcrumbs Imagine if you're dumped somewhere in the website What site is this? (Site ID) What page am I on? (Page name) What are the major sections of this site? (Sections) What are my options at this level? (Local navigation) Where am I in the scheme of things? (“You are here” indicators) How can I search? Chapter 7 The Big Bang Theory of Web Design! The importance of getting people on the right foot What is this ? What can I do here? What do they have here? Why should be here not there? You have 50 miliseconds to impress me! I need to be able to answer these questions at a
Transcript: UX Design Courses 27/11/2019 What is it? What is UX? User experience (UX) design is the process design teams use to create products that provide meaningful and relevant experiences to users. This involves the design of the entire process of acquiring and integrating the product, including aspects of branding, design, usability and function. Why UX Design over Graphic Design? Why UX? Higher satisfaction and fulfillment derived from getting “under the hood” of the products you work on rather than working on the exterior. According to PayScale, the average salary for a graphic designer in the United States is $41,000, but the same for a UX designer is a whopping $74,000 Skills and practices of UX Designers Projects/assignments on portfolio that are similar to what would be found in workplace The skills needed to keep furthering my career in UX - staying ontop of a constantly evolving industry. Courses that go into depth rather than large scope Needs Needs Research Is UX Design a career path? or a Fad? The notable quotes from this interview: https://medium.com/inside-design/i-talked-to-3-people-who-got-into-ux-in-their-40s-1db75aadb11b ''UX design is not a trend. It’s been out there and will continue to be out there for as long as humans buy and sell goods and services. So, make sure you’re not just chasing a cool title or some job you think is the next big thing. UX is about solving problems, and it’s a great job to have.'' ''I would have saved a lot of money going straight into a UX immersive program. I wasted money and time doing the front-end course. Do an immersive program and get a mentor.'' ''Get a feel for the design process as a creative process instead of the focus on research. Research is the easy part; understanding visual communication concepts is the big reach." Will it last? Even if UX design fades from User interfaces, there will always be user experience design in sound and AI - example think what your google home will evolve into with UX in the future. It will be used in Cars, Smart homes etc, the UX Design field is becoming more specialized so Its a good place and time to start now and my skills and career will evolve with the industry. https://careerfoundry.com/en/blog/ux-design/whats-the-future-of-ux-design/ “The expanding domain of user experience and its myriad disciplines will push the title ‘UX designer’ to a breaking point, unbundling its responsibilities to the appropriate specialists.” https://careerfoundry.com/en/blog/ux-design/whats-the-future-of-ux-design/ "What we’ll see over the next few years is a new approach to UX research emerging — an approach that fits in much more neatly with short sprint cycles." https://uxplanet.org/where-is-the-ux-industry-headed-in-2019-beyond-bf08a5abf03 Arguments from Articles - Other Reading: https://uxdesign.cc/do-you-really-want-to-be-a-ux-designer-83a3c9399ffe https://zurb.com/blog/stay-ahead-of-the-ux-design-fad https://www.prospects.ac.uk/job-profiles/ux-designer UX Strategist UX Researcher UX Analyst UX Designer UI Designer / Visual Designer Product Manager UX/UI professionals hold the top slot for most in-demand creative professions. Record low unemployment rates trend towards 3.5% in 2019 (lowest since the late 1960’s), coupled with the competitive landscape, the low supply of UX/UI professionals to go around creates a hunt for HR. Specializations Multi Disciplinary teams - will have a variety of backgrounds, maybe you should join me and become a UX Designer :P UX Designer Training 1 UX Designer Training 1 The Course https://openclassrooms.com/en/paths/76-ux-designer#path_start https://openclassrooms.com/en/paths/76-ux-designer/pdf At your pace ~ around 12 months Personal mentor Job guarantee in 6 months or money back Master's-level diploma 10 hands-on projects The Course Apply UX principles to actual projects Conduct research studies including ethnography, usability testing and card sorting Assess a scenario and create a research path Lead and facilitate design thinking exercises and workshops Prototype ideas to save time and money Create wireframes Implement research findings and analytics in product development Manage creative projects Translate complex ideas into accessible objectives Design effective user experiences Apply graphic design skills across projects Communicate your process and design decisions Present your findings to stakeholders and clients The Course Costs £500 per month Non-binding subscription Est 12 months to complete. so avg. £6000 cost. Costs ~£6000 ~£6000 Pros & Cons Personal Mentor with Weekly meetings Job Guarntee in 6 months or your money back High Focus on UX Design Monthly payment so I'll work harder & the total cost will be lower. OpenClassrooms is an official private distance learning establishment registered with the Board of Education in Paris, France that grants its own diplomas as well as those of prestigious academic partners. Pros Cons May not be legible as don't have a bachelors. Bloc.io Designer Track
Transcript: UX Design Interaction Design In Web Design In Mobile Application Visual Design In Apple Engineering QA Good UX Examples How does Human Gestures Recognition impact the UX Thank You ios 5 Google UX Design Bad UX Facebook Windows ios 7 Production team Saket Saurabh Nikhil Johny Nikhil S. Naruechit N.
Description: If you work in education, make your next report visually interesting and easy to navigate. The line-drawn illustrations in this edu report presentation template encourage curiosity and discovery.
Description: Stand far above the stacks and stacks of flat, boring resumes on any hiring manager’s desk with a Prezi resume template. Just customize this Prezi presentation template to create your very own “Prezume” and impress them with your dynamism, coolness, and originality.
Description: Impactful presentations need stunning visuals and a meaningful metaphor to show high-level concepts and the smaller details. This customizable presentation template uses a classic world map visual to help you navigate complex information while staying grounded in your presentation’s core message.
Description: For grant requests, program proposals, or any other nonprofit or education presentation, this globe-themed creative Prezi template is the way to generate interest and momentum. Like all Prezi education templates and Prezi nonprofit templates, it’s easy to customize.
Now you can make any subject more engaging and memorable