SlideShare a Scribd company logo
1 of 61
Download to read offline
Social Usability Workshop


   Gianandrea Giacoma & Davide ‘Folletto’ Casali
0



This workshop
1   2   3   4
Intro   Analysis   Design   End
 20’      45’        50’     5’

 1         2         3      4
Intro   Analysis   Design   End
 20’      45’        50’     5’

 1         2         3      4
1


What is Social
 Usability?
Everything is social
The walkman
Designed to isolate oneself,
 used to connect people.
Word
          A personal tool
used to create text... to be shared.
The wall
        Designed to divide,
it’s a meeting point for teenagers.
Motivational
  Design



  Social
 Usability
Social
Dynamics




System
Social
Dynamics




  ?
System
Social
Dynamics



 Social
Usability



 System
Social Usability is
   a quality attribute
that assesses how easy
  social interaction
      are to make.
Social
Dynamics


            If we remove
 Social
            Social
Usability
            Usability...


 System
...we are
 Social     removing social
Dynamics    dynamics as
            well

 Social
Usability



 System
Social Usability is an
 enabling factor
But, it isn’t a must!
I may want to
       emphasize
useful social behaviours
I may want to
        dampen
harmful social behaviours
Balance
Four properties: RICE

          R
      E       I
          C
Relations
findability                               curiosity
                             time

       themes            R
                                    excellence

   management
                               privacy
separation
             proximity
                                public relations
Identity
   amplitude                      appearance

         mood
                               interests
person
                       I
  uniqueness
                                   privacy
     group            avatar
Communication
        speed
                                      richness
quantity
           private

             plural                 public

 sync
                           C                   async

             parallelism       aggregability
Emergence of Groups
        findability              easiness

presence

                     E
    longevity                        liveliness



bottom-up                frequency
No more patterns!
We want the reasons
    behind patterns, a
pattern without context
     is deceiving!
Is there a way to ____?
For example:
Is there a way to
express yourself?

        I
Is there a way to
show up in a group due
 to the things you do?

          E
The process
1
    Outline
    giving a star-evaluation to the elements on the list
1
    Outline
    giving a star-evaluation to the elements on the list


2   Analysis
    finding the user paths/journeys, maybe using goms.
1
    Outline
    giving a star-evaluation to the elements on the list


2   Analysis
    finding the user paths/journeys, maybe using goms.

3   User tests
    asking the same questions to an user, during a test
1
    Outline
    giving a star-evaluation to the elements on the list


2   Analysis
    finding the user paths/journeys, maybe using goms.

3   User tests
    asking the same questions to an user, during a test

4   Merge
    correlating the design objectives
2


 Analysis with
Social Usability
Analysis
      — Create groups of max 5 people each.
      — Agree on a website to analyze using

        the Social Usability Checklist.

      — Which properties do exist?
      — Which properties are missing?

      — It’s possible to improve it?

      — Is there something to be added?
20’   — Is there something to be removed?
Discussion
      —   for each group:

      — Show the best case found.
      — Show the worst case found.

      — What’s the first thing that you will

        change? Why? Does it add or
        improve a social property?
20’
3


  Design with
Social Usability
Design
      — No more groups now! :)
      — for each one of you:



      — Choose a single item in the Social
        Usability Checklist.
      — Try making a paper prototype in 15’

        for that item.
15’
Test
      — Create pairs.
      — for each pair:



      — Make a mini usability testing with
        the paper prototype you just did.
      — Six minutes for each person, then

        change roles.
      — In the end, try to sum up what’s
12’
        changed.
Discussion
      — Let’s see the prototypes!
      — What was your objective?

      — Did you found anything interesting?

      — Could it be an universal solution, or

        a local one?
      — Could we integrate all the solutions

        here in a single social network?
      — Will a different objective change
20’
        your design?
4



Wrapping up
The Social Usability
     methods
can be applied to both
  existing services
and new ideas.
“Social” is overrated
You have to choose:
avoid doing everything.
It’s important to relate the
       sociality with:
objectives
and motivations
Designing with Social
Usability means this:
     choosing.
You have to evaluate
 every element in the
      Checklist
with motivations and
     objectives.
Q&A
—   Feel free to ask or comment! ;)
ma                                   as ali
                    iac
                         o                                    o’ C
                  G                                       lett
        nd rea                                     Folm.com
                                                e ‘ alis
   ana i.com                                  id
                                om
 i                        ail.c           avseminim
G   da zion ni      m a@g
                         m               D en            om
ibri ridazio .giaco                      int lletto
                                                    ma
                                                       il.c
             a                            @fo tto@g
 @ib andre
   gian                                     folle




              Frontiers of Interaction 2010
              Rome, 3-4 june 2010
              frontiersofinteraction.it

More Related Content

What's hot

Beyond Simple Social - Presented at Salesforce
Beyond Simple Social - Presented at SalesforceBeyond Simple Social - Presented at Salesforce
Beyond Simple Social - Presented at SalesforceThomas Vander Wal
 
Designing Sociability: With Notes
Designing Sociability: With NotesDesigning Sociability: With Notes
Designing Sociability: With NotesChristina Wodtke
 
Managing our online profersonal lives
Managing our online profersonal livesManaging our online profersonal lives
Managing our online profersonal liveslisld
 
Social media presentation(final)
Social media presentation(final)Social media presentation(final)
Social media presentation(final)Pinny
 
Facebook for Community Building
Facebook for Community BuildingFacebook for Community Building
Facebook for Community BuildingLisa Colton
 
Using social media to develop employability
Using social media to develop employabilityUsing social media to develop employability
Using social media to develop employabilitySue Beckingham
 
Massively multiplayer object sharing
Massively multiplayer object sharingMassively multiplayer object sharing
Massively multiplayer object sharingRashmi Sinha
 
Massively Multiplayer Object Sharing 10328
Massively Multiplayer Object Sharing 10328Massively Multiplayer Object Sharing 10328
Massively Multiplayer Object Sharing 10328Donggi heo
 
Harnessing the Power of Social Media for Marketing and Community Outreach
Harnessing the Power of Social Media for Marketing and Community OutreachHarnessing the Power of Social Media for Marketing and Community Outreach
Harnessing the Power of Social Media for Marketing and Community OutreachAlex de Carvalho
 
Social data: what it is, who owns it, and why you should care
Social data: what it is, who owns it, and why you should careSocial data: what it is, who owns it, and why you should care
Social data: what it is, who owns it, and why you should careCornelius Puschmann
 
Tagging from personal to social
Tagging from personal to socialTagging from personal to social
Tagging from personal to socialRashmi Sinha
 
Designing for Social Sharing
Designing for Social SharingDesigning for Social Sharing
Designing for Social SharingRashmi Sinha
 
Can you see the real me?
Can you see the real me?Can you see the real me?
Can you see the real me?Michelle Truax
 
Yahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design PatternsYahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design PatternsChristian Crumlish
 
Office 2.0 social life of office documents
Office 2.0 social life of office documentsOffice 2.0 social life of office documents
Office 2.0 social life of office documentsRashmi Sinha
 
Identity Management within Social Media
Identity Management within Social MediaIdentity Management within Social Media
Identity Management within Social MediaElena Chrisafogeorgou
 
Social design wordcamp
Social design wordcampSocial design wordcamp
Social design wordcampRashmi Sinha
 
Introduction to the Social Web (BGIedu 2010 06-28)
Introduction to the Social Web (BGIedu 2010 06-28)Introduction to the Social Web (BGIedu 2010 06-28)
Introduction to the Social Web (BGIedu 2010 06-28)Christopher Allen
 

What's hot (20)

Beyond Simple Social - Presented at Salesforce
Beyond Simple Social - Presented at SalesforceBeyond Simple Social - Presented at Salesforce
Beyond Simple Social - Presented at Salesforce
 
Designing Sociability: With Notes
Designing Sociability: With NotesDesigning Sociability: With Notes
Designing Sociability: With Notes
 
Managing our online profersonal lives
Managing our online profersonal livesManaging our online profersonal lives
Managing our online profersonal lives
 
Social media presentation(final)
Social media presentation(final)Social media presentation(final)
Social media presentation(final)
 
Facebook for Community Building
Facebook for Community BuildingFacebook for Community Building
Facebook for Community Building
 
Using social media to develop employability
Using social media to develop employabilityUsing social media to develop employability
Using social media to develop employability
 
Massively multiplayer object sharing
Massively multiplayer object sharingMassively multiplayer object sharing
Massively multiplayer object sharing
 
Massively Multiplayer Object Sharing 10328
Massively Multiplayer Object Sharing 10328Massively Multiplayer Object Sharing 10328
Massively Multiplayer Object Sharing 10328
 
Harnessing the Power of Social Media for Marketing and Community Outreach
Harnessing the Power of Social Media for Marketing and Community OutreachHarnessing the Power of Social Media for Marketing and Community Outreach
Harnessing the Power of Social Media for Marketing and Community Outreach
 
Managing Your Digital Footprint
Managing Your Digital FootprintManaging Your Digital Footprint
Managing Your Digital Footprint
 
Social data: what it is, who owns it, and why you should care
Social data: what it is, who owns it, and why you should careSocial data: what it is, who owns it, and why you should care
Social data: what it is, who owns it, and why you should care
 
Tagging from personal to social
Tagging from personal to socialTagging from personal to social
Tagging from personal to social
 
Designing for Social Sharing
Designing for Social SharingDesigning for Social Sharing
Designing for Social Sharing
 
Can you see the real me?
Can you see the real me?Can you see the real me?
Can you see the real me?
 
Yahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design PatternsYahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design Patterns
 
Office 2.0 social life of office documents
Office 2.0 social life of office documentsOffice 2.0 social life of office documents
Office 2.0 social life of office documents
 
Identity Management within Social Media
Identity Management within Social MediaIdentity Management within Social Media
Identity Management within Social Media
 
CCSMW
CCSMWCCSMW
CCSMW
 
Social design wordcamp
Social design wordcampSocial design wordcamp
Social design wordcamp
 
Introduction to the Social Web (BGIedu 2010 06-28)
Introduction to the Social Web (BGIedu 2010 06-28)Introduction to the Social Web (BGIedu 2010 06-28)
Introduction to the Social Web (BGIedu 2010 06-28)
 

Similar to Social Usability Workshop at Frontiers of Interaction 2010

Designing the Social Web (for Web2.0 expo)
Designing the Social Web (for Web2.0 expo)Designing the Social Web (for Web2.0 expo)
Designing the Social Web (for Web2.0 expo)Christina Wodtke
 
Perils of Popularity
Perils of PopularityPerils of Popularity
Perils of PopularityRashmi Sinha
 
Mo.De. - Motivational Design: the four core elements
Mo.De. - Motivational Design: the four core elementsMo.De. - Motivational Design: the four core elements
Mo.De. - Motivational Design: the four core elementsErin 'Folletto' Casali
 
Designing Communities101507
Designing Communities101507Designing Communities101507
Designing Communities101507Christina Wodtke
 
Designing Communities101507 1192637120231725 1
Designing Communities101507 1192637120231725 1Designing Communities101507 1192637120231725 1
Designing Communities101507 1192637120231725 1tobyo_init
 
Massively multiplayer object sharing (Web 2.0 open 2008)
Massively multiplayer object sharing (Web 2.0 open 2008)Massively multiplayer object sharing (Web 2.0 open 2008)
Massively multiplayer object sharing (Web 2.0 open 2008)Rashmi Sinha
 
3-D Leadership Resource Guide
3-D Leadership Resource Guide3-D Leadership Resource Guide
3-D Leadership Resource GuideTyler Miller
 
Community engagement
Community engagementCommunity engagement
Community engagementRoss Turk
 
3 d model guide ace 2017
3 d model guide ace 20173 d model guide ace 2017
3 d model guide ace 2017Tyler Miller
 
Designing for Web 2.0 (BarCamp Delhi)
Designing for Web 2.0 (BarCamp Delhi)Designing for Web 2.0 (BarCamp Delhi)
Designing for Web 2.0 (BarCamp Delhi)Rashmi Sinha
 
Social Experience Design
Social Experience DesignSocial Experience Design
Social Experience DesignUXconference
 
Designingsocialiasummit 100408180215 Phpapp01
Designingsocialiasummit 100408180215 Phpapp01Designingsocialiasummit 100408180215 Phpapp01
Designingsocialiasummit 100408180215 Phpapp01dougdeye
 
Social Experience Design: one method, two tools, three business tips (2012)
Social Experience Design: one method, two tools, three business tips (2012)Social Experience Design: one method, two tools, three business tips (2012)
Social Experience Design: one method, two tools, three business tips (2012)Erin 'Folletto' Casali
 

Similar to Social Usability Workshop at Frontiers of Interaction 2010 (20)

Social Usability Workshop @ LIFT13
Social Usability Workshop @ LIFT13Social Usability Workshop @ LIFT13
Social Usability Workshop @ LIFT13
 
Designing Social
Designing SocialDesigning Social
Designing Social
 
Designing the Social Web (for Web2.0 expo)
Designing the Social Web (for Web2.0 expo)Designing the Social Web (for Web2.0 expo)
Designing the Social Web (for Web2.0 expo)
 
Perils of Popularity
Perils of PopularityPerils of Popularity
Perils of Popularity
 
Mo.De. Motivational Design
Mo.De. Motivational DesignMo.De. Motivational Design
Mo.De. Motivational Design
 
Mo.De. - Motivational Design: the four core elements
Mo.De. - Motivational Design: the four core elementsMo.De. - Motivational Design: the four core elements
Mo.De. - Motivational Design: the four core elements
 
Designing Social
Designing SocialDesigning Social
Designing Social
 
Designing Communities101507
Designing Communities101507Designing Communities101507
Designing Communities101507
 
Designing Communities101507 1192637120231725 1
Designing Communities101507 1192637120231725 1Designing Communities101507 1192637120231725 1
Designing Communities101507 1192637120231725 1
 
Massively multiplayer object sharing (Web 2.0 open 2008)
Massively multiplayer object sharing (Web 2.0 open 2008)Massively multiplayer object sharing (Web 2.0 open 2008)
Massively multiplayer object sharing (Web 2.0 open 2008)
 
3-D Leadership Resource Guide
3-D Leadership Resource Guide3-D Leadership Resource Guide
3-D Leadership Resource Guide
 
Community engagement
Community engagementCommunity engagement
Community engagement
 
Out of Control? Managing our digital reputations
Out of Control? Managing our digital reputationsOut of Control? Managing our digital reputations
Out of Control? Managing our digital reputations
 
3 d model guide ace 2017
3 d model guide ace 20173 d model guide ace 2017
3 d model guide ace 2017
 
Designing for Web 2.0 (BarCamp Delhi)
Designing for Web 2.0 (BarCamp Delhi)Designing for Web 2.0 (BarCamp Delhi)
Designing for Web 2.0 (BarCamp Delhi)
 
Reidentity
ReidentityReidentity
Reidentity
 
Social Experience Design
Social Experience DesignSocial Experience Design
Social Experience Design
 
Designing Social Iasummit
Designing Social IasummitDesigning Social Iasummit
Designing Social Iasummit
 
Designingsocialiasummit 100408180215 Phpapp01
Designingsocialiasummit 100408180215 Phpapp01Designingsocialiasummit 100408180215 Phpapp01
Designingsocialiasummit 100408180215 Phpapp01
 
Social Experience Design: one method, two tools, three business tips (2012)
Social Experience Design: one method, two tools, three business tips (2012)Social Experience Design: one method, two tools, three business tips (2012)
Social Experience Design: one method, two tools, three business tips (2012)
 

More from Erin 'Folletto' Casali

Mastering Feedback: You, the Team, the Product
Mastering Feedback: You, the Team, the ProductMastering Feedback: You, the Team, the Product
Mastering Feedback: You, the Team, the ProductErin 'Folletto' Casali
 
New Managers: Good Intentions, Half Delegation
New Managers: Good Intentions, Half DelegationNew Managers: Good Intentions, Half Delegation
New Managers: Good Intentions, Half DelegationErin 'Folletto' Casali
 
Design without Ego — TEDxBologna Talk
Design without Ego — TEDxBologna TalkDesign without Ego — TEDxBologna Talk
Design without Ego — TEDxBologna TalkErin 'Folletto' Casali
 
Designing Inclusive Open Source Communities
Designing Inclusive Open Source CommunitiesDesigning Inclusive Open Source Communities
Designing Inclusive Open Source CommunitiesErin 'Folletto' Casali
 
The Making of WordPress·com Calypso: A Team Perspective
The Making of WordPress·com Calypso: A Team PerspectiveThe Making of WordPress·com Calypso: A Team Perspective
The Making of WordPress·com Calypso: A Team PerspectiveErin 'Folletto' Casali
 
Teamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for GoodTeamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for GoodErin 'Folletto' Casali
 
Distributed Companies: A WordPress.com Team Perspective
Distributed Companies: A WordPress.com Team PerspectiveDistributed Companies: A WordPress.com Team Perspective
Distributed Companies: A WordPress.com Team PerspectiveErin 'Folletto' Casali
 
The Shift: UX Designer as Business Consultant (2016)
The Shift: UX Designer as Business Consultant (2016)The Shift: UX Designer as Business Consultant (2016)
The Shift: UX Designer as Business Consultant (2016)Erin 'Folletto' Casali
 
Social Brand Experience: a model for the sociality of brands
Social Brand Experience: a model for the sociality of brandsSocial Brand Experience: a model for the sociality of brands
Social Brand Experience: a model for the sociality of brandsErin 'Folletto' Casali
 
Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)Erin 'Folletto' Casali
 
The Six Elements of Focus to Improve Your Craft
The Six Elements of Focus to Improve Your CraftThe Six Elements of Focus to Improve Your Craft
The Six Elements of Focus to Improve Your CraftErin 'Folletto' Casali
 
Design Principles for Social Change: UX for Good and Inzovu Curve
Design Principles for Social Change: UX for Good and Inzovu CurveDesign Principles for Social Change: UX for Good and Inzovu Curve
Design Principles for Social Change: UX for Good and Inzovu CurveErin 'Folletto' Casali
 
Grow Your Personal Leadership with Your Hybrid Traits
Grow Your Personal Leadership with Your Hybrid TraitsGrow Your Personal Leadership with Your Hybrid Traits
Grow Your Personal Leadership with Your Hybrid TraitsErin 'Folletto' Casali
 
Gestalt Design Principles for Developers
Gestalt Design Principles for DevelopersGestalt Design Principles for Developers
Gestalt Design Principles for DevelopersErin 'Folletto' Casali
 
The shift: UX Designers as Business Consultants
The shift: UX Designers as Business ConsultantsThe shift: UX Designers as Business Consultants
The shift: UX Designers as Business ConsultantsErin 'Folletto' Casali
 

More from Erin 'Folletto' Casali (20)

Mastering Feedback: You, the Team, the Product
Mastering Feedback: You, the Team, the ProductMastering Feedback: You, the Team, the Product
Mastering Feedback: You, the Team, the Product
 
Design Remote: The Async Advantage
Design Remote: The Async AdvantageDesign Remote: The Async Advantage
Design Remote: The Async Advantage
 
Foundations of Chat Bot Design
Foundations of Chat Bot DesignFoundations of Chat Bot Design
Foundations of Chat Bot Design
 
New Managers: Good Intentions, Half Delegation
New Managers: Good Intentions, Half DelegationNew Managers: Good Intentions, Half Delegation
New Managers: Good Intentions, Half Delegation
 
Design without Ego — TEDxBologna Talk
Design without Ego — TEDxBologna TalkDesign without Ego — TEDxBologna Talk
Design without Ego — TEDxBologna Talk
 
Designing Inclusive Open Source Communities
Designing Inclusive Open Source CommunitiesDesigning Inclusive Open Source Communities
Designing Inclusive Open Source Communities
 
The Making of WordPress·com Calypso: A Team Perspective
The Making of WordPress·com Calypso: A Team PerspectiveThe Making of WordPress·com Calypso: A Team Perspective
The Making of WordPress·com Calypso: A Team Perspective
 
Teamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for GoodTeamwork at the Extremes: WordPress.com and UX for Good
Teamwork at the Extremes: WordPress.com and UX for Good
 
Distributed Companies: A WordPress.com Team Perspective
Distributed Companies: A WordPress.com Team PerspectiveDistributed Companies: A WordPress.com Team Perspective
Distributed Companies: A WordPress.com Team Perspective
 
The Shift: UX Designer as Business Consultant (2016)
The Shift: UX Designer as Business Consultant (2016)The Shift: UX Designer as Business Consultant (2016)
The Shift: UX Designer as Business Consultant (2016)
 
Social Brand Experience: a model for the sociality of brands
Social Brand Experience: a model for the sociality of brandsSocial Brand Experience: a model for the sociality of brands
Social Brand Experience: a model for the sociality of brands
 
Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)Introduction to Building Wireframes (with Keynote)
Introduction to Building Wireframes (with Keynote)
 
The Six Elements of Focus to Improve Your Craft
The Six Elements of Focus to Improve Your CraftThe Six Elements of Focus to Improve Your Craft
The Six Elements of Focus to Improve Your Craft
 
Design Principles for Social Change: UX for Good and Inzovu Curve
Design Principles for Social Change: UX for Good and Inzovu CurveDesign Principles for Social Change: UX for Good and Inzovu Curve
Design Principles for Social Change: UX for Good and Inzovu Curve
 
Kickstarting Design Thinking
Kickstarting Design ThinkingKickstarting Design Thinking
Kickstarting Design Thinking
 
Grow Your Personal Leadership with Your Hybrid Traits
Grow Your Personal Leadership with Your Hybrid TraitsGrow Your Personal Leadership with Your Hybrid Traits
Grow Your Personal Leadership with Your Hybrid Traits
 
The Thought Pump Model for Meditation
The Thought Pump Model for MeditationThe Thought Pump Model for Meditation
The Thought Pump Model for Meditation
 
Design with Personas: A Lean Approach
Design with Personas: A Lean ApproachDesign with Personas: A Lean Approach
Design with Personas: A Lean Approach
 
Gestalt Design Principles for Developers
Gestalt Design Principles for DevelopersGestalt Design Principles for Developers
Gestalt Design Principles for Developers
 
The shift: UX Designers as Business Consultants
The shift: UX Designers as Business ConsultantsThe shift: UX Designers as Business Consultants
The shift: UX Designers as Business Consultants
 

Recently uploaded

world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 

Recently uploaded (20)

world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 

Social Usability Workshop at Frontiers of Interaction 2010

  • 1. Social Usability Workshop Gianandrea Giacoma & Davide ‘Folletto’ Casali
  • 3. 1 2 3 4
  • 4. Intro Analysis Design End 20’ 45’ 50’ 5’ 1 2 3 4
  • 5. Intro Analysis Design End 20’ 45’ 50’ 5’ 1 2 3 4
  • 6. 1 What is Social Usability?
  • 8. The walkman Designed to isolate oneself, used to connect people.
  • 9. Word A personal tool used to create text... to be shared.
  • 10. The wall Designed to divide, it’s a meeting point for teenagers.
  • 11. Motivational Design Social Usability
  • 15. Social Usability is a quality attribute that assesses how easy social interaction are to make.
  • 16. Social Dynamics If we remove Social Social Usability Usability... System
  • 17. ...we are Social removing social Dynamics dynamics as well Social Usability System
  • 18. Social Usability is an enabling factor
  • 19. But, it isn’t a must!
  • 20. I may want to emphasize useful social behaviours
  • 21. I may want to dampen harmful social behaviours
  • 24. Relations findability curiosity time themes R excellence management privacy separation proximity public relations
  • 25. Identity amplitude appearance mood interests person I uniqueness privacy group avatar
  • 26. Communication speed richness quantity private plural public sync C async parallelism aggregability
  • 27. Emergence of Groups findability easiness presence E longevity liveliness bottom-up frequency
  • 29. We want the reasons behind patterns, a pattern without context is deceiving!
  • 30.
  • 31. Is there a way to ____?
  • 33. Is there a way to express yourself? I
  • 34. Is there a way to show up in a group due to the things you do? E
  • 36. 1 Outline giving a star-evaluation to the elements on the list
  • 37. 1 Outline giving a star-evaluation to the elements on the list 2 Analysis finding the user paths/journeys, maybe using goms.
  • 38. 1 Outline giving a star-evaluation to the elements on the list 2 Analysis finding the user paths/journeys, maybe using goms. 3 User tests asking the same questions to an user, during a test
  • 39. 1 Outline giving a star-evaluation to the elements on the list 2 Analysis finding the user paths/journeys, maybe using goms. 3 User tests asking the same questions to an user, during a test 4 Merge correlating the design objectives
  • 41.
  • 42. Analysis — Create groups of max 5 people each. — Agree on a website to analyze using the Social Usability Checklist. — Which properties do exist? — Which properties are missing? — It’s possible to improve it? — Is there something to be added? 20’ — Is there something to be removed?
  • 43. Discussion — for each group: — Show the best case found. — Show the worst case found. — What’s the first thing that you will change? Why? Does it add or improve a social property? 20’
  • 44. 3 Design with Social Usability
  • 45.
  • 46. Design — No more groups now! :) — for each one of you: — Choose a single item in the Social Usability Checklist. — Try making a paper prototype in 15’ for that item. 15’
  • 47. Test — Create pairs. — for each pair: — Make a mini usability testing with the paper prototype you just did. — Six minutes for each person, then change roles. — In the end, try to sum up what’s 12’ changed.
  • 48. Discussion — Let’s see the prototypes! — What was your objective? — Did you found anything interesting? — Could it be an universal solution, or a local one? — Could we integrate all the solutions here in a single social network? — Will a different objective change 20’ your design?
  • 51. can be applied to both existing services
  • 54. You have to choose: avoid doing everything.
  • 55. It’s important to relate the sociality with:
  • 58. Designing with Social Usability means this: choosing.
  • 59. You have to evaluate every element in the Checklist with motivations and objectives.
  • 60. Q&A — Feel free to ask or comment! ;)
  • 61. ma as ali iac o o’ C G lett nd rea Folm.com e ‘ alis ana i.com id om i ail.c avseminim G da zion ni m a@g m D en om ibri ridazio .giaco int lletto ma il.c a @fo tto@g @ib andre gian folle Frontiers of Interaction 2010 Rome, 3-4 june 2010 frontiersofinteraction.it