UX Icons Philips Medical Systems

  1. Home
  2. Diversen
  3. UX Icons Philips Medical Systems

Niet de meest dagelijkse werkzaamheden op de studio, toch leuk om voor gevraagd te worden; de restyling van interface iconen voor software waarmee stralingsplanning en -behandelingen worden uitgevoerd. De interface van Pinnacle dateerde uit de jaren ‘90, een fris gezicht was hard nodig.

Welkoms scherm van het Philips Pinnacle3 programma. Links het oude ontwerp, rechts het nieuwe.

De makeover van de Pinnacle launchpad.

 

Oude interface Pinnacle hoofdmenu: zwart geblokte figuratieve iconen op grijze achtergrond en roze omlijsting

Het oude Pinnacle hoofdmenu..

Nieuwe ontworpen interface Pinnacle hoofdmenu: strakke heldere iconen in Philips kleurstijl.

.. en het nieuw ontwerpen hoofdmenu.

De primaire functie van een icoon is dat er geen twijfel mogelijk is wat er achter het symbool schuilgaat. De gebruikers van deze programma’s zijn specialisten en bestralingsdeskundigen die snel door deze ingewikkelde materie moeten navigeren. Om te begrijpen wat de functies achter een icoon zijn en wat de werking in praktijk doet, zorgde Philips voor praktijksessies die door demonstraties de werking van het programma konden uitleggen. Door beperkende factoren als kleur, formaat en de afwezigheid van tekst en het gebruik van zo min mogelijk richting pijlen kan je spreken van een behoorlijke uitdaging. Interessante klus en erg veel opgestoken over CT, MRI en PET scanning.


Werkzaamheden:

  • Eigen maken Philips beeldtaal
  • Overleg met product development
  • Overleg met de specialisten
  • Samenwerking met Philips icons designers
  • Inzicht krijgen in de werking van de programmatuur
  • Voorstellen maken en uitwerken binnen het Philips stramien
  • Functie specifieke metaforen bedenken
  • Uitleveren als pixel geoptimaliseerde bestanden

 

Beeldscherm ontwerp van een medische toepassing met daarop een drie dimensionale scan van een deel van de schedel en gereedschappen om het te bewerken.

Directe implementatie in een testomgeving.

 

Onderdeel van medisch computerprogramma met verschillende iconen onder elkaar als uitklapmenu.

Mockup van de uitklap menustructuur

Links beeld van uitleg over wat het gereedschap doet, rechts zes schetsmatige onderzoeken.

De negen stappen die het ontwerpproces weergeven van schets naar definitief icoon.

Praktijksessie en de verschillende ontwerpfases naar het definitieve icoon.

20 ontwerpen van iconen voor gebruik in bestralings planning programma's.

 

Menu