UI / UX Design + Industrial Design - BUSSE Design+Engineering · Screeninhalte für die Enterprise Software, wurden die Gestaltungskompetenzen des UI/UX Design Teams von BUSSE Design+Engineering

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 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!


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 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.


» EINBLICKE – 2.000 QM VOLLER KREATIVITÄT!


» 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


» HIER FINDEN SIE UNS

Direkt am Autobahnkreuz Ulm-Elchingen (A7/ A8)

⁺ Flughafen:

⁺ Stuttgart (1h)

⁺ München (1,5h)

⁺ Memmingen (0,5h)


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


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


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.


» 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


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


» DER MEHRWERT VON USABILITY & UXWas bringt Usability – bzw. eine Human-Zentrierte Produktentwicklung?


» 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


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


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


Ü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


» 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.


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


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


» 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.

https://my.rohlig.com/


» 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.


» 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.


» 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.


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


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


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


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


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


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


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


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


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


VIELEN DANK!

Ihr Ansprechpartner bei BUSSE:

Evamaria PlehnHead of UI / UX Design

Senior UX Architect

Cert. Usability engineer (IHK)

[email protected]

Tel: +49(0)7308 811 499 77

Mobil: +49 (0) 162 299 7199

www.busse-experience.com

Www.busse-design.com

mailto:[email protected]

http://www.busse-experience.com/

http://www.busse-design.com/

Documents

UI / UX Design + Industrial Design - BUSSE Design+Engineering · Screeninhalte für die Enterprise Software, wurden die Gestaltungskompetenzen des UI/UX Design Teams von BUSSE Design+Engineering