Archive

Posts Tagged ‘dokumentation’

Personalize the online platform medizintechnologie.de

May 3rd, 2016 2 comments

medtech_header

After launching the online guide for developing medical devices, our team had the chance to rest a little bit and dealt with some minor improvements for the platform in general (see our Kanban Board, other inspirations on Agile Board Hacks).

 

Medizintechnologie.de Kanban Board

We used and adapted the Kanban Board method for our coordination.

 

Beside of those minor tasks on our board, we had to explore these additional user needs for our next milestone:

  • Improve user engagement through a customized and personalized online guide
  • Increase the level of learning for the online guide without being too theoretical
  • Improve decision making  skills of a medical product development through online tools
  • Improve the quality of grant applications for medical products

After some internal meetings with our copywriters and the medical engineering team, we figured out some key features for our new service in a very abstract sketch.

Read more...

Prototyping an online development guide for medical devices

April 16th, 2016 1 comment

medtech_header

At my last blog post, I have told you that it was not possible to launch the development guide for medical devices from the beginning of our online platform medizintechnologie.de. This blog post describes the design and prototyping process of our development guide for medical device engineers.

Read more...

An online platform for medical engineering: Vision, Information and requirement engineering

April 5th, 2016 No comments

medtech_header

Some time ago, I posted a ‘making of’ series about the low-budget project wasfuttern.de. This time I will blog about the development process of the current bigger (3-5 years) web project in the field of medical engineering in Germany. My writings intend to give Interaction Designer and User Experience specialist an insight view what I have learnt from this project.

 

Background

When I started end of 2012, the publication Website: Nationaler Strategieprozess "Innovationen in der Medizintechnik" appeared and stated Germany needs more informational transparency about the medical engineering industry. The medical engineer stakeholders should be better connected to each other. And on-going, start-ups, small and mid-sized businesses need more support during their certification process within EU.

As one solution for these problems an online platform for the medical engineering community in Germany was proposed.

Read more...

Collaboration Tools for your projects

March 9th, 2010 6 comments

In the last months I worked with people from abroad or with big physical distances. The first time I thought, yeah that is not a problem. Everybody has got an internet connection and that is all what we need. In my old company the Liip AG - who I worked for - their whole project management and file management systems were almost accessible over an internet connection. For this reason I could work from everywhere I want. I thought, that would not change in my future time, because the internet has solutions for everything. Yeah, I have to say that is true. But it was not easy to find the right tools and services for exchanging ideas, files, time schedules and other stuff for free. My projects are not so big that it makes sense to implement this infrastructures by my own. I found some free or at least some cheap services which you can use for working together with friends or other small projects.

Idea Development and Sharing

Creating and developing ideas with people, who are not physical available, is not very easy. Maintaining and extending are also two not very minor problems. In the last time I found a very good workflow for me and my friends. We do a telephone conference via skype and in the same time we use the service Mindmeister (Online Mindmapping Tool) and the tool Balsamiq MockUp. At the moment our solution works good and it is totally free with some limitations. A more professional solution for idea development and exchange may be the Service ProtoShare. Unfortunately, there is no real free pricing model available, therefore I never tested this service. Read more...

Categories: Allgemein, english Tags: , ,

Getting Advanced in Flex

November 10th, 2008 3 comments

flexguislides insideria umlas

Zu Flex findet man im Web und in den Buchhandlungsregalen ziemlich viel, aber leider überwiegend Anfänger- bzw. Basisliteratur. Auch die deutsche Community ist in Sachen Flex nicht schlecht, aber die kritische Masse hat sie leider noch nicht erreicht, um auch regelmässig spezielle Fragen zum Thema Flex beantworten zu können. Codesnippets Homepages wie flexexamples.com helfen auch schon sehr bei den kleineren täglichen Problemchen. Aber um schnell die Konzepte und Hintergründe des Flex Frameworks kennenzulernen, werden die Quellen schon sehr rar. Aber Hin und wieder treffe ich dann doch noch über sehr gute Tutorials, Bücherkapitel, Slides und Videos von Flex Vorträgen, die mir einige AHA Effekte bescherrt haben 🙂 Die Ressourcen möchte ich euch nicht vorenthalten, deswegen hier eine kleine Auflistung, die ich mit der Zeit immer weiter updaten werde. Wer Lust hat kann hier gerne zusätzlich Flex Links und Ressourcen posten. Ich freu mich drüber!

Allgemein

Konzeptwissen RIAs

Data Binding

Real Custom Components (GUI)

Item Renderer (GUI Programmierung)

Item Editors (GUI Programmierung)

(Programmatic) Skinning

Software-Design

Test Driven Development (Produktion)

Automated Building Process (Produktion)

Project Management (Produktion)

Flex Tool - Hilfsprogramme (Produktion)

weitere Flex Ressourcen

-- UPDATE 20.11.2008 --

interessante Flex Bücher

Using Flex Ant tasks to build Flex projects – Part 2: Adding build tasks


Flash Lite: Links und Ressourcen

April 1st, 2008 No comments

flashdevices jefrfl janus

Nach 3monatiger Arbeit mit Flash Lite habe ich mir nun eine kleine Sammlung von wichtigen Informationsquellen und Tools für die Entwicklung mobiler Anwendungen mit Flash Lite zusammenstellen können. Diese kleine Linkansammlung versorgt mich momentan sehr gut mit den wichtigsten Neuerungen im Bereich mobiles Flash. Zu den Informationsquellen gehören hauptsächlich englisch- und deutschsprachige Weblogs, Foren und User Groups.

Zusätzlich zur dieser Auflistung werde ich noch auf ein paar Flash Extensions verweisen (ähnlich wie bei der Flash Desktop Extension Zinc), die den Funktionsumfang von Flash Lite hinsichtlich Fileverwaltung usw. erweitert. Hier die Auflistung:

Flash Lite Blogs:

Voträge und PDFs:

Flash Lite Communities:

Flash (Lite) Extension:

2 praktische Design Patterns:

Über Ergänzungen dieser kleinen Sammlung würde ich mich freuen!

--- UPDATE --- 14.5.2008
Für grosse Veränderungen im mobilen Flash Bereich wird sicherlich auch das kürzlich veröffentlichte OpenScreen Project sorgen. Leider erst in der nächsten Flash Mobile Generation verfügbar, aber dennoch sollte man diese damit verbundenen Entwicklungen sehr sorgfälftig beobachten als Mobile Flasher 😉

Preisgestaltung online-basierter Produkte

September 1st, 2007 1 comment

klassenobprodmarktgleichvererloes

Der Grund für die einmonatige Absenz ist die Beendigung meiner Bachelor-Thesis. Viel Schweiss und viele Stunden Arbeit stecken in dieser 6monatigen Arbeit über das sehr marketinglastige Thema: Preisgestaltung von online-basierten Produkten. Anbei ein kleiner Abstract zur Einführung:

Die Verbreitung von Breitbandanschlüsse nimmt in unserer heutigen Gesellschaft immer stärker zu und ermöglicht somit das Anbieten von leistungsstarken Online-Diensten und Online-Produkten, wie es vor 5 Jahren noch nicht möglich war. Durch diese Leistungs- und Qualitätssteigerung bei den online-basierten Produkten, erfolgt eine immer stärker werdende Integrität dieser Produkte in unseren Alltag. So verlieren zum Beispiel Videotheken ihre Kunden an die Video-on-Demand Portalen und der Verkauf von Musik findet immer stärker über die Musikportale im Internet statt.

Die Situation diese Online-Dienste nicht nur mit Werbeinhalten finanzieren zu können und die steigende Zahlungsbereitschaft im Internet, wirkt sich sehr positiv auf die Bedeutung der Preisgestaltung von online-basierten Produkten aus. Preismanager und die Anbieter von online-basierten Produkten müssen daher sehr gute Preismodelle entwickeln um ihre Produkte für den Kunden schmackhaft zu machen.

Wie man bei dieser Preisgestaltung von online-basierten Produkten vorgehen sollte, und wie sie momentan von den Anbietern online-basierter Produkte in Deutschland umgesetzt wird, ist der Schwerpunkt dieser Arbeit. In dieser Arbeit wird unter anderem überprüft welche Erlösformen und welche Preisdifferenzierung auf online-basierte Produkte angewandt werden, und ob die verwendeten Preismodelle bei online-basierten Produkten Gemeinsamkeiten aufzeigen.

Im Rahmen dieser wissenschaftlichen Arbeit möchte ich mich noch bei Christine Roth (Marketing), Sebastian Wolf (BWL), Christian Spiegel (Latex) und meinen betreuenden Professor Dr. Wolfgang Maass für die Unterstützung bedanken. Vielen vielen Dank!

Meine Bachelor-Thesis Download

Bessere Interaktion durch Usability Patterns

March 30th, 2007 No comments

welie interdesignorg infodesign

Sowie in der objektorientierten Programmierung gibt es auch im Interaktionsdesign für immer wieder auftretende Prozesse sogenannte Design Patterns. Diese Patterns beschreiben für bestimmte Prozesse eine oder mehrere passende Musterlösungen. Diese Musterlösungen können bei komplexeren Interaktionsprozessen miteinander kombiniert werden. Auf welie.com gibt es eine sehr gute Übersicht der Usability Design Patterns für den Bereich Web, Desktop-Anwendungen usw. Schaut mal rein, wenn ihr die Usability eurer Seite verbessern oder ein Usability Problem lösen wollt. Bei Problemen mit Fachbegriffen im Interaktionsdesign hilft euch die Interaktiondesign Enzyklopädie von Interaction-Design.org weiter. Damit aber nicht genug mit der Informationsflut, denn weitere Infos zum Thema Mensch-Maschinen Kommunikation gibt es noch in einem speziellen HCI-Mag der ACM-Crew 😉

Eine Art von Usabililty ist auch im non-interactiven Grafikbereich vorhanden. Kennt ihr es, wenn ihr ein Buch lest und auf eine Skizze verwiesen wird, die zwei Seiten vorher war. Oder wenn man auf seinen Bildschirm sehr viele aneinander gereihte Wörter lesen muss. Was ich aber viel schlimmer finde, sind schlecht aufbereitete Grafiken, die einem einen komplexen Sachverhalt erklären sollen. In unserer heutigen Fülle an Daten reichen einfach die bewährten Graphenmodelle zur Repräsentierung nicht mehr aus. Genau um diese Problematik kümmert sich der immer mehr aufblühende Informationsdesign Bereich. Denn gerade die Hauptaufgabe eines Informationsdesigner ist es komplizierte Sachverhalte in einem einfachen visuellen Kontext zu repräsentieren. In dieser Sache kann ich euch die Seite infosthetics.com sehr empfehlen. Manche experimentalen Visualisierungstechniken im Informationsdesign erinnern mich doch sehr an einige Experimente aus der Processing Szene. Hm, da gibt es doch bestimmt einen Zusammenhang...

-- UPDATE 14.04.2007 --
Ich hab einen schönen Bericht zum Thema Schönheit der Datenvisualisierung gefunden mit ein paar sehr interessanten Links.

-- UPDATE 24.01.2008 --
Die Seite UI-patterns.com liefert eine nette Übersicht über User Interface Design Patterns und bietet darüber hinaus noch mehr Infos (ein Wiki usw.) zum Thema User Interface an.

-- UPDATE 12.9.2008 --
Die Uni Basel hat ein Portal mit dem Namen interaction-patterns.org veröffentlicht. Sieht auf den ersten Blick ganz nett aus. Hoffe es entwickelt sich noch weiter!

Täglich Brot des Web-Developers

February 20th, 2007 No comments

weblibs webhandbook colorblender

Mittlerweile werden die Anforderungen an einem Web-Developer immer höher. Denn bei dem einen Auftrag soll etwas für den Endkunde erstellt werden und das andere Mal eine aufwendige Web-Anwendung. Öfters muss man dann schon mal gelöste Probleme bearbeiten, die man aber vorher nicht ganz so gut auf Wiederverwendbarkeit optimiert hat. Und genau an diesem Punkt ist bei mir persönlich der Frust am grössten. Warum soll man sich nochmal mit schon gelösten Problem rumschlagen, fast totale Zeitverschwendung. Aber zum Glück gibt es ehrgeizige und nette Leute da draussen im Web, die sich an die Befriedigung der unterschiedlichsten Bedürfnisse der Web-Developer heran gewagt haben. Herausgekommen sind einige Web-Libraries zu den verschiedensten Web-Technlogien (wie z.B. JavaScript, PHP usw.). Auf cameronolthuis.com gibt es eine sehr gute Aufzählung der TOP 10 Web-Libraries (dazu gehören z.B. die PHP PEAR Library, Moo.fx, Dynamic Drive CSS Library usw.), der ich nichts mehr hinzufügen kann, ausser der Ajax Framework Übersicht von ajax-info.de. Persönlich denke ich, wird sich eine Einarbeitung in die diversen Web-Frameworks auf lange Sicht auf jeden Fall lohnen, da diese den technischen Produktionsablauf erheblich unterstützen können. Auch wenn es Anfangs durch den Mehraufwand (Einarbeitung in das Framework) nicht sofort erkennbar wird.
Allerdings sollte man noch die Nutzungsbedingungen der Frameworks sehr gut kennen um nicht im Nachhinein teure Strafen für Nutzungsverstösse zahlen zu müssen. (Und es wäre auch noch sehr schade um die investierte Zeit für die Einarbeitung).

Für kleinere Probleme benötige man jedoch keine großen Web-Frameworks, sondern nur eine Plattform, die einem schnell die gesuchte Information anbietet oder einem einfach nur an die gewünschte Information im Web weiterleitet. Eine mögliche Hilfestellung dafür bietet die gotapi.com Seite. Das Team von gotapi.com hat sich zum Ziel gesetzt, soviele Dokumentation von Web-Frameworks auf ihr Seite zu vereinen wie möglich. Herausgekommen ist ein Monsternachschlagewerk für Web-Frameworks. Wird man in den Dokumentationen nicht fündig und die Suche nach den kleinen Kniffen geht weiter, dann kann ich euch das webbasierte Webdeveloper Handbook 2.0 von alvit.de empfehlen. Eine super Linkliste mit den besten Blogs und Portalen zum Thema Web-Development. Ich denke mit diesen 2 Links kommt auf jeden Fall bei der Lösungssuche weiter.

Das Design spielt auch bei uns Web-Developer eine nicht unwichtige Rolle und da ich mir persönlich nach dem Programmieren damit manchmal ein bissl schwer tue, haben sich bei mir 3 Web-Tools als Hilfestellung bewährt. Zum Einen verwende ich für das Abstimmen der Website Farben den ColorBlender als Inspirationshilfe. Denn der ColorBlender kann aus vorgebenen Farben eine 6farbige Farbpalette generieren, die sich dann auch noch in Photoshop oder als HTML Code exportieren lassen. Ein super Tool für die harmonische Farbgestaltung einer Website.
Das Typografie Problem im Web umgehe ich meistens mit den Typetester Tool von Marco Dugonjic. Bei diesem Tool kann man die meist genutzten Fonts im Web mit Hilfe von DropDown-Menüs formatieren. Diese Formatierungseinstellungen werden dann in verschiedenen Kombinationen angezeigt. Ist das gewünschte Ergebnis erreicht, können diese Font-Einstellungen als CSS-Code abgespeichert werden und für die eigene Website verwendet werden.
Zum Überprüfen von Website-Layouts verwende ich unter anderem das Tool Feng Gui (danke an Kjell für den Tipp!). Dieses Tool analysiert das Website-Layout nach Hotpoints unserer visuellen Aufmerksamkeit. Als Orientierungshilfe in Sachen Layout ist das Ergebnis sehr hilfreich.

Ich denke das reicht fasst aus als tägliches Brot eines Web Developers, die Leckereien gibt es ein anderes Mal 😉

-- UPDATE 7.06.2007 --
Ein nettes CSS Framework mit dem Kürzel YAMLsoll den Web-Designer beim Erstellen von mehrspaltigen Layouts unterstützen. Desweiteren gibt es auch schon Erweiterungen für die CMS-Systeme TYPO 3, Joomla, Papoo CMS usw., auch die Blogengine WordPress sowie die OnlineShopEngine xt-Commerce unterstützen YAML

-- UPDATE 24.05.2008 --
Eine nette Auflistung von 30 Websiten, die man als Web Developer kennen sollte.