Prototype Development in Mobile-Learning Design Research

1,164 views
1,008 views

Published on

Presentation on Prototype Development in Mobile-Learning Design Research from EdMedia 2011 (Lisbon)

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,164
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • http://itunes.apple.com/us/app/iadvocate/id427814325?mt=8
  • Demo of App and Web App after this
  • Prototype Development in Mobile-Learning Design Research

    1. 1. Prototype Development in Mobile-Learning Design Research<br />Alan Foley<br />afoley@syr.edu<br />HengLuo<br />heluo@syr.edu<br />
    2. 2. Design Studies<br />Design is a Artifact (Noun)<br />Constructs<br />Models<br />Methods<br />Design is a Process (Verb)<br />Build<br />Evaluate<br />Design is a Dynamic Problem<br />Unstable requirements and constraints<br />Complex interactions among subcomponents of problem and resulting subcomponents of solution<br />Dependence on human cognitive abilities - Creativity<br />Dependence on human social abilities - Teamwork<br />
    3. 3. Why mobile?<br />
    4. 4. iAdvocate<br />The goal of iAdvocate is to share and develop specific strategies with parents for working collaboratively with a school team to improve their children’s education. iAdvocate uses problem-based learning strategies, simulations, and provides contextual access resources to build parental advocacy skills and knowledge.<br />
    5. 5.
    6. 6. PROBLEM<br />TOOL<br />INTERVENTION<br />RESEARCH<br />Parents of children with disabilities need help developing advocacy skills<br />A mobile app that provides anytime-anywhere access to information<br />Give parents a free app that provides information and informal instruction<br />Develop theory, do test cycles in context, refine app, collect data<br />
    7. 7. Identification of problem by parents and researchers.<br />Development of solution. Application of Instructional Design principles.<br />Iterative cycles of testing, analysis, and refinement of solution,in-practice.<br />Reflection to produce design principles, enhance implementation.<br />
    8. 8. Benefits of Prototyping<br />Encourages and requires members’ active participation in the design process.<br />Adaptive to iteration and changes, which are natural consequences of instructional systems development. Clients tend to change their minds.<br />“Clients” don't know their requirements until they see them implemented.<br />The equivalent of a paper specification where errors can be detected earlier.<br />More creativity - quicker user feedback. <br />Accelerates the development cycle and reduces the cost. <br />
    9. 9. “Web App” Prototyping – What is it? <br />Web-app is a fully functional website that is designed to resemble the appearance and functions of a real iPhone app, and can be accessed using the browser (Safari) that is part of the iOS environment. <br />
    10. 10. “Web App” Prototyping – What is it? <br />Web App was created using WordPress.<br />WPtouch, an iPhone theme plug-in was used to reconfigure the WordPress site into an iPhone-compatible display format.<br />The iPhone theme was modified by us to remove unnecessary blog features (e.g. post date, authorship).<br />
    11. 11. “Web App” Prototyping – Why use it? <br />The ability to create a prototype quickly proved to be essential in our case, allowing us to move forward to collect first round of evaluative data from the target users, rather than being stuck early in the development phase.<br />
    12. 12. “Web App” Prototyping – Why use it? <br />Developing the web-app requires only intermediate-level web design skills and much less time and effort compared to a conventional iOS app. <br />It allows us to move forward to collect first round of evaluative data, rather than being stuck early in the development phase. <br />Advantages<br />limitations<br />Convenient access<br />Less useful in later design stage<br />Simulate key functions<br />Need fast internet<br />Easier to revise<br />Cannot simulate all features<br />Faster to create<br />
    13. 13. “Web App” Prototyping – Why use it? <br />Revisions are minor and frequent in the early stage of the design. <br />With an administrator password, anyone on the team could log in the WordPress platform and make the changes they deemed necessary.<br />Objective-C programming language, Apple’s iPhone SDK, and the sophisticated distribution process NOT needed.<br />Advantages<br />limitations<br />Convenient access<br />Less useful in later design stage<br />Simulate key functions<br />Need fast internet<br />Easier to revise<br />Cannot simulate all features<br />Faster to create<br />
    14. 14. “Web App” Prototyping – Why use it? <br />Web App simulates the structure, organization, appearance and all the primary functions of iAdvocate. <br />Advantages<br />limitations<br />Convenient access<br />Less useful in later design stage<br />Simulate key functions<br />Need fast internet<br />Easier to revise<br />Cannot simulate all features<br />Faster to create<br />
    15. 15. “Web App” Prototyping – Why use it? <br />Users can easily access the Web App by typing its URL in their iPhone web browsers. <br />No need to download and install the uncompleted app. <br />Safer and less intrusive<br />Advantages<br />limitations<br />Convenient access<br />Less useful in later design stage<br />Simulate key functions<br />Need fast internet<br />Easier to revise<br />Cannot simulate all features<br />Faster to create<br />
    16. 16. “Web App” Prototyping – Why use it? <br />Web App did not possess certain iOS features such as the “shake,” “ring tone,” and “vibration” effects. <br />If the wireless signal is weak or unstable, the Web App cannot function correctly (e.g. prolonged response times or unloaded content)<br />In later stages of the design process the difference between the web-based platform and final platform is too great, providing little useful information for designers. <br />Advantages<br />limitations<br />Convenient access<br />Less useful in later design stage<br />Simulate key functions<br />Need fast internet<br />Easier to revise<br />Cannot simulate all features<br />Faster to create<br />
    17. 17. “Web App” Prototyping – How to use it? <br />Users can rotate the web-app from vertical to horizontal view on their iPhones, and navigate the Web-App by tapping or scrolling on their iPhone screens. <br />
    18. 18. “Web App” Prototyping – How to use it? <br />The interactive features of the Smart Board enabled us to tap or scroll on the presentation screen simulating what users could do on their iPhone screens.<br />
    19. 19. “Web App” Prototyping – What do we get from it? <br />The focus group participants were able to provide the research and design team with useful suggestions for revising iAdvocate to better fit their needs. <br />For example, one parent made the following critique regarding the structure of iAdvocate during the focus group meeting: <br />
    20. 20. “Web App” Prototyping – What do we get from it? <br />“I have a suggestion regarding this 'typically heard statement' part. Unless I am using this wrong, you have to scroll down, I don't know how many statements there are... but it may be helpful if there is one screen that has the menu of all the statements. Because if statement Number Six is what they [the school administers] are saying, I have to scroll to up till Number Five, then the moment is lost...”<br />

    ×