This document provides an overview of user experience (UX) design. It introduces the presenter and defines UX as how users feel about and interact with a product or service. The document then outlines the main components of UX work, including user research, information architecture, interaction design, and testing. It also discusses the UX design process of discovering user needs, designing interfaces and interactions, development, and testing. Examples of companies with great UX are provided.
There are millions of definitions of UX out there and they are all different. It's because UX is a hybrid of many disciplines.
In this course you will learn the components of the UX process and get a sneak peak on what UX designers do in their daily life.
There are millions of definitions of UX out there and they are all different. It's because UX is a hybrid of many disciplines.
In this course you will learn the components of the UX process and get a sneak peak on what UX designers do in their daily life.
User Interface Design
User Centred Design and principles, Iterative Design, User research, Building Personas, Design studio method, Prototyping basics and tools, Paper prototyping, Usability testing
Information Architecture Basics,
Main components of IA: organization schemes, structure, labeling, logic, search
Card sorting, Tree testing, IA performance, Content modeling, Task Flows, Site Maps
Kate Williamson and Cait Vlastakis Smith — UX Designers at Centerline Digital — explore the differences between UX and UI.
Good UX is the manifestation of deeply understanding people.
Learn more at: http://www.centerline.net
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...Raj Lal
Do you know about WIMP? The Natural or Organic Interface? Zooming Interface? And what the heck is the Intelligent UI? Where are all these interfaces coming from. What about the Gesture, Haptics, Pen based and touch and even multi touch interfaces?
In this session learn from the Author of Digital Design Essentials: 100 ways to Design better Desktop, Web and Mobile Interfaces, the intriguing story of the Digital Interface. How the digital Interface started from Command line to WIMP Interface to GUI and now became the most debated topic in the design industry, Skeumorphic Design or Modern UI. See how, with the revolution of devices digital interface took turn to Natural, Touch and Organic User Interfaces. See how User Interface has evolved in last twenty years. See how the current trends in touch screens, text to speech and AI are molding the mere fabric of the User Interface and how the user adoption still is the key to a successful User Interface Design.
http://theinnovationenterprise.com/summits/digital-design-sanfran-2013/event_activities/5129
There are millions of definitions of UX out there and they are all different. It's because UX is a hybrid of many disciplines.
In this course you will learn the components of the UX process and get a sneak peak on what UX designers do in their daily life.
There are millions of definitions of UX out there and they are all different. It's because UX is a hybrid of many disciplines.
In this course you will learn the components of the UX process and get a sneak peak on what UX designers do in their daily life.
User Interface Design
User Centred Design and principles, Iterative Design, User research, Building Personas, Design studio method, Prototyping basics and tools, Paper prototyping, Usability testing
Information Architecture Basics,
Main components of IA: organization schemes, structure, labeling, logic, search
Card sorting, Tree testing, IA performance, Content modeling, Task Flows, Site Maps
Kate Williamson and Cait Vlastakis Smith — UX Designers at Centerline Digital — explore the differences between UX and UI.
Good UX is the manifestation of deeply understanding people.
Learn more at: http://www.centerline.net
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...Raj Lal
Do you know about WIMP? The Natural or Organic Interface? Zooming Interface? And what the heck is the Intelligent UI? Where are all these interfaces coming from. What about the Gesture, Haptics, Pen based and touch and even multi touch interfaces?
In this session learn from the Author of Digital Design Essentials: 100 ways to Design better Desktop, Web and Mobile Interfaces, the intriguing story of the Digital Interface. How the digital Interface started from Command line to WIMP Interface to GUI and now became the most debated topic in the design industry, Skeumorphic Design or Modern UI. See how, with the revolution of devices digital interface took turn to Natural, Touch and Organic User Interfaces. See how User Interface has evolved in last twenty years. See how the current trends in touch screens, text to speech and AI are molding the mere fabric of the User Interface and how the user adoption still is the key to a successful User Interface Design.
http://theinnovationenterprise.com/summits/digital-design-sanfran-2013/event_activities/5129
Basic principles of Usable Interface
Learnability, Efficiency, Memorability, Errors, Satisfaction
Utility - does it what you need?
How to improve Usability
Introduction to building and using personas and scenarios in designPenny Hagen
Introduction to building and using Personas and Scenarios in Design given to UTS first year design students.
An overview of how they are created, and how they are useful in the design process, including getting from user research to design, and how they inform design.
Some Dos and Don’ts in UI/UX Design of Mobile ApplicationsAshiq Uz Zoha
This slide is about some good practices and don'ts of UX design in Mobile Applications. This was presented by the author as an invited talk in "Workshop on Mobile Computing & Human Computer Interaction" under HEQEP subproject CP : 2080 , at Dept of CSE , BUET.
This is a presentation I created for the web/mobile development bootcamp students of Lab12 (Spring 2017 Cohort).
It is an introduction to the fundamentals of user experience and interface design (UX/UI) for developers. This presentation also covers how to collaborate effectively with designers, as well as tips for building their project with a user-centered design mindset.
Special thanks to Roberta Voulon (Lab12), Ziad Saab (DecodeMTL) , Cassie L. Rheaume (Lighthouse Labs), Kevin Khoury (DecodeMTL), and David Rowley for your input.
UXPA2019 Building Your Benchmark: How to Measure UX for Product Impact Over TimeUXPA International
Benchmarking allows you to track UX progress over time, giving you an indication of how successful digital platform changes have been. It provides a holistic product assessment and requires greater attention to methodology, stakeholders, tasks, protocol, and analysis than a typical feature study does. Our method captures quantitative measures, along with qualitative feedback, for product stakeholders to use to justify and inform their business decisions.
In this session, you’ll get tips for developing a benchmark strategy. You’ll also hear stories about how benchmarks have impacted our organization’s digital strategy.
You will learn:
The business impact of benchmark studies
Designing, running, and analyzing such studies
How to avoid issues with recruiting, study design, execution, reporting
A variety of UX and product professionals, including seasoned researchers, novice designers, and digital product owners can learn and take action from this session.
In the modern day when people develop hundreds of software applications, websites or mobile apps the term UX (User Experience) is getting more and more significant, particularly in the IT industry.
Defining user profiles is a key actiovity when designing interactive systems.
"Personas" technique is an excellent way for describing these user profiles.
In this presentation i talk about the design process for mobile. From knowing your user goals and preferences, to your business needs, and the different factors you need to consider before building an app.
Basic principles of Usable Interface
Learnability, Efficiency, Memorability, Errors, Satisfaction
Utility - does it what you need?
How to improve Usability
Introduction to building and using personas and scenarios in designPenny Hagen
Introduction to building and using Personas and Scenarios in Design given to UTS first year design students.
An overview of how they are created, and how they are useful in the design process, including getting from user research to design, and how they inform design.
Some Dos and Don’ts in UI/UX Design of Mobile ApplicationsAshiq Uz Zoha
This slide is about some good practices and don'ts of UX design in Mobile Applications. This was presented by the author as an invited talk in "Workshop on Mobile Computing & Human Computer Interaction" under HEQEP subproject CP : 2080 , at Dept of CSE , BUET.
This is a presentation I created for the web/mobile development bootcamp students of Lab12 (Spring 2017 Cohort).
It is an introduction to the fundamentals of user experience and interface design (UX/UI) for developers. This presentation also covers how to collaborate effectively with designers, as well as tips for building their project with a user-centered design mindset.
Special thanks to Roberta Voulon (Lab12), Ziad Saab (DecodeMTL) , Cassie L. Rheaume (Lighthouse Labs), Kevin Khoury (DecodeMTL), and David Rowley for your input.
UXPA2019 Building Your Benchmark: How to Measure UX for Product Impact Over TimeUXPA International
Benchmarking allows you to track UX progress over time, giving you an indication of how successful digital platform changes have been. It provides a holistic product assessment and requires greater attention to methodology, stakeholders, tasks, protocol, and analysis than a typical feature study does. Our method captures quantitative measures, along with qualitative feedback, for product stakeholders to use to justify and inform their business decisions.
In this session, you’ll get tips for developing a benchmark strategy. You’ll also hear stories about how benchmarks have impacted our organization’s digital strategy.
You will learn:
The business impact of benchmark studies
Designing, running, and analyzing such studies
How to avoid issues with recruiting, study design, execution, reporting
A variety of UX and product professionals, including seasoned researchers, novice designers, and digital product owners can learn and take action from this session.
In the modern day when people develop hundreds of software applications, websites or mobile apps the term UX (User Experience) is getting more and more significant, particularly in the IT industry.
Defining user profiles is a key actiovity when designing interactive systems.
"Personas" technique is an excellent way for describing these user profiles.
In this presentation i talk about the design process for mobile. From knowing your user goals and preferences, to your business needs, and the different factors you need to consider before building an app.
Guerrilla Usability: Insight on a ShoestringDavid Sturtz
Presented at Iowa Code Camp, May 2010: Iterative and Agile development mean shorter cycles and a desperate need for quick feedback. Luckily, improving the user experience of your software doesn’t require days in a lab. This session will present more than twenty-five tools and techniques for gaining insight into your users’ minds and actions.
User experience (UX) is the basis for all Web activity, and thus underpins everything we do in Web design and development. Successful projects bake UX in from the ground up, from discovery through planning, iteration, testing and deployment. No matter how beautiful our code may be, of what use is it if it’s irrelevant to our users?
The quality of a User Experience can be measured by using "time" as a measurable dimension. Spikes in an "expedited" task/time analysis can place the spotlight of problems areas in UI, general cognition and usability.
An intro to what people (and myself) think UX is. Also who is "doing" UX and how you can do it better. Originally presented at Product Camp Nashville - Sep 2018
Julie Grundy gives an overview of user experience Design, why it's important, guiding principles, UX research overview, and tactics used by UX professionals. November 2015.
Customer-Centric Value Creation (with a Jobs-To-Be-Done Mindset)Wolfram Nagel
This topic was presented on May 22, 2022 at the "UX Festival by German UPA" in Erfurt. Original German title of the talk: "UX FTW – Pragmatische Wertschätzung durch Nutzerfokus mit Jobs To Be Done".
The official English title is "Customer-Centric Value Creation with a Jobs-To-Be-Done Mindset".
In the talk I explained how we create value for our customers and your company by applying Jobs-To-Be-Done. I introduced the respective UX mindset, Jobs To Be Done, some examples, our self-developed Research Tool (the User Focus Program), and the CCVC Framework.
There is also an article on the topic available: https://wolframnagel.medium.com/customer-centric-value-creation-b71ac49172b6
A high level broad stroke intro to User eXperience, starting with a survey, a dash of my own thoughts, some thoughts from Mike Rapp, and some samples and resources. Also some slides from a presentation I did for Great American Teach in in 2014 to 3rd and 5th graders.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
"Impact of front-end architecture on development cost", Viktor TurskyiFwdays
I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
6. INTHIS COURSE WE WILL...
1-LOOK AT EXAMPLES OF UX IN DIFFERENT DISCIPLINES
2-DO AN EXERCISETO DEFINETHE PARTS OF UX
3-LOOK ATTHE COMPONENTS OFTHE BASICTHEORY/
FRAMEWORK OF UX
4-LOOK AT EXAMPLES OF GREAT USER EXPERIENCE
AND UNDERSTAND WHYTHEY ARE GREAT?
5- UNDERSTANDTHE UX PROCESS BY SHOWINGYOU EXAMPLES
OF MY WORK
6-QUESTIONS? RESOURCES? HOWTO GET INTO UX
14. USER RESEARCH
• Informs Strategy
•Tests solutions
• Compares performance
• Measures success
Good design starts with research
Some questions we hear: Is there a customer need or a market for this product? Are we solving a
problem that respond to users needs and behaviors? What problem are we tackling? How many
users used this website in the past? What is the data? Is this the right feature for this website/
product?
15. INFORMATION
ARCHITECTURE
• Facilitates understanding of the system
• Orders creates meaning and clarity
•Make sure the structure fits the mental model of
your user
•Goal to clearly navigate and find what they want
easily
Structure your content and prioritize it
Some questions we hear: How is the navigation of the site organized ? How are we going to
prioritize content? How many main pages does our site/app have? Where does this page link to?
16. INTERACTION DESIGN
• Designs the pieces
• Creating flows and refining them. (How do I go from A to B)
• Determines the errors
• Documents the process through wireframes
Creating the behavior of the product
Some questions we hear: Is the product behavior predictable, expected, and usable? Can our user
accomplish her goals without many steps or much conscious effort? What are the main features of
the website?
22. WHAT IS GREAT ABOUT
THESE EXPERIENCES?
1-Solves a problem
2-Creates habits
3-Inspire Emotions
3-Becomes Indispensable
23. HOW DO WE MEASURE
WHAT IS GREAT ?
1-Business goals (increased sales, acquired users)
2-Competition (Competitive offerings against competition)
3-User testing(Validation of the UX with users)
4-Data analytics (Metrics:clicks, number of visits etc..)
5-Social media stats (social buzz onTwitter, Instagram, Facebook
etc..)
25. UX DESIGN PROCESS
is a set of tools and techniques to take users needs into
account at every stage of the product lifecycle.
26. DISCOVER
•Determine business needs and goals by working
closely with the strategy team or product managers
Technique: Stakeholder interviews or issue card
exercise
---> Business requirements
27. Issue card exercise for the redesign of a consulting company website.The goal of this
exercise was to understand business needs and pain points
28. DISCOVER
•Determine users needs by engaging and observing
target audience
Technique: User interviews, surveys, ethnographical
studies
---->Personas/ User journeys
*For interviews, users can be recruited or guerrilla style interviews can be conducted
in problem space
29. Interview script for product development of an professional network for the art world
30. Survey sample for curriculum development of online education platform
31. DISCOVER
•Look at your competitors
Technique: Competitive Analysis
----> Understand best practices and patterns of
behaviors
33. DISCOVER
•Create personas which are fictional users that
represents the target audience of the product:who
they are (demographics), theirs behaviors, needs, goals
and pain points.
They can be also be created by looking at a the data
collected from the user interviews/surveys/
ethnographical studies and the similarities and
differences in patterns of behavior
Tool: Persona table
36. DISCOVER
•Create user journeys which are the key stages of a
users activities in the problem space, how they behave
in each stage as they move to complete their tasks
Tool: User journeys
----> Identify opportunities, obstacles and possible
features for the product
37. Andy app / User journey that defines key tasks that people perform before, during and
after an art event (like Art Basel) .This diagram maps out the different tasks, different
environments and different feelings that the person has.
task grid
Walk me through your networking activities BEFORE an art event
MAIN TASK: MAIN GOAL:
Sub-Tasks
Scenario
Improvements
Pain points
Functionalities
38. DISCOVER
Once the team has a clear idea of the who?what?
where?how and why? of the product experience then
you can start thinking of the scope
•Define what can be built/designed in scope(what
features for example) with certain amount of time and
money
Tool: Post-its
---->Prioritize feature by dividing them in high, medium
and low
40. DESIGN
Thinking about the Information Architecture
•Design the site map which determines the structure,
navigation and taxonomy of the website
*Taxonomy is how we classify content.
42. DESIGN
Designing the interactions
•Wireframes is a blue print of the experience which
have different resolution from a sketch to a high
fidelity mockup
--->Hierarchy of information is tackled, features and
functionality are established, rules of displaying content
(by default, on load, on click, on hover, if logged in)
43. Example of a wireframe: Wireframes can be low fidelity (sketch) high fidelity (black
and white) mock-up (with color)
Low fidelity
Source: Harvest App
High fidelity
44. Mockup
Example of a wireframe: Wireframes can be low fidelity (sketch) high fidelity (black
and white) mock-up (with color)
47. ...TESTING IN BETWEEN
EACH PHASE
Creating quick and easy prototypes is
essential to the development of the experience
and product. It is recommend to have
as many iterations as possible
48. Prototype
•A prototype is an early sample, model, or release of a
product built to test a concept or process or to act as
a thing to be replicated or learned from
51. HOWTO GET INTO UX?
• Take classes and workshops online and offline (more
extensive/advanced classes are available at GA)
• Build a portfolio
• Freelance or work for free or a side project
• Go to Meetups (THE UX LAB, HUGE UX EVENTS,
NYTECH, BKUX,)
• Be curious and meet people in the field
53. AS A UX DESIGNERYOU
MIGHT WORK ON
• Marketing Experiences (Smart Water)
• Digital Products (Google maps)
• Hardware products (Fitbit)
• Retail Experiences(Fragrance IQ by Sephora)
• Interactive Environments( Cooper Hewitt Smithsonian
Museum)
• Games (LA Noire)
54. UX REFERENCES
• UX booth DIGITAL PUBLICATION
• A list apart DIGITAL PUBLICATION
• Smashing Magazine DIGITAL PUBLICATION
• IXDA ASSOCIATION/COMMUNITY
• The Interaction Design
Foundation ASSOCIATION/COMMUNITY
• Product Hunt PRODUCT
• Nielsen Norman Group UX FIRM
• UserTesting or Peak PRODUCT
• Design Kit by Ideo METHODTOOLS
• GoogleVentures VC FIRM
• Service DesignTools METHODTOOLS
• Omnigraffle SOFTWARE / COMMUNITY
• Axure SOFTWARE / COMMUNITY
• Boxes and Arrows COMMUNITY
