UI / UX Design + Industrial Design
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 2
⁺ 1959 von Rido Busse gegründet
⁺ In Familienbesitz
⁺ 60 Mitarbeiter + feste Freie / Partner
aus interdisziplinären Fachbereichen
⁺ Großes Netzwerk an Partnerfirmen
⁺ Zertifiziert nach ISO9001:2015
⁺ Kunden vom Kleinbetrieb bis zum
Weltmarktführer
⁺ National und international tätig
» BUSSE DESIGN+ENGINEERING
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 3
BUSSE arbeitet für mehr als 200 Firmen weltweit, die meisten von Ihnen Weltmarktführer.
Mit der Mehrheit dieser Firmen verbindet uns eine mehr als 10-jährige Partnerschaft.
Unsere Branchenschwerpunkte sind: Werkzeuge, Maschinen & Investitionsgüter, Medizintechnik.
» AUSZUG AUS UNSEREN ALLGEMEINEN REFERENZEN
Wir haben weit mehr als 400
Design-Auszeichnungen erhalten!
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 4
Seit der Gründung im Jahr 1959 durch Rido Busse als einem der ersten Absolventen
der legendären HfG in Ulm ist BUSSE Design+Engineering nach wie vor eine der
ersten Adressen in Europa, wenn es um die Themen erfolgreiches Produktdesign und
Produktentwicklung geht.
» 60 JAHRE DESIGN- UND ENTWICKLUNGSKOMPETENZ
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 5
BUSSE prägt seit 60 Jahren die Welt des Produktdesigns und steht für
innovative und bahnbrechende Designs und Entwicklungen! Viele Klassiker
und alltägliche Produkte kommen aus unserem Haus!
» 60 JAHRE DESIGN IM WANDEL DER ZEIT
BUSSE. Kreativ.
Nachhaltig.
Zukunftsweisend.
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 6
» EINBLICKE – 2.000 QM VOLLER KREATIVITÄT!
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 7
» BUSSE-TEAM
⁺ 60 Beschäftigte
⁺ lokales Netzwerk aus „festen Freien“ und strategischen Partner
⁺ 30 Prozent Frauenquote
⁺ 37 Jahre jung im Durchschnitt
⁺ Einheimische und Reing'schmeckte
⁺ Seniors mit über 20-jähriger Betriebszugehörigkeit und junge Talente
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 8
» HIER FINDEN SIE UNS
Direkt am Autobahnkreuz Ulm-Elchingen (A7/ A8)
⁺ Flughafen:
⁺ Stuttgart (1h)
⁺ München (1,5h)
⁺ Memmingen (0,5h)
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 9
Wer wir sind
» INDUSTRIALDESIGN-TEAM
⁺ Produktdesigner, Flächenmodelleure
⁺ Mit etlichen Zusatzqualifikationen:
⁺ Advanced Surface Modeling
⁺ Engineering Background
⁺ Project Management
Professional
⁺ Wir beherrschen:
⁺ Adobe CC Suite
⁺ SolidWorks
⁺ PTC Creo
⁺ Keyshot
⁺ u.v.m
ID
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 10
Wer wir sind
⁺ Interaktionsgestalter, Produktdesigner, Grafik- / Screendesigner
⁺ Mit etlichen Zusatzqualifikationen:
⁺ Usability Engineer IHK
⁺ User Experience Manager IHK
⁺ Usability Expert
⁺ Certified UX Design Specialist
⁺ CPUX-F zertifiziert
⁺ SCRUM Master
⁺ Project Management Professional
⁺ Usability für Medizinprodukte – Johner Institut
⁺ Wir beherrschen:
⁺ Adobe CC Suite
⁺ Sketch
⁺ Axure
⁺ SolidWorks
⁺ Principle – u.v.m.
» UI/UX-TEAMUI
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 11
Unsere Services
⁺ Entwicklung hardware- und softwareseitiger Bedienschnittstellen für digitale
und analoge Produkte – von der Idee bis zur Serie
⁺ Industry, Medical, Automotive, Enterprise und Consumer
⁺ Embedded, Desktop, Mobile, Web, Folientaster oder Produktgrafik
» UI/UX DESIGN LEISTUNGEN & SERVICES
Unsere Leistungsbausteine
⁺ User Interface Design
⁺ Usability Consulting
⁺ User Experience
⁺ Usability Engineering
⁺ Usability Testing
⁺ Click Dummys
⁺ Screendesign
⁺ Icondesign
⁺ Animations-/ Interaktionskonzepte
⁺ Styleguides
⁺ Produktgrafik
⁺ Corporate Design.
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 12
» WAS KÖNNEN WIR IHNEN BIETEN?
⁺ Ganzheitliche Produktentwicklung: Wir betrachten die
Entwicklung Ihrer Produkte nicht nur aus Software-Sicht
– sondern auch aus Hardware-Sicht. Die Ergonomie ist
ein fester Bestandteil der Usability und User Experience.
⁺ Eine UI/UX-Entwicklung läuft in kleinen dynamischen
Teams ab - der gesamte Human Centered Design
Prozess liegt bei wenigen Mitarbeitern, somit geht kein
Wissen im Projekt verloren.
=
+
ID UI
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 13
Human Centered Design Prozess nach DIN ISO 9241-210
» WIE WIR ARBEITEN
⁺ Benutzergruppen / Personas definieren
⁺ Nutzungskontext beschreiben
⁺ Ist-Zustand Szenarien
⁺ Research
⁺ Erfordernisse
⁺ Anforderungen
⁺ Requirements
⁺ UseCases / Nutzerszenarios
⁺ Flowcharts
⁺ Menüstruktur
⁺ Wireframes
⁺ Mockups
⁺ Klickdummys
⁺ Usability Testing
⁺ Nutzerbefragungen
⁺ Entwurf
⁺ Datenübergabe
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 14
» DER MEHRWERT VON USABILITY & UXWas bringt Usability – bzw. eine Human-Zentrierte Produktentwicklung?
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 15
» DER MEHRWERT VON USABILITY & UXWas bringt Usability – bzw. eine Human-Zentrierte Produktentwicklung?
Produkt & Umsatz
Preiswerter: senkt Kosten für Design /
Development
Schneller: verkürzt Entwicklungszeiten
Sicherer: reduziert das Risiko von
Projektverzögerungen verbessert radikal
die Erfolgschancen auf dem Markt
Steigert Umsätze: Produkte sehen
attraktiver aus verkaufen sich besser,
sind intuitiv benutzbar
Bessere Wettbewerbsfähigkeit:
Kunden erwarten nutzerfreundliche
Produkte
Projektmanagement
Verbessertes Risk Management: Designs
werden getestet, bevor sie in Code
manifestiert werden
Vereinfacht die Planung: erlaubt genauere
Aufwandsschätzungen durch die Vermeidung
von Fehlerbehebungen, in Folge schlechten
Designs und von Programmierfehlern
Liefert schnelle Erfolgserlebnisse:
detaillierte Test- und Evaluationsberichte in
Form von Listen, Berichten und Videos
erlauben frühe Validierung von Designs
Flexible Methodik: Usability Prozesse und
Methoden funktionieren im traditionellen
Wasserfallmodell und in agilen Umgebungen,
wie SCRUM
Design & Dev. Teams
Genauere Designs
Konzeptevaluation
Besseres Bild von der Arbeit des
Nutzers
Keine „last minute“ Änderungen mehr
Weniger Stress beim Abnahmetest
Dokumentationsteam
Dokumentation beginnt früher - dadurch
gibt es weniger zu dokumentieren.
Benutzer
Reduzierte Aufgabezeiten:
höhere Produktivität
Weniger Fehler:
weniger Kosten für Fehlerbehebungen
Reduzierter Trainingsaufwand:
mehr produktive Zeit, weniger Aufwand für
Trainer und Trainings
Weniger Personalfluktuation
Mitarbeiter sind zufriedener
Supportteams / Service
Weniger Trainingsmaterial:
reduziert automatisch die Kosten
Weniger Trainingszeit :
mehr produktive Zeit mit dem Kunden
Höhere Effizienz:
weniger Hilfe und weniger Eingriffe notwendig
Effektiver Help Desk Support:
viele Anrufe die wegen Usability Problemen
erfolgen bleiben aus
REFERENZEN
UI / UX DESIGN
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 17
Hier abgebildet sehen wir die grafische Gestaltung sowie inhaltliche Priorisierung der
Inhalte zur Überwachung und Maschinensteuerung. Auf Bildschirmformat anpassbare
(responsive) Inhalte ermöglichen die Darstellung auf unterschiedlichen Maschinengrößen.
Nach der Ausarbeitung des Bedienkonzepts und des Screendesigns, erfolgte die Erstellung
eines einheitlichen Icon-Konzepts und Erstellung eines Styleguides zur weiteren
Adaptierung des Interfaces für zukünftige Produktversionen.
» REFERENZEN
ViCon VisionX
Steuerung für
Lötmaschinen
Embedded, Desktop, App
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 18
Entwicklung des Bedienkonzepts für die Lackierautomaten der Protecto Serie nach Vorgabe
aus dem bereits entstandenen Styleguides der Vicon Serie. Aufsetzen eines Clickdummies
zum Testing im Kundenkreis. Anschließend grafische Ausarbeitung der einzelnen Screens
und Icons.
» REFERENZEN
ViCon Protecto
Steuerung für
Lackierautomaten
Embedded
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 19
Übertragung des Bedienkonzepts der ViCon Serie auf die Nexus. Ableiten eines grafischen
Konzepts zur Erstellung eines Clickdummys um die neue Gerätelinie auf einer Messe
vorzustellen.
» REFERENZEN
ViCon Nexus
Clickdummy
Lötautomaten
Embedded
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 20
» REFERENZEN
Generator zum
induktiven Löten
ECO-Line
Embedded
Neuentwicklung des gesamten Bedienkonzepts für die ECO-Line Generatoren. Folgende
Leistungen wurden durch das BUSSE UI / UX Team erbracht: erfassen der typischen
Benutzer, User Requirements, Bedienkonzept, Mockups, Clickdummy, Usability Testing,
Screendesign, Icondesign, Animationskonzepte, Styleguide und Datenübergabe.
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 21
In einem agilen Entwicklungsprozess wurde zusammen mit den Anwendern in Workshops der Ist-Stand der
Serie analysiert und die einzelnen Bedürfnisse und Anforderungen ermittelt. Anschließend wurden in einer
intensiven Konzeptphase auf Basis der Persona und des Nutzungskontexts Szenarien und Use Cases
entwickelt, um eine einfache Menüstruktur und damit ein leicht verständliches Bedienkonzept zu entwickeln. Im
weiteren Prozess wurde das Konzept immer weiter verfeinert, getestet und in Wireframes und ersten Mockups
visualisiert. Nach der Konzeptphase entwickelte BUSSE Design+Engineering verschiedene
Gestaltungsrichtungen für das visuelle Erscheinungsbild. Dazu gehörte auch die Entwicklung eines
individuellen Icon Sets sowie Animationsdarstellungen. Um bei gewissen Bedienabläufen unterstützend eine
visuelle Hilfestellung zu geben, wurden kurze Animationen erstellt.
» REFERENZEN
CNC-Fräsmaschine PM7
Embedded
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 22
Die Programat Brennöfen dienen in Zahnarztpraxen und Laboren zum Brennen von
keramischen Zahnersätzen. Die Bedienung erfolgt über das 7 Zoll große Farb-Touch-Display
mit einem speziell für die Zahnarztpraxis entwickelten Bedienkonzept und die bewährte
Folientastatur. Überarbeitung der Menüstruktur und grafische Gestaltung einer reduzierten,
aber farblich klaren Anordnung der Menüpunkte und Folientaster. Anschließende Übertragung
auf drei verschiedene Gerätevarianten der Dental-Brennofenfamilie Programat mit
unterschiedlichen Funktionsumfängen und Hardware-Ausstattungen, sowie einer Desktop-
Anwendung und App.
» REFERENZEN
Dentalbrennöfen
Programat
Embedded + Foliengrafik
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 23
» REFERENZEN
Online Quoting &
Booking Portal
https://my.rohlig.com/
Full Responsive Design
Responsives Online Portal für den US Markt zum Erstellen und Buchen von Angeboten für
die Logistikbranche. Komplette Neu-Entwicklung da es ein solches Tool von Röhlig bis dato
nicht gab. Folgende Leistungen hat das UI / UX Team erbracht: Benchmark Analyse,
erfassen typischer Benutzer, erfassen aller Requirements, Customer Journey Maps,
Bedienkonzept, Mockups, Screendesign, Icondesign, Styleguide für 3 Screengrößen,
Datenübergabe.
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 24
» REFERENZEN
Visual Design
APT-COM 4
Desktop
Die APT-COM 4 ist eine Multi Management Software. Nach der internen Entwicklung der
Screeninhalte für die Enterprise Software, wurden die Gestaltungskompetenzen des UI/UX
Design Teams von BUSSE Design+Engineering hinzugezogen, um der neu entstandenen
Benutzeroberfläche noch einen optischen Feinschliff hinsichtlich Farbgestaltung, Layout
und Typografie zu verpassen.
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 25
» REFERENZEN
Farbkonzept
Simulationssoftware
Desktop
Definition eines anzuwendenden Farbkonzeptes für die Simulationssoftware von Haas.
Unter Berücksichtigung des Firmen-Cis und der Herausforderung genügen
Farbabstufungen im System zu erhalten. Jeder Bearbeitungsschritt wird mit einer extra
Farbe dargestellt und bietet dem Bediener eine bessere Übersicht und Verständnis.
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 26
» REFERENZEN
Icon Gestaltung
Horizon Software
Embedded, Desktop
Erstellung von neuen Icons für die bestehende Horizon Software sowie für die
Simulationssoftware. Angelehnt an das neue Haas CI, gleichzeitig technisch aber doch sehr
stark vereinfacht um dem Bediener das Erkennen der Funktionen in der Software zu
erleichtern.
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 27
Grafische Überarbeitung der Hauptscreens und Icons.
Für das SelfCookingCenter® XS wurden sowohl die Produktgestaltung als auch das Interface Design
von BUSSE durchgeführt. Das Konzept wurde durch Modellbau und Prototyping erprobt.
» REFERENZEN
Selfcooking Center
Embedded
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 28
Bildmaterial: © Siemens AG
» REFERENZEN
Analyze MyWorkpiece ist eine PC-Desktop-Anwendung. Damit lassen sich die
Fertiggeometrie aus dem CAD-System, das NC-Programm sowie die Aufzeichnung des
Werkzeugwegs nach erfolgter Bearbeitung gleichzeitig dreidimensional darstellen und
miteinander vergleichen. Mit Filtern und Farbzuordnungen bringt es dabei potenziell
problematische Bereiche visuell zum Vorschein. Das Tool unterstützt den Anwender also
umfassend. Das gesamte Bedienkonzept, sowie Screen- und Icondesign stammen aus dem
Hause BUSSE.
Analyze MyWorkpiece
Software
Desktop
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 29
Technisch anspruchsvolle Produkte, wie die Pistenraupen der Kässbohrer Geländefahrzeug
AG, erfordern eine einfache und intuitive Bedienung. Das gesamte Fahrzeug inkl. Anbauten
wurde in verschiedenen Nutzungssituationen grafisch aufbereitet, um Interaktionselemente
lokal zuordnen zu können und dadurch eine intuitive Bedienung zu gewährleisten. Aktive
Fahrzeugteile werden zudem farblich visuell hervorgehoben.
Das Bedienkonzept, Screendesign und die Icongestaltung sind im Hause BUSSE
entstanden.
» REFERENZEN
PistenBully 100 4F
Kabineninterface
Embedded
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 30
Eine Nontouch-basierte Anwendung, die rein über Hardwareknöpfe im Fahrzeug gesteuert
wird. Eine deutliche Codierung der Funktionsbereiche hilft den Cockpitbereich mit
übersichtlichen Fahrzeuginformationen und selbsterklärenden Icons zu strukturieren. Eine
deutliche Hervorhebung der Navigationsstufen lässt den User sofort erkennen wo er sich
befindet. BUSSE war am Bedienkonzept, sowie Gestaltung der Screens und Icons beteiligt.
» REFERENZEN
Pistenfahrzeug Leitwolf
Kabineninterface
Embedded
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 31
Der Electric Scooter von Ujet ist Zusammenklappbar, mit speichenlosen Rädern,
abnehmbarem Akku und Bordcomputer ausgestattet, der das Smartphone als Schlüssel
verwendet. BUSSE Design unterstützte das Start-Up in allen Bereichen: im Produktdesign,
User Interface Design, in der Konstruktion und dem Prototypenbau.
» REFERENZEN
ELECTRIC SCOOTER
Cockpit & App
App, Ergonomie
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 32
Die Streumaschinen basieren auf einer ISOBUS Steuerung, die es dem Nutzer ermöglicht,
landwirtschaftliche Anbaugeräte jeglicher Art, auch von verschiedenen Herstellern,
anzusteuern. Die verschiedenen Streumaschinentypen werden dabei durch die Darstellung
mittels detailreichen Renderings hervorgehoben. Durch eine direkte Visualisierung der
Teilfunktion wird gewährleistet, dass der Nutzer bei der Bedienung transparent über Zustand
und Status informiert wird. BUSSE konnte hier beim Screen- und Icondesign unterstützen.
» REFERENZEN
ISOBUS Steuerung
Embedded
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 33
Bedienkonzept der neuen Zeitschaltuhren Generation. Bedienung per Hardwaretaster auf
einem geteilten Segment und Dotmatrix Display.
Folgende Leistungen hat das UI / UX Team erbracht: erfassen typischer Benutzer, erfassen
aller Requirements, Bedienkonzept, Mockups, Screendesign, Icondesign, Weitere
Leistungen: Produktedesign, Gehäusekonstruktion
» REFERENZEN
talento smart
Zeitschaltuhren
Embedded, App
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 34
Komplette Entwicklung eines neuen Fahrscheinautomatensystems für den Nahverkehr:
fünf unterschiedliche Suchmasken bieten den individuellen Anforderungen der
verschiedenen Nutzergruppen unterschiedliche Einstiegsmöglichkeiten in die
Bedienoberfläche, um ein Ticket auf schnellstmöglichem Wege zu erwerben.ünf
unterschiedliche Suchmasken bieten den individuellen Anforderungen der verschiedenen
Nutzergruppen unterschiedliche Einstiegsmöglichkeiten in die Bedienoberfläche, um ein
Ticket auf schnellstmöglichem Wege zu erwerben.
» REFERENZEN
Fahrschein-Automat
Embedded
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 35
Für die Koffer-System-Produkte von WÜRTH ist ein begleitender Quick Guide zur Benutzung
der vielen verschiedenen Komponenten, miteinander und für die Benutzung im Fahrzeug,
erarbeitet worden. Die Informationsgrafiken illustrieren in einfacher Form die Bedienung der
einzelnen Produkte.
» REFERENZEN
Koffer-System-Produkte
Bedienungsanleitung
BUSSE STELLT SICH VOR: UI/ UX, INDUSTRIEDESIGN 36
VIELEN DANK!
Ihr Ansprechpartner bei BUSSE:
Evamaria PlehnHead of UI / UX Design
Senior UX Architect
Cert. Usability engineer (IHK)
Tel: +49(0)7308 811 499 77
Mobil: +49 (0) 162 299 7199
www.busse-experience.com
Www.busse-design.com