E-Learning HU Berlin
PIXTURA
3 IDEATE:
4 Prototyping / Minimum Viable
6 REVISION
The e-learning software project
Content:
Product
The revision of the software
Pixtura was planned for a period of
The structure of the knowledge
2 years. years. The team consisted
chapters were worked out. The
Content:
Content:
of art scientists, students, media
exercises were designed.
A prototype with a few sample
- Text, question, number of
pedagogues, programmers, inter-
chapters was implemented.
intermediate steps of the exercises
face designers.
Interface:
This contained sample tasks from
were revised.
Similar the “Design Thinking” ap-
For the interface a concept was
the curriculum with multiple choice
proach, the following work steps
chosen for the interface, in which
and list selection.
Interface revision:
were implemented:
users can freely navigate the work-
The interface was simplified.
space freely navigate the Work
Interface:
Instead of mobile containers, fixed
1 RESEARCH
Space with palettes.
Design implementation of a
text and text and image layouts.
The goal was to create software
Images, texts and forms were simi-
corporate design.
For individual exercises scalable
for students of the arts that would
lar to graphics software.
elements were designed.
allow them to create scientific
Programming:
Navigable “crosshairs” and a zoom-
methods on the computer
The programming consisted of
able fullscreen option.
and to practice.
simple HTML pages, without a
Development of a design grid, that
database.
runs through the pages.
2 OBSERVE
Students were surveyed about
5 EVALUATION/TEST
Programming:
their learning experiences and the
During the test 20 students were
- Elaboration, development of
existing teaching concepts of the
invited to test the prototype for 2
Backend / image databases
instructors were examined.
hours.
- frontend
The media used, the structure of
For this purpose a questionnaire
the instruction and the lecture.
with 22 questions were distributed.
7 Implementation:
Since the software was also used
These were related to the content
The software and image databases
by the lecturers, they were later
structure of the exercise chapters
have been implemented.
filled with content.
as well as the user
The authors are implementing the
their way of working also had to be
experience.
first texts.
understood.
There were also adjustments to
Also technical questions were
structures and interface elements.
discussed, how is the knowledge
level of the
8 Adaptations, technical mainte-
lecturers and students in terms of
nance
computers, CMS and media tech-
For the following years an art scien-
nology is.
tist with the maintenance and text
editing.
E-Learning HU Berlin
Browser test on PC and Mac
In a scaling tool we want to display
images flexibly in percent. It turned
out that not all browsers can do this
equally well.
Prototype scaling tool:
The test on the left shows how
magn. snap to edge
well the browsers (Firefox, Internet
Explorer, Safari) manage to display
images with different scaling sizes,
i.e. how good the interpolation of
the pixels is (less good than soft-
ware such as Photoshop).
It can be assumed that in the
planned tool images will not be
scaled > 100% of the native image
resolution.
It was found that Internet Explorer
performed the worst at intermedi-
ate levels, with Safari followed by
http://targetx.de/hu/skalierung-magnetisch.html
Firefox on the Mac showing the
best results.
(only the middle of the scalingv cross navi-
gable)
Small irritations sometimes oc-
cur when a flicker appears on the
image pixels when scaling with the
navigation tool.
E-Learning HU Berlin
Persona
Persona
Personas
Ralf Stutenbach
Meike Hellwig
Personas illustrate typical
representatives of your target
group. A wealth of information
about their lives makes them
understandable as people and en-
ables project participants to identify
with them.
Age
Age
19 years
21years
Goals and needs
Goals and needs
- Studying art sciences in the 1st semester
- Studying art sciences in the 3rd semester
- Would like to quickly find his way in the new
study program
Planned degree
Planned degree
Bachelor or Master
Bachelor or Master
Frustration points in everyday study life
Frustration points in everyday study life
Wasting time looking for a job, finding an apart-
Long commute to university (1 hour)
ment in the new city of Berlin
Personality
Personality
patient, energetic
lively
Interests
Interests
experience with technology
Experience with technology
1- 6 / school grades rating
1- 6 / school grades rating
Computer skills: 2
Computer skills: 3
Laptop: PC Windows for work
Laptop: Apple for work
Gaming PC for playing games
E-Learning HU Berlin
Team Pixtura
1 Project website:
A project website introduces the
coach.
Backup: www.targetx.de/pixtura
2 Coach:
The online tool offers the learning
content.
3 Information media: Leaflets and
posters
E-Learning HU Berlin
The e-learning tool allows a range
Design
of approaches to using text and
Corporate-Design
visual materials as exercises for
Interface-Design
students.
In addition to systematic access via
an index, a graphical visual alterna-
tive was also offered, presenting
the “case studies” in a randomly
created map.
The playful approach was intended
to encourage students to look
beyond their own subject matter for
inspiration.
E-Learning HU Berlin
The layout allows flexible image
Design
views.
Corporate-Design
Various JavaScript applications
Interface-Design
are used for interaction during the
exercises:
- Drag & Drop functions
- scalable image sizes
- checkbox
- writable text fields
The drag & drop scaling tool lets
you
easily display the images in the de-
sired size, even a fullscreen display
is possible.
E-Learning HU Berlin
Authoring tool
Design
The authoring tool allows further
Corporate-Design
editing for lecturers. Here exercises
Interface-Design
can be created and media can be
uploaded.
This is possible via an additional
menu bar, which is displayed under
the main navigation.