CORE Master Class: User Experience
-
Upload
jose-caballer -
Category
Business
-
view
1.999 -
download
0
Transcript of CORE Master Class: User Experience
![Page 1: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/1.jpg)
CORE MASTERCLASSST
![Page 2: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/2.jpg)
USER EXPERIENCE
![Page 3: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/3.jpg)
@josecaballer @thechrisdo
@theskoolrocks #theskool
![Page 4: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/4.jpg)
C
M
Y
K
Agenda1. Introduction (02 min)
2. You (10 min)
3. At the CORE of UX (5 min)
4. Principle 1: UX Mindset (5 min)
5. Principle 2: Patterns (5 min)
6. Principle 3: Story (5 min)
7. Principle 4: Anchors (5 min)
8. Principle 5: Agreement (5 min)
9. Principle 6: Validation (5 min)
10. QA (10 min)
![Page 5: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/5.jpg)
Jose Caballer Chief Education Officer The Skool
![Page 6: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/6.jpg)
YOU
![Page 7: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/7.jpg)
At the CORE of UX
![Page 8: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/8.jpg)
THE CHANGING ROLE OF THE DESIGNER
CEO
Design Manager
Marketing Manager
Tech Manager
Designer
CEO
Design
Marketing
Designer Tech
OLD TIMES TODAY
![Page 9: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/9.jpg)
Before Now
![Page 10: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/10.jpg)
Before Now
![Page 11: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/11.jpg)
SCARY
![Page 12: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/12.jpg)
Confidence Leadership
Communication Facilitation
![Page 13: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/13.jpg)
Setting the Frequency
![Page 14: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/14.jpg)
©2015 The Skool
![Page 15: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/15.jpg)
It’s about controlling the flow of decisions
![Page 16: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/16.jpg)
It’s a conversation
![Page 17: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/17.jpg)
Look & Feel?
Customer Needs?
Business Goals?
Features?
Comps
Revisions
Revisions
![Page 18: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/18.jpg)
Define Brand
Define Users
Prioritize Goals
Sitemap
Wireframes
Comps
Prototype
Development
QA
![Page 19: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/19.jpg)
Step by Step.
![Page 20: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/20.jpg)
Brand
User Goals
Who we are
Our customers needs
Our business goals
![Page 21: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/21.jpg)
C
M
Y
K
The Brand The User Goals
![Page 22: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/22.jpg)
CASE STUDY 1
![Page 23: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/23.jpg)
24
![Page 24: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/24.jpg)
![Page 25: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/25.jpg)
Agenda
05:00 - 05:10 Intros05:10 - 05:25 Victor Introduces Moto Di Santa Monica and the project. 05:25 - 05:45 Alignment Exercise05:45 - 06:15 Brand Attributes Exercise06:15 - 06:30 Break06:30 - 07:30 Customer Profiles07:30 - 08:30 Goals Prioritization (Features)08:30 - 09:00 Wrap up Exercise - Reflection
![Page 26: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/26.jpg)
![Page 27: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/27.jpg)
28
![Page 28: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/28.jpg)
![Page 29: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/29.jpg)
Brand Attributes
Top 5 Attributes:
Caring Risk Taking Authentic Part of A Circle Informed Equipped
X-Factor:
Exclusive Inclusive
Culture Users Voice Feeling Impact X-FactorHow would your community describe you?
How would you describe your users?
How do you sound to others?
How others feel after interacting with you?
What tangible impact do you have on others?
How are your different from others?
AdventurousRebelPassionateGafFamilyCaring
Expressive SophisticateProfessionalRisk Taking Don’t Fit
FriendAdventurousAuthenticGenuineWiseGuide
ExcitedSafeUniqueImportantPart Of A Circle
Grow CommunityStatusExclusiveMore EducatedGuidanceInformed Equipped
ExperienceExclusive Inclusive Sage AdviceTrusted Firm
![Page 30: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/30.jpg)
Moto Club Di Santa Monica
MCSM provides a Italian motorcycle sales and services to adventurous
professionals in a caring environment with an authentic voice. Helping them
feel they are part of a trusted family and leaving them better equipped to
succeed in their motorcycle lifestyle.
![Page 31: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/31.jpg)
User ProfileDemographics
• 48 Years Old• Male• Second wife• 4 kids
Story
• Work on a stressful job with high power deals.
• Have to manage 100 people.• Want to get his own job and
leave his actual work.• Escape• 1 Brotherhood• Upgrade ride
Needs
• Bespoke Service• High Standards• Look Good / shop top shelf• Community• Special treatment• Reviews exclusive• Conversation
Solutions
• CRM System Exclusive events• Appeal, previews accessories,
Branded…• Newsletter• Featured • Service level• Membership Club
First Name: John McRowMiddle Aged Entrepreneur
![Page 32: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/32.jpg)
RevenueTerm Description Desireablity Doability Total
M Premium Membership 10 7 17
S Accessories online 10 8 18
S Apparel online 10 8 18
S Service Appointment/leads 9 7 16
S Lead Gen Bikes/ Quality 10 7 17
S Financing Partner 10 9 19
M Return Business/Process 9 6 15
S Newsletter 8 9 17
![Page 33: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/33.jpg)
AwarenessTerm Description Desireablity Doability Total
ML Retail Vision/Instore Exp 10 5 15
M Live help 5 6 11
S Finance calculation 7 8 15
L Video Comercial 9 4 13
S Video content 10 8 18
SM Marketing Materials / New 8 6 14
M News information 9 5 14
S Social Media (strategy) 10 6 16
![Page 34: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/34.jpg)
EfficiencyTerm Description Desireablity Doability Total
S Featured Customers 10 7 17
S Customer Stories 10 8 18
M CRM 10 5 15
M Retargeting 7 6 13
M Facebook Ads 9 8 17
S Rate/ Review/ Wishlist 10 8 18
S Fun Engagement 10 8 18
S French Fun Toilet/website 10 8 18
![Page 35: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/35.jpg)
Our Goals / Focus 1. Get Accessories online
2. Get Apparel online
3. Financing Partner
4. Video content
5. Customer Stories
6. Fun Engagement
7. French Fun Toilet / Website
![Page 36: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/36.jpg)
CORE is the foundation for the conversation
![Page 37: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/37.jpg)
Now you have to use the foundation to direct your project
![Page 38: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/38.jpg)
39
![Page 39: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/39.jpg)
40
![Page 40: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/40.jpg)
41
![Page 41: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/41.jpg)
42
![Page 42: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/42.jpg)
1: Have a UX Mindset
• UX is not just the deliverables, it’s the conversation. • The mindset requires people skills and communication. • You have to experiement with many approaches.
Flexibility, empathy and adaptablity are key.
![Page 43: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/43.jpg)
©2015 Chris Do 44
![Page 44: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/44.jpg)
3 DIMENSIONAL DESIGN
DeliveryFacilitation
Visualization
![Page 45: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/45.jpg)
It’s less about the deliverables and more about the client feeling included in the decision making.
![Page 46: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/46.jpg)
2: Understand UX PatternsThere are already standard UI/UX patterns for Mobile, responsive web and almost any device.
• Do a competitive audit. • Ask you client’s what apps and sites they like. • Confirm pattern preferences with your client.
![Page 47: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/47.jpg)
![Page 48: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/48.jpg)
![Page 49: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/49.jpg)
BKLYNA very complete template
ready to go for our
products.
https://themes.shopify.com/themes/brooklyn/styles/brooklyn/preview
![Page 50: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/50.jpg)
JumpstartSimple, designed for one product but can be
expanded.
https://themes.shopify.com/themes/jumpstart/styles/jumpstart
![Page 51: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/51.jpg)
SimpleSuper simple, starts
segmenting on the left
menu.
https://themes.shopify.com/themes/jumpstart/styles/jumpstart
![Page 52: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/52.jpg)
3: Everything is Story
•Prioritize needs and create those stories first •Schedule a story session with your clients •Document and get approval
Stories are the bridge from customer needs to customer experience.
![Page 53: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/53.jpg)
54
Story
Sequences
Acts
Sequences Sequences Sequences Sequences
Acts Acts
Sequences
Scene
Beats
Scene Scene Scene Scene Scene Scene Scene Scene Scene Scene Scene
![Page 54: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/54.jpg)
User StoryFirst Name: John McRowMiddle Aged Entrepreneur
Find Out
• Trusted Friend• Cool video • Get a feel
Engage
• Customer highlights• Secret members Only
group• website• Private community• About us• Bio of founder
Return
• Content• Live help• Purchase• Sign up• newsletter
Buy
• Accessories for his bike• Get more info on a bike
and come in to learn more
Share
• Reviews• Tell friend• Gift toolkit• Facebook
Advocate
• Has a big circle• He has big influence• They care about
each other • Limited edition gifts
![Page 55: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/55.jpg)
![Page 56: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/56.jpg)
![Page 57: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/57.jpg)
![Page 58: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/58.jpg)
![Page 59: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/59.jpg)
4: Anchor Your DecisionsMove forward gradually and anchor your next steps in the last deliverable you made.
•“Mrs Client, based on the 3 priority needs we did XYZ.” •Use ‘If then’ logic. “If the brand attribute was X then the color is X.” •Make it visual and confirm often. “Can you hear me now?”
![Page 60: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/60.jpg)
Define Brand
Define Users
Prioritize Goals
Sitemap
Wireframes
Comps
Prototype
Development
QA
Anchors
![Page 61: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/61.jpg)
More Important
Less Important
![Page 62: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/62.jpg)
![Page 63: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/63.jpg)
5: Confirm AgreementsAt the end of each anchor confirm and reconfirm approval. In writing and with witnesses.
•Use a signature form at the end of each deliverable.•Ask for confirmation before moving on to the next step.•Make things visual and easy to digest for your client.
![Page 64: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/64.jpg)
![Page 65: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/65.jpg)
6: Validate with Real UsersIt’s not enough to use assumptions and client input. Talking to customers is the best UX tool ever. YUGE!
•Get out of the office and go talk to customers. •Coordinate with your client to do customer interviews. •Get comfortable in a 3 way conversation with your client and their customers.
![Page 66: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/66.jpg)
![Page 67: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/67.jpg)
CASE STUDY 2
![Page 68: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/68.jpg)
INCAE
![Page 69: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/69.jpg)
![Page 70: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/70.jpg)
theskool.co/collections/kits
![Page 71: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/71.jpg)
@josecaballer @thechrisdo
@theskoolrocks #theskool
![Page 72: CORE Master Class: User Experience](https://reader033.fdocuments.net/reader033/viewer/2022052514/587c33451a28aba0118b7027/html5/thumbnails/72.jpg)
theskool.co