SlideShare une entreprise Scribd logo
1  sur  13
KEY QUESTIONS



• How do Scratchers use remix
  visualizations?
• What information can we provide
  so designers can make an
  informed “next step”?
RESEARCH



  •   Designed and tested a
      research protocol
  •   Interview with 2 users
  •   Interview with the designer
  •   Posted to Scratch forums
      (10 responses)
CURRENT DESIGN


     Strengths
     •   Interactive
     •   Message-
         interconnectedness
     Weaknesses
     •   Context
     •   Navigability
     •   Time
1: FAMILY ALBUM
family tree =                     1: FAMILY ALBUM
     familiar metaphor




  interactive-when
                                                     thumbnails show
    clicked on, see
                                                   context of evolution
Scratcher’s profile &
    recent activity

                                                            color encodes
                                                           meaning (primary
                                                            vs. secondary
                                                                remix)




                          reduced size
                         accommodates
                           derivatives
STAR (small multiples)
                                           2: STAR




•   Failed design :(
•   Wanted to be able to
    compare remixes against each
    other (small multiples, Tufte)
•   Tried to use color to encode
    layers (primary, secondary,
    tertiary remixes)
•   Isn’t flexible to an unexpected
    number of derivatives
3:DISCO TIMELINE
              REMIX TIMELINE

# blocks




             -




                               # months
height of timeline
           expands based on #
               of remixes                         3:DISCO TIMELINE
                                                     REMIX TIMELINE

# blocks




                                                       -



                                                            project composition by % of blocks

                                                                                                 # months

                          play! (past the frame if there are enough
                                           remixes)
4: CONSTELLATION
   TAG YOURSELF
                   MY PROJECTS


                                  ART
                                  STORY
                                  GAME
                                  SIMULATION
                                  ANIMATION




                         SUBMIT
4: CONSTELLATION
              TAG YOURSELF
•   Pull project from your gallery            MY PROJECTS
•   Onclick, project gets a star background
    based on project type metadata
•   Associate yourself with the “original”
    or one of the derivatives                                ART
                                                             STORY
                                                             GAME
                                                             SIMULATION
                                                             ANIMATION




                                                    SUBMIT
SKILLS EXPLORED



• Data visualization
• Design thinking
• Qualitative research design
• Interview techniques
NEXT STEPS




• Evaluate designs
• Continue research
• Prototype
CONTACT




• Vanessa Gennarelli
• vanessa.gennarelli@gmail.com
• @mozzadrella

Contenu connexe

En vedette

Getting the User-Generated Content You Want
Getting the User-Generated Content You WantGetting the User-Generated Content You Want
Getting the User-Generated Content You WantVanessa Gennarelli
 
Reflection: Old Skool and New Skool
Reflection: Old Skool and New SkoolReflection: Old Skool and New Skool
Reflection: Old Skool and New SkoolVanessa Gennarelli
 
The Birth of the Mechanical MOOC
The Birth of the Mechanical MOOCThe Birth of the Mechanical MOOC
The Birth of the Mechanical MOOCVanessa Gennarelli
 
Formative Evaluation for Educational Product Development
Formative Evaluation for Educational Product DevelopmentFormative Evaluation for Educational Product Development
Formative Evaluation for Educational Product DevelopmentVanessa Gennarelli
 
User Generated Content & Badges
User Generated Content & BadgesUser Generated Content & Badges
User Generated Content & BadgesVanessa Gennarelli
 
Coworking Well: Social Design for Learning
Coworking Well: Social Design for LearningCoworking Well: Social Design for Learning
Coworking Well: Social Design for LearningVanessa Gennarelli
 
Tecnico em secretariado ufpb 2009
Tecnico em secretariado ufpb 2009Tecnico em secretariado ufpb 2009
Tecnico em secretariado ufpb 2009andreia oliveira
 
A importância da etiqueta social nas relações de trabalho do
A importância da etiqueta social nas relações de trabalho doA importância da etiqueta social nas relações de trabalho do
A importância da etiqueta social nas relações de trabalho doandreia oliveira
 

En vedette (10)

Getting the User-Generated Content You Want
Getting the User-Generated Content You WantGetting the User-Generated Content You Want
Getting the User-Generated Content You Want
 
Open for Impact
Open for ImpactOpen for Impact
Open for Impact
 
Reflection: Old Skool and New Skool
Reflection: Old Skool and New SkoolReflection: Old Skool and New Skool
Reflection: Old Skool and New Skool
 
2013 Update P2PU + Badges
2013 Update P2PU + Badges2013 Update P2PU + Badges
2013 Update P2PU + Badges
 
The Birth of the Mechanical MOOC
The Birth of the Mechanical MOOCThe Birth of the Mechanical MOOC
The Birth of the Mechanical MOOC
 
Formative Evaluation for Educational Product Development
Formative Evaluation for Educational Product DevelopmentFormative Evaluation for Educational Product Development
Formative Evaluation for Educational Product Development
 
User Generated Content & Badges
User Generated Content & BadgesUser Generated Content & Badges
User Generated Content & Badges
 
Coworking Well: Social Design for Learning
Coworking Well: Social Design for LearningCoworking Well: Social Design for Learning
Coworking Well: Social Design for Learning
 
Tecnico em secretariado ufpb 2009
Tecnico em secretariado ufpb 2009Tecnico em secretariado ufpb 2009
Tecnico em secretariado ufpb 2009
 
A importância da etiqueta social nas relações de trabalho do
A importância da etiqueta social nas relações de trabalho doA importância da etiqueta social nas relações de trabalho do
A importância da etiqueta social nas relações de trabalho do
 

Dernier

办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
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
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
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
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一Fi ss
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 

Dernier (20)

Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
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
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
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
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 

Remixing Visualizations for Scratch

  • 1. KEY QUESTIONS • How do Scratchers use remix visualizations? • What information can we provide so designers can make an informed “next step”?
  • 2. RESEARCH • Designed and tested a research protocol • Interview with 2 users • Interview with the designer • Posted to Scratch forums (10 responses)
  • 3. CURRENT DESIGN Strengths • Interactive • Message- interconnectedness Weaknesses • Context • Navigability • Time
  • 5. family tree = 1: FAMILY ALBUM familiar metaphor interactive-when thumbnails show clicked on, see context of evolution Scratcher’s profile & recent activity color encodes meaning (primary vs. secondary remix) reduced size accommodates derivatives
  • 6. STAR (small multiples) 2: STAR • Failed design :( • Wanted to be able to compare remixes against each other (small multiples, Tufte) • Tried to use color to encode layers (primary, secondary, tertiary remixes) • Isn’t flexible to an unexpected number of derivatives
  • 7. 3:DISCO TIMELINE REMIX TIMELINE # blocks - # months
  • 8. height of timeline expands based on # of remixes 3:DISCO TIMELINE REMIX TIMELINE # blocks - project composition by % of blocks # months play! (past the frame if there are enough remixes)
  • 9. 4: CONSTELLATION TAG YOURSELF MY PROJECTS ART STORY GAME SIMULATION ANIMATION SUBMIT
  • 10. 4: CONSTELLATION TAG YOURSELF • Pull project from your gallery MY PROJECTS • Onclick, project gets a star background based on project type metadata • Associate yourself with the “original” or one of the derivatives ART STORY GAME SIMULATION ANIMATION SUBMIT
  • 11. SKILLS EXPLORED • Data visualization • Design thinking • Qualitative research design • Interview techniques
  • 12. NEXT STEPS • Evaluate designs • Continue research • Prototype
  • 13. CONTACT • Vanessa Gennarelli • vanessa.gennarelli@gmail.com • @mozzadrella

Notes de l'éditeur

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n