--- title: "Neues Designkonzept verbessert Usability | Ergosign GmbH" description: "Erfahren Sie in unserer Case Study mit Key Technology, wie effizientes Design die Mensch-Maschine-Interaktion verbessert und für beste Usability sorgt. " canonical_url: "https://www.ergosign.de/projekte/key-technology-compass" locale: de meta: "og:description": "Erfahren Sie in unserer Case Study mit Key Technology, wie effizientes Design die Mensch-Maschine-Interaktion verbessert und für beste Usability sorgt. " "og:title": "Neues Designkonzept verbessert Usability" "twitter:description": "Erfahren Sie in unserer Case Study mit Key Technology, wie effizientes Design die Mensch-Maschine-Interaktion verbessert und für beste Usability sorgt. " "twitter:title": "Neues Designkonzept verbessert Usability" --- > Index of every page on this site: [llms.txt](https://www.ergosign.de/llms.txt) # Neues Design-Konzept für **beste Usability** ![Mann bedient User Interface der Lebensmittel-Sortiermaschine COMPASS](https://a.storyblok.com/f/180740/1920x1080/9a0c5db7be/cs_key-technology-header.jpg/m/3840x1792/smart) ## Effizientes und konsistentes Design vereinfacht die **Kommunikation zwischen Mensch und Maschine** Nach der erfolgreichen Gestaltung und Entwicklung des User Interface für die digitale Sortier-Plattform „ [VERYX](https://www.ergosign.de/projekte/key-technology-veryx)“ wurde Ergosign mit dem Design-Konzept der neuen, digitalen Sortier-Plattform „COMPASS“ beauftragt. Die Maschine, die mittels KI-gestützter Bilderkennung fehlerhafte oder defekte Lebensmittel sowie Fremdkörper und Gegenstände erkennt, soll dabei vor allem mit ihrer herausragenden Usability und wahrgenommenen Einfachheit der Bedienung überzeugen. ## **Bessere Usability** durch effizientes Design ### Die Ausgangslage Ziel des Projekts war die Entwicklung eines detaillierten und validierten Design-Konzepts für COMPASS. Mit der neuen COMPASS-Maschine soll der Erfolg der höherpreisigen VERYX-Maschinen nun auch im mittleren Preissegment wiederholt werden. Die Maschinen sind für ihren geringen Wartungsaufwand und hohe Verarbeitungsmengen bekannt. Die hohe Komplexität der Maschine musste in der Kommunikation zwischen Mensch und Maschine vereinfacht werden. ## Umfassende **Research und Prototypen** ### Unser Vorgehen Das Projekt startete mit einer umfassenden Research-Phase, in der wir die Bedürfnisse der Nutzenden und Requirements identifizierten. Der Arbeitsalltag und die Komplexität im Umgang mit der Maschine wurden genau analysiert. Die gewonnenen Erkenntnisse fassten wir in anschaulichen Artefakten wie Personas und Scenarios zusammen. Das entwickelte Konzept wurde zunächst in interaktiven und visuell detaillierten Prototypen in Figma realisiert. Das komponentenbasierte Design konnte so effizient abgestimmt sowie Stärken und Schwächen am Konzept schnell identifiziert werden. Die kurzen Kommunikationswege mit dem Kunden ermöglichten direkten Austausch und Feedback, wobei das digitale Kollaborationswerkzeug Miro erfolgreich zum Einsatz kam. ![COMPASS - Die Sortiermaschine für Lebensmittel. Außerdem sieht man das UI der COMPASS Maschine.](https://a.storyblok.com/f/180740/3840x2160/982aec07ce/cs_key-technology_slide1_v3.jpg/m/3200x0) ## Intuitives und **nutzerfreundliches UI** ### Die Lösung Die Design-Sprache von „COMPASS" baut auf den bestehenden UI-Komponenten und dem Visual Design der VERYX auf. Im Vordergrund des neuen Designs stand die visuelle Vereinfachung der Benutzeroberfläche, um insbesondere neuen und nicht erfahrenen Anwender:innen einen schnelleren und einfachen Zugang zur Maschinenbedienung zu ermöglichen. Dies erreichten wir durch die Einführung einer effizienten, konsistenten und leicht zu erlernenden Design-Sprache. Hierfür wurden die vorhandenen Komponenten überarbeitet und mithilfe der Erkenntnisse aus der Kontextanalyse optimiert. Beispielsweise werden neue Maschinennutzende nun Schritt für Schritt durch die Benutzeroberfläche und Anwendung geführt. ![UI der COMPASS Maschine als Nahaufnahme.](https://a.storyblok.com/f/180740/3840x2160/48a5a5feb9/cs_key-technology_slide2_v3-1.jpg/m/3200x0) ## **Kundenzufriedenheit** dank neuem Bedienkonzept Durch remote Validierungen konnte nachgewiesen werden, dass mit dem neuen Bedienkonzept die größten Herausforderungen der Nutzenden gelöst werden konnten: Die komplexe Bedienung der Maschine und die bisherige Intransparenz bestimmter Vorgänge, wie z. B. des Color Teachings zum Anlernen der Maschine für die maschinelle Erkennung von Fremdkörpern. Insgesamt erhielt das neue Bedienkonzept positives Feedback, da es als erhebliche Verbesserung gegenüber dem derzeitigen System wahrgenommen wird. > Die Präsentation und die Prototypen zeigen beeindruckende Visuals. Figma erwies sich als hervorragendes Werkzeug, um Nutzerfeedback zu sammeln, ein **überzeugendes Enddesign** zu entwickeln und ein **herausragendes Gesamtergebnis** zu erzielen. *Stephan WestcottSenior Manager EngineeringKey Technology* ## Key Technology ### Über den Kunden Key Technology ist weltweit führend in der Lebensmittelverarbeitungs-Technologie und ständig darum bemüht, die wachsenden Bedürfnisse der Kunden zu erfüllen. Als Hersteller für Maschinen zur Förderung, Verarbeitung und Sortierung von (hauptsächlich) Nahrungsmitteln kommen Key-Maschinen bei 80 % der weltweiten Top 20 der lebensmittelverarbeitenden Unternehmen zum Einsatz. Mit über 70 Jahren Erfahrung als Lieferant von Nahrungsmittelmaschinen beliefert Key Technology Dutzende von Branchen, darunter Obst, Gemüse, Nüsse, Kartoffeln, Süßigkeiten, Snacks und mehr. ## Weitere **Case Studies** [![Ein Mann sitzt an einem Schreibtisch vor 2 Bildschirmen, auf denen die Vision-Research-Anwendung geöffnet ist. Im Hintergrund ist ein Foto-Aufbau mit den Hochgeschwindigkeitskameras zu sehen.]()

Software Redesign & Development für Highspeed-Kameras

](https://www.ergosign.de/projekte/vision-research) [

Neugestaltung der Motion Control Software von Physik Instrumente

](https://www.ergosign.de/projekte/physik-instrumente) [

Move-to-Cloud: Migration bei Linde Material Handling

](https://www.ergosign.de/projekte/linde-move-to-cloud) [![Ein Blick über die Schulter eines Mannes der mit der Software SLM.Prep am Computer arbeitet]()

Neues UI für Nikon SLM.Prep

](https://www.ergosign.de/projekte/nikon-slm-prep) ## Bereit für den **nächsten Schritt**? Lassen Sie uns gemeinsam digitale Lösungen entwickeln, die in der Praxis verlässlich überzeugen. Wir freuen uns auf den Austausch! ![Ergosign](https://a.storyblok.com/f/180740/500x500/b74942b5a7/lisa-foellinger.jpg/m/360x360) ### Lisa Föllinger Principal UX Designer, Head of Site Stuttgart [+49 681 95 98 20 0]() [projects@ergosign.de](mailto:projects@ergosign.de) ```json {"@context":"https://schema.org","@graph":[{"@id":"https://www.ergosign.de/#website","@type":"WebSite","inLanguage":"de","name":"Ergosign GmbH","url":"https://www.ergosign.de/","publisher":{"@id":"https://www.ergosign.de/#identity"},"workTranslation":[{"@id":"https://www.ergosign.de/#website"},{"@id":"https://www.ergosign.de/#website"}]},{"@id":"https://www.ergosign.de/projekte/key-technology-compass#webpage","@type":"WebPage","dateModified":"2026-10-14T11:26:45.591Z","datePublished":"2024-01-19T15:10:00.000Z","description":"Erfahren Sie in unserer Case Study mit Key Technology, wie effizientes Design die Mensch-Maschine-Interaktion verbessert und für beste Usability sorgt. ","name":"Neues Designkonzept verbessert Usability","url":"https://www.ergosign.de/projekte/key-technology-compass","breadcrumb":{"@id":"https://www.ergosign.de/projekte/key-technology-compass#breadcrumb"},"isPartOf":{"@id":"https://www.ergosign.de/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ergosign.de/projekte/key-technology-compass"]}],"primaryImageOfPage":{"@id":"https://www.ergosign.de/#logo"}},{"@id":"https://www.ergosign.de/#identity","@type":"Organization","name":"Ergosign GmbH","url":"https://www.ergosign.de","logo":{"@id":"https://www.ergosign.de/#logo"}},{"@id":"https://www.ergosign.de/#/schema/organization/#ergosign-organization","@type":"Organization","name":"Ergosign GmbH","url":"https://www.ergosign.de","logo":{"@type":"ImageObject","url":"https://www.ergosign.de/logo.png"}},{"@id":"https://www.ergosign.de/#/schema/organization/#case-study-client-organization","@type":"Organization","name":"Key Technology","url":"https://www.key.net/de/"},{"@id":"https://www.ergosign.de/projekte/key-technology-compass#article","@type":"Article","about":"#case-study-client-organization","dateModified":"2026-10-14T11:26:45.591Z","datePublished":"2024-01-19T15:10:00.000Z","headline":"Neues Design-Konzept verbessert Usability der \"COMPASS\" von Key Technology","inLanguage":"de","thumbnailUrl":"https://a.storyblok.com/f/180740/1920x1080/9a0c5db7be/cs_key-technology-header.jpg","author":{"@id":"https://www.ergosign.de/#/schema/organization/#ergosign-organization"},"image":{"@id":"https://www.ergosign.de/#/schema/image/1"},"isPartOf":{"@id":"https://www.ergosign.de/projekte/key-technology-compass#webpage"},"mainEntityOfPage":{"@id":"https://www.ergosign.de/projekte/key-technology-compass#webpage"},"publisher":{"@id":"https://www.ergosign.de/#/schema/organization/#ergosign-organization"}},{"@id":"https://www.ergosign.de/projekte/key-technology-compass#/schema/quotation/#quote-4eb3767d-1626-49f7-8dbc-1dffe73a4722","@type":"Quotation","text":"Die Präsentation und die Prototypen zeigen beeindruckende Visuals. Figma erwies sich als hervorragendes Werkzeug, um Nutzerfeedback zu sammeln, ein überzeugendes Enddesign zu entwickeln und ein herausragendes Gesamtergebnis zu erzielen.","spokenByCharacter":{"@type":"Person","name":"Stephan Westcott","jobTitle":"Senior Manager Engineering","worksFor":{"@type":"Organization","name":"Key Technology"}}},{"@id":"https://www.ergosign.de/projekte/key-technology-compass#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Startseite","item":"https://www.ergosign.de","position":1},{"@type":"ListItem","name":"Projekte","item":"https://www.ergosign.de/projekte","position":2},{"@type":"ListItem","name":"Key Technology COMPASS","item":"https://www.ergosign.de/projekte/key-technology-compass","position":3}]},{"@id":"https://www.ergosign.de/#logo","@type":"ImageObject","caption":"Ergosign GmbH","contentUrl":"https://www.ergosign.de/logo.png","inLanguage":"de","url":"https://www.ergosign.de/logo.png"},{"@id":"https://www.ergosign.de/#/schema/image/1","@type":"ImageObject","contentUrl":"https://a.storyblok.com/f/180740/1920x1080/9a0c5db7be/cs_key-technology-header.jpg","inLanguage":"de","url":"https://a.storyblok.com/f/180740/1920x1080/9a0c5db7be/cs_key-technology-header.jpg"}]} ``` ## Sitemap See the full [sitemap](https://www.ergosign.de/sitemap.md) for all pages.