How to Develop for e-learning

Slides:



Advertisements
Similar presentations
4. CLIENT & USER NEEDS.
Advertisements

Certificate in Digital Applications – Level 02 Creative Multimedia – DA202.
Certificate in Digital Applications – Level 02 Website Design and Creation.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Name: Group: Teacher: 1. Task 1 Task 2 Task 3 Task 4 Task 5 2.
Lipoprotein transport comes alive: Media for courses Dr. Lon Owen Biology Sharon Gorman e-Learning Center.
MSc Publishing on the WWW Web Design Week 2. Aims and Objectives To introduce the stages of web design and implementation To introduce needs analysis.
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
Planning and Designing a Website Session 8. Designing a Website Like all technical artefacts a website needs to be carefully planned and designed to be.
Why planning? In order to make a successful project good communication is key! The process of planning and designing a project involves many people from.
Website Design BTT1OC/2OC. What is web design? O A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound,
Paper Prototyping Source:
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
SIG WEB January 31, 3PM. What is HTML5? What it is: Allows for better intergration of media consumption. A new open standard Provides new APIs.
Introduction to Interactive Media 02. The Interactive Media Development Process.
 What is a wireframe?  What features are important?  Which wireframe tools might you want to try?
A Lifecycle of a Creative Job Julian Zhu. The Creative Industry Print Web Device.
MULTIMEDIA DEVELOPMENT
Introduction to Interactive Media The Interactive Media Development Process.
Unit 20: AO2: Designing the Animation. Lesson Objectives (WALT) Discuss storyboard plans and analyse the structure of a storyboard for our animation.
Unit 4 – Design and produce multimedia products AO4 – Create the Multimedia Product Mr Farmer.
OCR Nationals ICT – Unit 5 Task 1 Task Overview You will have to plan and produce a MINIMUM 4 page A4 or equivalent booklet on the topic of your choosing.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
Introduction to Web Page Design. General Design Tips.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Deliverables -IA Methodologies -Research Topic Presentations.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
UI Design without Prototypes ala Holtzblatt et al ITM 734 Fall 2006 Corritore.
The lean method Vision I – June 4, The lean approach: Topics The lean startup Customer development MVP Prototypes Customer acquisition Get customers.
Storyboard, Design, Layout.  Create storyboards  Decide upon navigation  Prepare short page summaries.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an.
Paper Prototyping Source: Paper Prototyping a method of brainstorming, designing, creating, testing, refining and communicating.
Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
OCR Nationals ICT – Unit 4 Task 2 Task Overview You will be creating a design for your product including all relevant details regarding what it will contain.
UNIT ASSESSMENT from the SQA ‘Explaining basic computer-aided design/draughting commands, techniques and practice’ Using layout techniques including design.
Media. UNIT 3 SAC: Narrative - 40 marks – (All 3 SAC’s - 12%) SAT: Production Exercises SAT: PDP UNIT 4 SAT: Media Process SAC: Social Values - 40 marks.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
Web Site Design Building a Web site that gives users what they need.
Understanding the principles of website development
Investigating User Interfaces
WEBSITE DESIGN TOOLS.
Designing Information Systems Notes
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Unit 3 - A Digital Portfolio
Design AH Computing.
Web Design and Development
Layout - you need to understand that a simple navigation bar:
The Development Process
Unit 3 - A Digital Portfolio
L.O. – How can we create an effective comic?
Unit 02 – Creative Multimedia - DA202
Introduction to Multimedia design
Multimedia e-learning design
Unit 4 Design and Produce Multimedia Products
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
STORYBOARDING FOR CONTENT DEVELOPMENT
Visualisation Diagram
Planning a Website MAD2053.
Developing your character
Unit 3 - A Digital Portfolio
6 R Home Study Project Using the links below find out what the 6R’s of sustainability are.
Document Design Justine Nielsen April 28, 2003
Unit 3 - A Digital Portfolio
LO4 – New This Year and Find Out More
Storyboards.
Select and use different forms of navigation site planning techniques
A multimedia and animation project
CREATIVE iMEDIA.
Presentation transcript:

How to Develop for e-learning Storyboarding How to Develop for e-learning

Why Storyboard? Help to develop a good user system Help you to understand the development process Explain to developer what is to be achieved Will help you in the incorporation of media elements

What media elements should be included? Video - as a means to show a narrative process or explain stages in learning Graphics - visual representation to reinforce text, or to replace text. Text - for information on a topic, to explain assessment etc. Sound - as a podcast or part of another media element Colour - as part of the design of the interface or elements within the design.

Stages of Storyboard Spider Diagram Navigation Structure Wireframe Diagrams

Wireframes Good for simplifying interface design Should include a range of media elements in the design Simple drawings or sketches to show layout and objects within an interface Should contain written information on objects and content

Spider Diagrams

Digital Video Spider Diagram

Digital Video Navigation

Digital Video Navigation

Task Choose a section of your own unit and develop it initially as a spider diagram Create a navigation system from this

Wireframe Examples

Wireframe Examples

Digital Video Wireframe Diagram

Digital Video Wireframe Diagram

Task Create a series of wireframes to show different layouts for alternative media elements Include hex colour values and font style and size Useful links: http://colorschemedesigner.com/ http://www.articulate.com/community/ showcase/?page_id=96

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.