Class 16, Reading 2

Reading

• Mobile Multimedia Presentation Editor: Enabling Creation of Audio-Visual Stores on Mobile Devices
  
• Jokela, et al.
  

Outline

• Introduction
  
• Related Work
  
• User Study
  
  • Participants and Procedure
    
  • Results
    
    • Composing and Editing Messages
      
    • Intuitions of Using Multi-Page Messages
      
  • Design Principles
    
• Design
  
  • Constraints
    
  • Application Overview
    
  • Edit Presentation View
    
• Usability Evaluations
  
  • Participants and Procedure
    
  • Results
    
• Field Trial
  
  • Participants and Procedure
    
  • Results
    
• Discussion and Future Work
  
• Conclusion
  

Notes

• Introduction
  
  • Digital storytelling – involves creating a personal narrative and then utilizing digital media like photographs, video, and audio to illustrate the narrative in the form of an integrated multimedia presentation
    
  • Mobile Multimedia Presentation Editor – an application for creating rich and expressive audio-visual stories on mobile devices
    
  • Key contribution – editor interface that enables authoring of sophisticated multimedia presentations that integrate several different media types on mobile devices
    
• User Study
  
  • About user study: user habits on composing, sending, and editing multimedia messages
    
    • 1) to gain understanding on current behaviors and practices related to the usage of multimedia messages
      
    • 2) to provide first insights into the following for more complex multi-page multimedia messages (i.e., multimedia presentations)
      
      • Users' motivations for employing
        
      • Requires for composing
        
  • Participants and procedure
    
    • Participants
      
      • Ten participants
        
      • Three groups
        
        • One friends group
          
        • Two family groups
          
      • Provided with mobile devices for 4 weeks
        
        • Two commercially available image editing applications provided
          
        • Contains image editing applications
          
    • Process: individual interviews conducted after 4 weeks
      
      • Part 1:
        
        • Experiences around usage of multimedia message and image editing applications were discussed in detail
          
        • Interview consisted of following themes:
          
          • General experiences of multimedia messages
            
          • Context of use
            
          • Message dialogs
            
          • Content types (e.g., text, images, audio)
            
          • Editing of messages
            
      • Part 2:
        
        • Task of composing a "comic message"
          
        • Participants provided with pens and empty comic template on paper
          
        • Participants asked to choose 2-3 situations where they sent real-life multimedia messages and composed comic message to original recipients
          
  • Results
    
    • About multimedia messages
      
      • Average frequency varied from one per week to twice a day
        
      • Contained mostly images
        
      • Other content types like animations, voice, music were rarely attached
        
    • Composing and editing messages
      
      • 90% of messages contained text with mage
        
      • Image was edited in 30% of messages
        
      • Most common ways to edit image
        
        • Attach speech bubble to image (44%)
          
        • Attach photo frame (37%)
          
      • Making messages more personal and thus more valuable was one of the most important motivations to edit messages
        
      • Participants' ways to compose and edit multimedia messages can be unorganized and chaotic
        
      • Time length of message creation:
        
        • Minimum time: 15 seconds
          
        • Maximum time: 15 minutes
          
        • Average time: 2-5 minutes
          
        • More important factor: ability to complete message within available time
          
    • Intuitions of using multi-page messages
      
      • All study participants composed 1-3 comic messages during interview
        
        • Contexts: many different kinds of events (e.g., parties, birthdays)
          
        • Participants' tendency to compose "before and after" type of messages
          
      • Main content of comic messages: text
        
        • Role of text smaller during period
          
        • Speech bubbles intuitive way to add text
          
      • A typical message contained 2-3 images with little or no text
        
  • Design Principles
    
    • Above study:
      
      • Provided useful insight for designing and developing the Mobile Multimedia Presentation Editor
        
      • Design principles derived as result of analyzing interviews, comic message, and actual messages sent
        
    • Design principle #1: flexibility
      
      • Principle of flexibility mainly derived from participants' unorganized manner of composing:
        
        • the messages sent during study
          
        • comic messages created during interview
          
      • Flexibility means presentation editor needs to support composition of multi-page message in an unorganized way
        
      • Users need to:
        
        • move back and forth in presentation easily
          
        • have means to determine contents and ability to edit message according to current idea
          
      • Templates not flexible enough to support desired functionality
        
    • Design principle #2: awareness of the task content
      
      • Tightly related to flexibility principle
        
      • When composing remarkably something more complex than single page multimedia message, users need to be well-aware of:
        
        • task they're doing
          
        • part or page of presentation they're in
          
    • Design principle #3: expressiveness
      
      • Participants paid particular attention to expressiveness and elegance of messages they were about to send
        
      • Images need to be high-quality
        
      • Message need to clearly convey participants' idea or "point"
        
    • Design principle #4: personalization
      
      • Personal look of messages highly appreciated among participants
        
      • Ready-made graphics and animations rarely used due to being too generic and common
        
      • Presentation editors should provide rich set of editing features
        
• Design
  
  • Constraints
    
    • Primarily constrained by restricted input and output capabilities of mobile devices
      
    • Inputs:
      
      • keyboard and four-way navigation key set with middle selection key
        
      • Two softkeys that are context dependent
        
      • Extended alphanumeric keypard
        
      • Built-in microphone for audio
        
      • VGA resolution camera for still images and low-res video
        
  • Application overview
    
    • About UI: consists of
      
      • Several full-screen views
        
      • Number of dialogs
        
    • Presentation View
      
      • Browse and manage presentations store in device
        
      • Open presentations for viewing and editing
        
      • Create new presentations
        
    • Play Presentation View
      
      • View select presentation
        
    • Edit Presentation View
      
      • Primary view of Mobile Multimedia Presentation Editor
        
      • Provides user with tools for creating and editing presentations
        
    • Preview Presentation View
      
      • Preview presentation being currently edited in Edit Presentation View
        
  • Edit Presentation View
    
    • Enables the creation of sophisticated multimedia presentations on mobile devices with constrained input and output capabilities
      
    • Presentations created with the Mobile Multimedia Presentation Editor are represented in the Synchronized Multimedia Integration Language (SMIL)
      
      • SMIL – W3C standard for authoring audio-visual presentations
        
    • Important design decision #1
      
      • try not to design a UI supporting all SMIL language features
        
      • aim to understand the kinds of features uses want to express in presentations created from user study findings
        
    • Important design decision #2
      
      • identify the fundamental basic editing operations
        
      • provide as much freedom in using each of the individual operations as possible
        
      • enable freeform combinations of different basic operations
        
    • Model each presentation as sequence of pages
      
      • each page consists of visual objects (e.g., images, speech bubbles, etc.) that always remain visible on page
        
      • cons: restricts structure of presentation
        
      • pros: easy to understand and adequate for majority of presentation types from user study
        
    • Timeline for visualizing temporal structure
      
      • floats when active, automatically hidden when not
        
      • consists of two tracks
        
        • upper track shows pages
          
        • lower track shows audio objects
          
    • Navigation keys
      
      • Left and right keys to move to previous or next page or audio object
        
      • Up and down keys to move between page track and audio track
        
    • Editor user interface
      
      • Provides generic structure that can support wide range of different visual object types
        
      • Defines basic editing operations that support all visual objects
        
• Usability Evaluations
  
  • …
    
• Field Trial
  
  • …
    
• Conclusion
  
  • …
    

Comments

• …