Document toolboxDocument toolbox

UX process and deliverables

PhaseActivity
ResearchProject Understanding, User interview, data from existing personas, user needs, design & business goals
IdeationCollaborative brainstorming, User story, feature definitions, information hierarchy
DesignSketching, Wireframe, style guide, visual design
PrototypePrototyping, language conversion, 
TestUser testing
Final deliverables
Prototype

www.figma.com

Design

www.figma.com

Presentation

Design exporthttps://drive.google.com/drive/folders/1LnI9b8gAFSqN02m3Go7t6WfI9aOAXf1W?usp=sharing


User interview analysis

Design goals
User-centred designInvolved users in research, design and testing to create the concept
ModularServices designed like building blocks, use whatever suits
RealisticNot just a concept but thought in detail like a product
AccessibleDesign accessibility checked
FlexibleEasy to customize design
User needs
TeacherI need to find new ideas and suggestions to prepare content for my course.
I see better suggestions of existing content to help build course effectively.
I need to keep track of learning progress of my students.
I communicate and solve difficulties of individual learners.
I need to ask help from editors/ teachers to solve difficulties while creating content.eg lizenz, legal assitance
I want to be in close communication with other collegues for tasks & support eg. If a teacher is ill, I can take over to prepare the course.
I need to self manage multiple tasks in different student groups.
I need high quality content or a measure of quality check on the content.
EditorI need to make sure good quality of metadata for the published content.
I need to communicates effectively between teachers/colleagues and provide expertise.
I need to give/ receive tasks from teachers/colleagues for support in improving content quality, e.g. legal reviews, licenses, etc.
I need to show others what kind of problems and how many problems have I solved for the community.
I need to manage competency list for a specific subject ,grade and state. I need to ensure correct structure of competencies added by the teachers.
LearnerI need to communicate with other students for group studies and doubts solving.
I need to see my teacher’s course plans for organising my studies?
I need similiar content to what i am learning to understand the topic more.Eg. Groups with same context but outside course.
I need to see my learning progress to keep my self motivated.
AdministratorI need to see overview of how often and which content is used more often in the network
I need to work cohesively between different learning management systems
I need to see all registered platform and services of organisation
How suggestions are connected to competence management?
User story
How to get into the NBP (als user, als organization)

download Plugin
types in some organizational data
beeing asked whether user are allowed to use content from the network
beeing allowed to publish content - just teacher is the answer of admin
...

2. User: show Personal Cockpit (PLE)
Define and fill Contexts,
get access to data wallet, ask for permission, get user info
- connect personal to Schools, Universities, Amazone prime / Netflix others
- “fill” Competencies (plan/achieved) in Competency Management + Wallet
- “fill” Persons and Groups into own Contexts
- “fill” Learning Records and done Reading-Lists into own history
c. Show added value
....


3. Plugin (Teacher in Moodle Platform)
User starts creating a course in Moodle
types headline in Moodle
Assistent comes up
advertises OER-Publishing and offers help
User say yes
User is beeing asked whether the Moodle / Sidebar is allowed to use Walett data “be a teacher in ...”, interests
Assistent askes: do you want to get some inspirations?
User says yes and
assistent shows 1 example
choose a aimed licence
licence step by step dialouge

Suggestion y offers OER and add content
user likes one content and adds (automatically attribution)
assistent asks for further search parameter (i.e. educational level, often used as statistic service says)
Search for Material: figure for a specific ...
no search results
do you like to have a inspiration from non-licence-fitting-content?
yes
a somehow fitting a bit not perfect picture is comming up with a non-fitting-licence
she takes (she is ready to use the course but not to publish it)
sidebar shows 
- the quality proporty 
- and tells that licence does not fit 
- red frame around picture in course page (it shows that she has to replace it for publishing it)

publish
sidebar asks do you now want to publish?
sidebar reminds the non-free picture (red frame in Course)
sidebar offes community-help to produce a alternative picture

Community help
Sidebar offers to put a marketplace “please produce this picture”
one offer comes in 30€ by a publisher-
she takes it
picture is produced and offered in sidebar
she pays and replace the picture with the produced one


now she wants to publish
where to publish ? 4 editorial portals (WLO, Mundo, OERsi, ...)
she picks 1
then she is shown what is needed for minimum metadata
she sees that metadata are althrough collected by the assistent
she wants to publish and sees the final product how content woult look in a search result tile
she sees that title is too long and ininformative (not SEO friendly)
she adds a short title für search-result-tiles
then she is happy with the preview
hits publish

EDITORIAL TEAM in WirLernenOnline editorial environment - take screenshots from release

editor sees the new suggestion in a list of suggestions
puts suggestion into the page view checks it
checks quality (sidebar tells machine check results)
checks metadata completness (sidebar tells completness)
metadataview shall show, which metadata come from author, which from machines
editor adds some metadata
then sees the final product and publishs it to search engine
then decides in whicht editorial collections it should go.
writes feedback to the author
author gets feedback
author sees the feedback of editor (?in sidebar)
the sidebar shows statistics service that is already x times used



4. Background services
search, license assistant, AI-metadata, oer-service infrastructure,
statistics (how often is content used) --> missing in current user story
editorial team --> missing in current user story


FeatureDescriptions
SearchSearch -for specific content
Filter /sort- latest, type , lizenz
1 Search result contains-
Image
Title
Lizenz
source
Date
Type

Similiar suggestions like already made in the course
Related tags (metadata)

Drag/ drop/Option to add content in moodle
Lizenz checkCheck lizenz for all content in the current page (automatically/manually)
list of results
Each results
- snapshot of material
-Error message
- Current lizenz
-Recommended Lizenz
Solutions-
Ask community for help 
Search for similiar content

Populate on the start of the plugin
Embedding toolsShowing different types of tools
Information for a tool
image
name
rating

Link to embed in the course
Reporting to BIRDAsk for student ‘s consent if data is shared with BIRD
User permission check box
Info box explaining what happens to collected data
Community servicesCommon place to chat with cooperation partners ,editors, teachers
Option to choose support service and associated patners are shown to contact.
Member list / partner list
image
name
group or title
option to contact
Converstaion history
PublishWhen teacher wants to publish a course , publishing assistant helps-
ask for licence information (1. Titel of document, 2. how the Authors/Publisher shall be named in reuse cases 3. choose licence)
ask for some metadata (Subject, Keywords, competency-thee-allignment, …)
Release circles / publishing places
Places (show/edit) where this content is released to (Class X, Course Y, State Portal Z, OER.schule)

MetadataGenerate metadata
with AI suggestions
Collect metadata
Boomark metdata you want , easy add/remove
Publish to a space
Work mangementsee own tasks, do them
give tasks to other people or place orders/wishes to the wishes-market-place
see all tasks and communication processes to this document as kanban-states
Design
Link
Wireframe


Styleguide

www.figma.com

Visual design

www.figma.com

Character design