web design with the user in mind - niug€¦ · $ web design systems integration professional...
TRANSCRIPT
![Page 1: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/3.jpg)
![Page 4: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/6.jpg)
UXVISITORS NEEDS
BUSINESS GOALSUX
![Page 7: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/8.jpg)
Research
DesignTest
Evolve
Build
![Page 9: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/9.jpg)
Research
![Page 10: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/14.jpg)
Personas
ü BACKGROUND
ü CHARACTERISTICS
ü ACTIVITIES / MOTIVATIONS
ü ENGAGEMENT
![Page 15: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/17.jpg)
DesignWireframes, navigation, interactions, graphics
![Page 18: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/20.jpg)
Remember your audience
Source: http://www.paznow.com/ucd/
![Page 21: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/23.jpg)
Brand Design
Color Typography
Imagery Copywriting
![Page 24: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/25.jpg)
Adobe Color https://color.adobe.com/
![Page 26: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/26.jpg)
![Page 27: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/28.jpg)
ImageryADVENTUROUS
EXCITINGBOLD
SCAREDDANGEROUSDEADLY
![Page 29: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/29.jpg)
Use beautiful photography
![Page 30: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/31.jpg)
Copywriting
Source: http://www.paznow.com/ucd/
![Page 32: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/33.jpg)
BuildCLICK TO ADD TEXT
![Page 34: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/34.jpg)
![Page 35: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/35.jpg)
![Page 36: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/36.jpg)
Austin Responsive
![Page 37: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/37.jpg)
London Responsive
![Page 38: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/38.jpg)
Toronto Responsive
![Page 39: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/40.jpg)
iMIS Layouts = Bootstrap Grid
![Page 41: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/41.jpg)
Install Google Analytics & Mouseflow
![Page 42: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/42.jpg)
Demo
![Page 43: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/43.jpg)
Test & Gather FeedbackCLICK TO ADD TEXT
![Page 44: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/48.jpg)
Case StudiesAward Winning iMIS Websites
![Page 49: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/49.jpg)
![Page 50: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/50.jpg)
![Page 51: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/51.jpg)
EvolveCLICK TO ADD TEXT
![Page 52: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/52.jpg)
UXVISITORS NEEDS
BUSINESS GOALSUX
![Page 53: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/54.jpg)
Research
DesignTest
Evolve
Build
![Page 55: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/55.jpg)
ResourcesCLICK TO ADD TEXT
![Page 56: Web Design with the User in Mind - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/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 - NiUG€¦ · $ Web Design Systems Integration Professional Project Management %? On-Going Support Mobile Apps & Process Optimization ASI Chairman’s](https://reader034.vdocument.in/reader034/viewer/2022042221/5ec743e2cc66b67c72350949/html5/thumbnails/57.jpg)
THANK YOU TO OUR SPONSORS
FOUNDING PARTNER
PLATINUM PARTNERS
GOLD PARTNERS
SILVER PARTNERS