A New Solution for Creating Versatile Learning Environments: MyUOC (Learning Technology) ) Speakers:  Caroline Copestake C...
Who are we?… The  Office of Learning Technologies   (OLT): We are a multidisciplinary team whose mission is to create a vi...
A three piece puzzle 3 pieces with their  different REQUIREMENTS
The UOC’s requirements: <ul><ul><li>Students  worldwide  - Headquarters in Barcelona, Spain  </li></ul></ul><ul><ul><li>Wi...
The UOC’s faculty requirements: <ul><ul><li>Communication with students - the online environment is their only  medium to ...
The UOC’s students requirements: <ul><ul><li>There are as many  typologies  of students as students are in the University ...
Jointly lead to: <ul><ul><li>An  open source   learning environment </li></ul></ul><ul><ul><li>An environment that  integr...
MyUOC … <ul><li>A homepage thought for anyone of the main users profiles. </li></ul><ul><li>A home page gaim to be persona...
How to acheive an adecuate MyUOC? <ul><li>The three basic elements included in this title are: </li></ul><ul><li>User cent...
User centered design
User-centered design   is used by UOC because it offers the most effective path to useful and usable products. UOCs soluti...
Short definition User-centered design   is a product development methodology based on actual  user needs ,  behaviors ,  a...
Short definition
Short definition
What was the process we follow for MyUOC? Specify organizational and user requirements Produce design solutions Specify co...
What was the process we followed for MyUOC? The system satisfies  the requirements Specify context of use Plan UCD process...
Some examples of the methods we used… Competitive analysis : (also called comparative analysis or benchmarking) is the pro...
What was the process we follow for MyUOC? The system satisfies  the requirements Specify context of use Plan UCD process S...
Some examples of the methods we used… Personas : Personas are a fictional characters that represent actual groups of users...
What was the process we follow for MyUOC? The system satisfies  the requirements Specify context of use Plan UCD process S...
Some examples of the methods we used… Wireframes :  is a  visual illustration  of a Web page, product, site... It is meant...
What was the process we follow for MyUOC? The system satisfies  the requirements Specify context of use Plan UCD process S...
Some examples of the methods we used… Heuristic : is a  method  for  finding usability problems  in a user interface  by r...
What was the process we follow for MyUOC? The system satisfies  the requirements Specify context of use Plan UCD process S...
What was the process we follow for MyUOC? Specify organizational and user requirements Produce design solutions Specify co...
The system satisfies the requirements New home page; My UOC video
Emotional aspects
Emotional Aspects Motivate – engage – community
Emotional Aspects  How? <ul><ul><li>By  integrating  psychological and consumer research methods into the UCD process </li...
Emotional
Emotional Aspects  Engaging elements <ul><ul><li>Choices  for everyone (i.e., for faculty to choose which tool is best for...
<ul><ul><li>Choices  for everyone (i.e., for faculty to choose which tool is best for their subject, for students to choos...
Emotional Aspects  Engaging elements
<ul><ul><li>Choices  for everyone (i.e., for faculty to choose which tool is best for their subject, for students to choos...
Emotional Aspects  Engaging elements
<ul><ul><li>Choices  for everyone (i.e., for faculty to choose which tool is best for their subject, for students to choos...
Emotional Aspects  Engaging elements
<ul><ul><li>Choices  for everyone (i.e., for faculty to choose which tool is best for their subject, for students to choos...
Emotional Aspects  Engaging elements
<ul><ul><li>Choices  for everyone (i.e., for faculty to choose which tool is best for their subject, for students to choos...
Emotional Aspects  Engaging elements
<ul><li>Drag & drop widgets </li></ul><ul><li>Select a background </li></ul><ul><li>Change colour of widget  </li></ul><ul...
Technical  aspects
Technical aspects: <ul><ul><li>Service Oriented Architecture (SOA)   in order to achieve real interoperability </li></ul><...
e-learning tools OKI Bus Services Gateway Common LMS Technical aspects
MyUOC at present
MyUOC challenges: <ul><ul><li>Keeping  control  over the learning model </li></ul></ul><ul><ul><li>Ability  to change as w...
Questions?
Thank you for your attention!! Learning Technologies:  [email_address] Alícia Valls :  [email_address]   Caroline Copestak...
Upcoming SlideShare
Loading in...5
×

MyUOC: A New Solution for Creating Versatile Learning Environments (presented at ELI)

1,467

Published on

MyUOC is the new open-source online learning environment from the Open University of Catalonia (UOC) that has been designed to allow users to build their own learning environment according to their needs. Its innovative framework, based on Open Knowledge Initiative (OKI), turns MyUOC into the first truly interoperable learning platform. Indeed, MyUOC frees institutions and users from a limited set of tools or a concrete environment, providing instead a customized and "closer to the user" learning platform. This innovative open-source environment, based in standards, aims to promote and establish flexibility and interoperability in the educational community.

* Caroline Copestake, Project Manager, Office of Learning Technology, Universitat Oberta de Catalunya
* Alicia Valls Saez, User Centered Design, Universitat Oberta de Catalunya

Published in: Education
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
1,467
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
17
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

MyUOC: A New Solution for Creating Versatile Learning Environments (presented at ELI)

  1. 1. A New Solution for Creating Versatile Learning Environments: MyUOC (Learning Technology) ) Speakers: Caroline Copestake Christy Alicia Valls Senior Project Manager User Experience Designer
  2. 2. Who are we?… The Office of Learning Technologies (OLT): We are a multidisciplinary team whose mission is to create a virtual campus environment that goes beyond functionality and usability. A campus where students can enjoy their learning process, and also, contributes to their life-work balance, enriching them as students as well as people. The latest version, known as MyUOC , follows a User Centered Design (UCD) approach. This approach consists of implementing design processes in which end users influence how a design takes shape. It is both a broad philosophy and a variety of methods. There is a spectrum of ways in which users are involved in UCD and the key issue is that users are involved in the definition, design and evaluation of UOC’s applications and online environment.
  3. 3. A three piece puzzle 3 pieces with their different REQUIREMENTS
  4. 4. The UOC’s requirements: <ul><ul><li>Students worldwide - Headquarters in Barcelona, Spain </li></ul></ul><ul><ul><li>Wide range of degrees - Fully online university (BAs, MAs, PhD)‏ </li></ul></ul><ul><ul><li>Constant update in technology - Founded 15 years ago as an online university </li></ul></ul><ul><ul><li>3 basic profiles with individual needs - 47.000 students, 500 full time faculty, 2000 part-time faculty </li></ul></ul>
  5. 5. The UOC’s faculty requirements: <ul><ul><li>Communication with students - the online environment is their only medium to teach and motivate </li></ul></ul><ul><ul><li>Their “teaching” is asynchronous – Time-zones, working hours …… </li></ul></ul><ul><ul><li>The contents they use, evolve – Change in documents, materials </li></ul></ul>
  6. 6. The UOC’s students requirements: <ul><ul><li>There are as many typologies of students as students are in the University </li></ul></ul><ul><ul><li>They have different ages, backgrounds, experiences, needs, desires and expectations </li></ul></ul><ul><ul><li>They are “on” 24/7 </li></ul></ul><ul><ul><li>They are active participants in the learning process </li></ul></ul><ul><ul><li>They are overwhelmed with information </li></ul></ul>
  7. 7. Jointly lead to: <ul><ul><li>An open source learning environment </li></ul></ul><ul><ul><li>An environment that integrates other solutions desired by faculty to help enhance learning for the different subjects </li></ul></ul><ul><ul><li>A more engaging-to-all -students learning environment to help increase overall satisfaction and motivation to learn ( Joy of Learning ) </li></ul></ul><ul><ul><li>An accessible-to-all environment, anytime, anyplace </li></ul></ul><ul><ul><li>Versatility in regards to formats </li></ul></ul>
  8. 8. MyUOC … <ul><li>A homepage thought for anyone of the main users profiles. </li></ul><ul><li>A home page gaim to be personalized </li></ul><ul><li>A home page open to the world-wide </li></ul><ul><li>A base for the main uses of the campus </li></ul><ul><li>A guide for the tasks to be carried out </li></ul>The new on-line virtual platform
  9. 9. How to acheive an adecuate MyUOC? <ul><li>The three basic elements included in this title are: </li></ul><ul><li>User centered design </li></ul><ul><li>Emotional aspects </li></ul><ul><li>Technical aspects </li></ul>
  10. 10. User centered design
  11. 11. User-centered design is used by UOC because it offers the most effective path to useful and usable products. UOCs solution to Functional aspects
  12. 12. Short definition User-centered design is a product development methodology based on actual user needs , behaviors , abilities and perceptions . Is a design philosophy and a process in which the needs, wants, and limitations of the end user of an interface or document are given extensive attention at each stage of the design process. “ The user is not like me” “ The user is not like the client” “ The user is not the boss”
  13. 13. Short definition
  14. 14. Short definition
  15. 15. What was the process we follow for MyUOC? Specify organizational and user requirements Produce design solutions Specify context of use Plan UCD process Evaluate designs against user requirements The system satisfies the requirements ISO 13407 Model (Human centred design processes for interactive systems)
  16. 16. What was the process we followed for MyUOC? The system satisfies the requirements Specify context of use Plan UCD process Specify organizational and user requirements Produce design solutions Evaluate designs against user requirements Interviews Focus groups Contextual inquiry Observation/Ethnography Surveys Log analysis Benchmarking Competitive and comparative analysis
  17. 17. Some examples of the methods we used… Competitive analysis : (also called comparative analysis or benchmarking) is the process of analyzing products which are similar to, or compete with, the product we are designing in order to generate ideas.
  18. 18. What was the process we follow for MyUOC? The system satisfies the requirements Specify context of use Plan UCD process Specify organizational and user requirements Produce design solutions Evaluate designs against user requirements User Profiles / Personas Brainstorming Scenarios Tasks analysis Flowcharts / Storyboards
  19. 19. Some examples of the methods we used… Personas : Personas are a fictional characters that represent actual groups of users and their needs, which can be a general description of person, context, or usage scenario. UOC personas: Martina Jordi
  20. 20. What was the process we follow for MyUOC? The system satisfies the requirements Specify context of use Plan UCD process Specify organizational and user requirements Produce design solutions Evaluate designs against user requirements Wireframes LoFi / HiFi Prototyping Cardsorting Participatory Design
  21. 21. Some examples of the methods we used… Wireframes : is a visual illustration of a Web page, product, site... It is meant to show all of the items that are included on a particular page, without defining the look and feel (or graphic design). It's simply meant to illustrate the features, content and links that need to appear on a page so that the design team can mock up a visual interface and the programmers understand the page features and how they are supposed to work.
  22. 22. What was the process we follow for MyUOC? The system satisfies the requirements Specify context of use Plan UCD process Specify organizational and user requirements Produce design solutions Evaluate designs against user requirements User testing Cognitive walkthrough Heuristic Evaluation
  23. 23. Some examples of the methods we used… Heuristic : is a method for finding usability problems in a user interface by reviewing it for compliance with a checklist of recognized usability principles called heuristics. It is conventionally performed by a group of trained evaluators who individually evaluate a system and then combine their results to come up with a prioritized list of problems to be fixed.
  24. 24. What was the process we follow for MyUOC? The system satisfies the requirements Specify context of use Plan UCD process Specify organizational and user requirements Produce design solutions Evaluate designs against user requirements
  25. 25. What was the process we follow for MyUOC? Specify organizational and user requirements Produce design solutions Specify context of use Plan UCD process Evaluate designs against user requirements ISO 13407 Model (Human centred design processes for interactive systems) The system satisfies the requirements
  26. 26. The system satisfies the requirements New home page; My UOC video
  27. 27. Emotional aspects
  28. 28. Emotional Aspects Motivate – engage – community
  29. 29. Emotional Aspects How? <ul><ul><li>By integrating psychological and consumer research methods into the UCD process </li></ul></ul><ul><ul><li>By continuously monitoring and analyzing emotional responses </li></ul></ul><ul><ul><li>By identifying emotional elements of interaction and design </li></ul></ul><ul><ul><li>By designing methodologies that can be easily applied by the design and development teams </li></ul></ul>
  30. 30. Emotional
  31. 31. Emotional Aspects Engaging elements <ul><ul><li>Choices for everyone (i.e., for faculty to choose which tool is best for their subject, for students to choose how they wish to participate or communicate) </li></ul></ul><ul><ul><li>Humanizing interaction (i.e., photos, images) </li></ul></ul><ul><ul><li>Having control of what they see on their first screen - 100% “perceived” satisfaction </li></ul></ul><ul><ul><li>Innovative and “cool elements” (i.e. Mac-style menu bar) </li></ul></ul><ul><ul><li>Adding external modules allows students to bring in their lives </li></ul></ul>
  32. 32. <ul><ul><li>Choices for everyone (i.e., for faculty to choose which tool is best for their subject, for students to choose how they wish to participate or communicate) </li></ul></ul><ul><ul><li>Humanizing interaction (i.e., photos, images) </li></ul></ul><ul><ul><li>Having control of what they see on their first screen - 100% “perceived” satisfaction </li></ul></ul><ul><ul><li>Innovative and “ cool ” elements (i.e. Mac-style menu bar) </li></ul></ul><ul><ul><li>Adding external modules allows students to bring in their lives </li></ul></ul>Emotional Aspects Engaging elements
  33. 33. Emotional Aspects Engaging elements
  34. 34. <ul><ul><li>Choices for everyone (i.e., for faculty to choose which tool is best for their subject, for students to choose how they wish to participate or communicate) </li></ul></ul><ul><ul><li>Humanizing interaction (i.e., photos, images) </li></ul></ul><ul><ul><li>Having control of what they see on their first screen - 100% “perceived” satisfaction </li></ul></ul><ul><ul><li>Innovative and “cool elements” (i.e. Mac-style menu bar) </li></ul></ul><ul><ul><li>Adding external modules allows students to bring in their lives </li></ul></ul>Emotional Aspects Engaging elements
  35. 35. Emotional Aspects Engaging elements
  36. 36. <ul><ul><li>Choices for everyone (i.e., for faculty to choose which tool is best for their subject, for students to choose how they wish to participate or communicate) </li></ul></ul><ul><ul><li>Humanizing interaction (i.e., photos, images) </li></ul></ul><ul><ul><li>Having control of what they see on their first screen - 100% “perceived” satisfaction </li></ul></ul><ul><ul><li>Innovative and “cool elements” (i.e. Mac-style menu bar) </li></ul></ul><ul><ul><li>Adding external modules allows students to bring in their lives </li></ul></ul>Emotional Aspects Engaging elements
  37. 37. Emotional Aspects Engaging elements
  38. 38. <ul><ul><li>Choices for everyone (i.e., for faculty to choose which tool is best for their subject, for students to choose how they wish to participate or communicate) </li></ul></ul><ul><ul><li>Humanizing interaction (i.e., photos, images) </li></ul></ul><ul><ul><li>Having control of what they see on their first screen - 100% “perceived” satisfaction </li></ul></ul><ul><ul><li>Innovative and “cool elements” (i.e. Mac-style menu bar) </li></ul></ul><ul><ul><li>Adding external modules allows students to bring in their lives </li></ul></ul>Emotional Aspects Engaging elements
  39. 39. Emotional Aspects Engaging elements
  40. 40. <ul><ul><li>Choices for everyone (i.e., for faculty to choose which tool is best for their subject, for students to choose how they wish to participate or communicate) </li></ul></ul><ul><ul><li>Humanizing interaction (i.e., photos, images) </li></ul></ul><ul><ul><li>Having control of what they see on their first screen - 100% “perceived” satisfaction </li></ul></ul><ul><ul><li>Innovative and “cool elements” (i.e. Mac-style menu bar) </li></ul></ul><ul><ul><li>Adding external modules allows students to bring in their lives. </li></ul></ul>Emotional Aspects Engaging elements
  41. 41. Emotional Aspects Engaging elements
  42. 42. <ul><li>Drag & drop widgets </li></ul><ul><li>Select a background </li></ul><ul><li>Change colour of widget </li></ul><ul><li>Easily create your own widgets </li></ul><ul><li>Delete what you don’t like </li></ul><ul><li>Personalize, customize </li></ul><ul><li>Select visualization type (# items, etc.) </li></ul><ul><li>Bring in external widgets (i.e. Gmail, RSS…) </li></ul><ul><li>Choose, choose, choose </li></ul><ul><li>Endless opportunities </li></ul><ul><li>Instead of 1 design for everyone we now have as many designs as number of students (47.000). One design does not fit all. </li></ul>Emotional Aspects Users Actions video
  43. 43. Technical aspects
  44. 44. Technical aspects: <ul><ul><li>Service Oriented Architecture (SOA) in order to achieve real interoperability </li></ul></ul><ul><ul><li>An Open Source and Lego-like environment connected with each other </li></ul></ul><ul><ul><li>Open Knowledge Initiative (OKI) technology </li></ul></ul>
  45. 45. e-learning tools OKI Bus Services Gateway Common LMS Technical aspects
  46. 46. MyUOC at present
  47. 47. MyUOC challenges: <ul><ul><li>Keeping control over the learning model </li></ul></ul><ul><ul><li>Ability to change as we go </li></ul></ul><ul><ul><li>Personalization for both faculty and students </li></ul></ul><ul><ul><li>Flexibility and opportunities to innovate and explore new learning approaches. </li></ul></ul><ul><ul><li>Accessibility </li></ul></ul><ul><ul><li>Automatically generation of multiple formats. Versatility of Formats </li></ul></ul>For us the future in e-learning will be focused on interoperability. <ul><ul><li>Maintaining and evolving the environment </li></ul></ul><ul><ul><li>Continuing UOC's user-centered tradition integrating psychological and consumer research methods into the UCD process </li></ul></ul><ul><ul><li>Reaching out to the community so we can all evolve webservices and interoperability together </li></ul></ul>
  48. 48. Questions?
  49. 49. Thank you for your attention!! Learning Technologies: [email_address] Alícia Valls : [email_address] Caroline Copestake : copestake@uoc.edu Want to try MyUOC? http://www.uoc.edu/portal/english/ Username: educause Pasword: eli
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×