web design with the user in mind - home | niug international€¦ · web design with the user in...
TRANSCRIPT
![Page 1: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/1.jpg)
Monday | November 28, 20163:30 pm – 5:00 pm
Nicole Pullin | Bursting Silver
Web Design with the User in Mind
![Page 2: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/2.jpg)
User Experience Consultant Bursting Silver
PROJECT MANAGERQA CONSULTANT
TRAINERFRONT-END DEVELOPERINTERACTION DESIGNER
GRAPHIC DESIGNERBUSINESS ANALYSTUX PRACTICE LEAD
1996 8 roles
17 years
CONSULTING EXPERIENCEFIRST WEBSITE
Passionate about creating positive experiences for people using technology.
3facts
BOOK LOVERDOG OWNER
MOVIE POSTER COLLECTOR
![Page 3: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/3.jpg)
![Page 4: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/4.jpg)
burstingsilver.com
iMIS Implementation!
Custom Development"
Upgrade Planning & Execution
#
Web Design$
Systems Integration
Professional ProjectManagement
%
On-Going Support?
Mobile Apps
Process Optimization&
ASI Chairman’s Circle WinnerPresident’s Club WinnerAI Consultant of the Year
We are digital creatorspassionate about
building beautiful iMISwebsites and cloud applications
Top-notch iMISconsultants withindustry-specific
experience.
AwardWinning Innovative Experienced
![Page 5: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/5.jpg)
Want your site visitors to fall in love with your organization?Fall in love with your visitors.
![Page 6: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/6.jpg)
UXVISITORS NEEDS
BUSINESS GOALSUX
![Page 7: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/7.jpg)
UX
Usable
Useful
Desirable
AccessibleCredible
Findable
Valuable
https://www.interaction-design.org/literature/article/the-7-factors-that-influence-user-experience
![Page 8: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/8.jpg)
Research
DesignTest
Evolve
Build
![Page 9: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/9.jpg)
Research
![Page 10: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/10.jpg)
WHOAre your visitors?
WHYAre they visiting your website?
WHATAre they trying to achieve?
WHEREAre they accessing your website?
WHENAre they accessing your website?
HOWDoes your product/service fit the context of their life?
![Page 11: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/11.jpg)
DIRECT
INDIRECT
SELF-REPORTED OBSERVED
Colle
ctio
n M
etho
d
Participant Involvement
Observations
Task / Activity analysisFocus groups
Surveys
Search logsWebsite statistics
Customer feedbackHelp deskCall centre
Diaries / Journals
Card sorting
Interviews
Source: Donna Spencer http://maadmob.com.au/
Research Methods
![Page 12: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/12.jpg)
DIRECT
INDIRECT
SELF-REPORTED OBSERVED
Colle
ctio
n M
etho
d
Participant Involvement
Observations
Task / Activity analysisFocus groups
Surveys
Search logsWebsite statistics
Customer feedbackHelp deskCall centre
Diaries / Journals
Card sorting
Interviews
Source: Donna Spencer http://maadmob.com.au/
Research Methods
![Page 13: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/13.jpg)
Types of questionsTasks Can you show me how you would make a pizza?
Participation Can you show me how I should make a pizza?
Demonstration Show us how to make a pizza.
Role-playing You’ll be the customer and I’ll be the chef; show me how they should respond.
Sequence Walk me through a typical day.
Specific example How did you make the Chicago pizza?
Peer Comparison Do other chefs do it that way?
Project ahead What do you think it will be like in 5 years?
Look back How are things different than they were last year?
Quantity How many chefs are like that?
Exhaustive List What are all the things you use when you make a pizza?
Other viewpoint comparison What’s your bosses’ opinion on the same topic?
Source: Deep Dive Interviewing Secrets: Making sure you don’t leave key information behind, Jan 2010
![Page 14: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/14.jpg)
Personas
ü BACKGROUND
ü CHARACTERISTICS
ü ACTIVITIES / MOTIVATIONS
ü ENGAGEMENT
![Page 15: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/15.jpg)
ScenariosWHY• Help us think about the use of
the website in unique contexts • Expose problems and
opportunities• Evaluate the website from
multiple perspectives
BUILD SCENARIOS1. What triggers the
experience?2. What happens during the
experience?a) What activities / tasks
are accomplished?3. What is the outcome?
![Page 16: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/16.jpg)
Research Tools
Google Analyticshttps://www.google.ca/analytics/analytics
Survey Monkeyhttps://www.surveymonkey.com
Xtensio Persona Creatorhttps://xtensio.com/user-persona/
![Page 17: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/17.jpg)
DesignWireframes, navigation, interactions, graphics
![Page 18: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/18.jpg)
Interaction Design
Design is content with intent.Content without intent is noise.Intent without content is decoration.- JOE SPRANO
![Page 19: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/19.jpg)
Brand personality exercise
1. Gather the key stakeholders in a room2. Take 2 minutes and write down the adjectives that describe their
organization3. Align common adjectives with a brand personality
SINCERITY
• Down-to-earth• Family Oriented• Honest• Real• Wholesome• Cheerful• Sentimental• Friendly
ExcitementEXCITEMENT
• Daring• Trendy• Exciting• Spirited• Imaginative• Unique• Up-to-date• Independent• Contemporary
COMPETENECE
• Reliable• Hard-working• Secure• Intelligent• Technical• Corporate• Successful• Leader• Confident
SOPHISTICATION
• Upper-class• Glamorous• Good looking• Charming• Feminine• Smooth
RUGGEDNESS
• Outdoorsy• Masculine• Western• Tough
Dimensions of Brand Personality by Jennifer L. Aakerhttp://www.jstor.org/stable/3151897?seq=1#fndtn-page_thumbnails_tab_contents
![Page 20: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/20.jpg)
Remember your audience
Source: http://www.paznow.com/ucd/
![Page 21: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/21.jpg)
Design
• Generate ideas• Confirm features• Draft navigation• Understand content• Create wireframes• Create visual design
![Page 22: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/22.jpg)
Mobile first
WHERE WE USE OUR PHONES99% at home82% in car or transit69% at work53% waiting in line50% walking
![Page 23: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/23.jpg)
Brand Design
Color Typography
Imagery Copywriting
![Page 24: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/24.jpg)
TRANQUILITYSECURITYINTEGRITYPEACELOYALTYTRUSTINTELLIGENCE---COLDNESSFEAR
SPIRITUALHEALINGPROTECTIONSOPHISTICATED---ENVY
FRESHNESSENVIRONMENTNEWMONEYFERTILITYHEALINGEARTH---ENVYJEALOUSYGUILTY
BRIGHTSUNNYENERGETICWARMHAPPYPERKYJOYINTELLECT---IRRESPONSIBLEUNSTABLE
ROYALTYNOBILITYSPIRITUALITYLUXURYAMBITIONWEALTHCREATIVE---MYSTERYMOODINESS
HEALTHYHAPPYFEMININESWEETCOMPASSIONPLAYFUL---WEAKIMMATURITY
LOVEPASSIONENERGYPOWERSTRENGTHHEATDESIRE---ANGERDANGERWARNING
COURAGECONFIDENCEFRIENDLINESSSUCCESS---IGNORANCESLUGGISHNESS
FRIENDLYEARTHOUTDOORSLONGEVITYCONSERVATIVE---DOGMATIC
DEPENDABLEFLEXIBLECRISPCONSERVATIVE---DULLBORING
WEALTHWISDOMPROSPERITYVALUABLETRADTIONAL---EGOTISTICALSELF-RIGHTEOUS
GLAMOROUSHIGH TECHGRACEFULSLEEKBALANCE---INDECISIVEDULLNON-COMMITTAL
SECURITYRELIABILITYINTELLIGENCESOLID---GLOOMYSADCONSERVATIVE
PROTECTIONELEGANCEDRAMATICCLASSYFORMALITY---DEATHEVILMYSTERY
GOODNESSINNOCENCEPURITYFRESHEASYCLEAN---ISOLATIONEMPTINESS
Source: http://coschedule.com/blog/color-psychology-marketing/
![Page 25: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/25.jpg)
Adobe Color https://color.adobe.com/
![Page 26: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/26.jpg)
![Page 27: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/27.jpg)
TYPOGRAPHYhttps://www.canva.com/font-combinations/http://fontpair.cohttps://www.typewolf.com/http://font-combinator.com/
![Page 28: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/28.jpg)
ImageryADVENTUROUS
EXCITINGBOLD
SCAREDDANGEROUSDEADLY
![Page 29: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/29.jpg)
Use beautiful photography
![Page 30: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/30.jpg)
STOCK PHOTOGRAPHY https://www.pexels.com/https://unsplash.com/https://stocksnap.io/http://www.gratisography.com/https://www.splitshire.com/
![Page 31: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/31.jpg)
Copywriting
Source: http://www.paznow.com/ucd/
![Page 32: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/32.jpg)
Stanford Guidelines for Web Credibility
ü Make it easy to verify the accuracy of the information on your siteü Show that there’s a real organization behind your siteü Highlight the expertise in your organization and in the content and services you provideü Show that honest and trustworthy people stand behind your siteü Make it easy to contact you
ü Design your site so it looks professionalü Update your site’s content often (at least show it’s been reviewed recently)ü Use restraint with any promotional content (e.g. ads, offers)ü Avoid errors of all types, no matter how small they seem
Stanford Guidelines for Web Credibilityhttp://credibility.stanford.edu/guidelines/index.html
![Page 33: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/33.jpg)
BuildCLICK TO ADD TEXT
![Page 34: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/34.jpg)
![Page 35: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/35.jpg)
![Page 36: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/36.jpg)
Austin Responsive
![Page 37: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/37.jpg)
London Responsive
![Page 38: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/38.jpg)
Toronto Responsive
![Page 39: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/39.jpg)
iMIS RWD Toolkit
Classes
Extra Small Devices:Smartphones (less than 768px)
Small Devices:Tablets (greater thanor equal to 768px)
Medium Devices:Laptops (greater than or equal to 992px)
Large Devices:Desktop monitors (greater than or equal to 1200px)
hidden-xs Hidden Visible Visible Visible
hidden-sm Visible Hidden Visible Visible
hidden-md Visible Visible Hidden Visible
hidden-lg Visible Visible Visible Hidden
![Page 40: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/40.jpg)
iMIS Layouts = Bootstrap Grid
![Page 41: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/41.jpg)
Install Google Analytics & Mouseflow
![Page 42: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/42.jpg)
Demo
![Page 43: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/43.jpg)
Test & Gather FeedbackCLICK TO ADD TEXT
![Page 44: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/44.jpg)
Functional TestingCROSS BROWSER• Chrome• Firefox• Safari
DEVICE TESTING• iOS• AndroidTOOLS• Browser Stack• Device lab• Developer toolbars
![Page 45: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/45.jpg)
Gather feedbackUSABILITY TESTING• Existing website• Sketches• Wireframes
TOOLS• Usability labs• Invision app• Morae
![Page 46: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/46.jpg)
Gather feedbackUSABILITY TESTINGRECORDINGS• Multiple devices
• First hand scenarios• Mouseflow
https://mouseflow.com/
![Page 47: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/47.jpg)
Gather feedbackUSABILITY TESTINGRECORDINGSANALYTICS• Error logs• Return Visits, not Bounce
Rate• Device • Calls to action
![Page 48: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/48.jpg)
Case StudiesAward Winning iMIS Websites
![Page 49: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/49.jpg)
![Page 50: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/50.jpg)
![Page 51: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/51.jpg)
EvolveCLICK TO ADD TEXT
![Page 52: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/52.jpg)
UXVISITORS NEEDS
BUSINESS GOALSUX
![Page 53: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/53.jpg)
UX
Usable
Useful
Desirable
AccessibleCredible
Findable
Valuable
https://www.interaction-design.org/literature/article/the-7-factors-that-influence-user-experience
![Page 54: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/54.jpg)
Research
DesignTest
Evolve
Build
![Page 55: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/55.jpg)
ResourcesCLICK TO ADD TEXT
![Page 56: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/56.jpg)
Inspiration
Nielsen Norman Group - https://www.nngroup.com/Smashing Magazine - https://www.smashingmagazine.com/User Interview techniques:http://www.slideshare.net/edanzico/user-interview-techniques
![Page 57: Web Design with the User in Mind - Home | NiUG International€¦ · Web Design with the User in Mind. User Experience Consultant Bursting Silver ... …](https://reader031.vdocuments.mx/reader031/viewer/2022022603/5b5b41787f8b9a01748daa0f/html5/thumbnails/57.jpg)
THANK YOU TO OUR SPONSORS
FOUNDING PARTNER
PLATINUM PARTNERS
GOLD PARTNERS
SILVER PARTNERS