Die di­gi­ta­le Werk­hal­le

Mit­hil­fe von Mo­ni­to­ring-An­wen­dun­gen wer­den Pro­duk­ti­ons- und Qua­li­täts­si­che­rungs­pro­zes­se op­ti­mal über­wacht. Dank ent­spre­chen­der Soft­ware kön­nen Pro­zes­se trans­pa­rent ge­macht und Auf­ga­ben auf meh­rere Schul­tern ver­teilt wer­den, Ver­ant­wort­li­che kön­nen auf kri­ti­sche Er­eig­nis­se recht­zei­tig re­agie­ren.

Die Deut­sche Te­le­kom MMS GmbH be­glei­tet Groß­kon­zer­ne und mit­tel­stän­di­sche Un­ter­neh­men bei der di­gi­ta­len Trans­for­ma­ti­on. Im Som­mer 2021 er­ar­bei­te­ten wir zu­sam­men mit dem Di­gi­tal­dienst­leis­ter ein Kon­zept für das Re­de­sign ei­ner Mo­ni­to­ring-An­wen­dung für mit­tel­stän­di­sche Un­ter­neh­men aus der Pro­duk­ti­on. Un­se­re Auf­ga­be in die­sem Pro­jekt war es, die Ober­flä­che ei­nes mo­du­la­ren Shopf­loor Ma­nage­ment-Sys­tems ein­fa­cher und nut­zungs­freund­li­cher zu ge­stal­ten. Es galt, das UX- und UI-De­sign des Tools auf den neu­es­ten Stand zu brin­gen. Da­für ent­war­fen wir ein nut­zer­ori­en­tier­tes Da­sh­board so­wie ein stim­mi­ges In­ter­face und In­ter­ak­ti­ons­de­sign für die vi­su­el­len Ele­men­te der Be­nut­zer­ober­flä­che. Nach drei Mo­na­ten Pro­jekt­lauf­zeit konn­ten wir ein har­mo­ni­sches Ge­samt­bild für die Mo­ni­to­ring-An­wen­dung prä­sen­tie­ren.

Über­ar­bei­tung des In­ter­ak­ti­ons- und In­ter­fa­ce­de­signs

Nach­dem wir Auf­bau, In­hal­te und Da­ten­an­bin­dung der be­reits be­stehen­den An­wen­dung un­ter­sucht hat­ten, ge­stal­te­ten wir die Na­vi­ga­ti­on durch die An­wen­dung um und über­führ­ten un­se­re Er­kennt­nis­se in eine User Jour­ney. Ge­mein­sam tüf­tel­ten wir an ei­ner ver­ein­fach­ten Me­nü­füh­rung, wel­che die An­wen­der:in­nen zu dem ge­wünsch­ten Pro­duk­ti­ons­stand­ort, ei­ner Ma­schi­ne oder ei­nem Fer­ti­gungs­punkt lei­tet. 

Dar­über hin­aus galt es, viel­schich­ti­ge Da­ten zu in­te­grie­ren, die über pro­du­zier­te Men­gen, Aus­las­tung und Ef­fi­zi­enz Aus­kunft ge­ben. Für die je­wei­li­gen Da­ten ent­wi­ckel­ten wir ver­schie­de­ne Dar­stel­lungs­va­ri­an­ten, wie bei­spiels­wei­se Gra­fi­ken, Ta­bel­len, Dia­gram­me und Kenn­zah­len, die in Wid­get-Form auf dem Da­sh­board an­ge­ord­net wer­den kön­nen. 

Die in­di­vi­dua­li­sier­ba­ren Ein­stel­lungs­mög­lich­kei­ten der Wid­gets ge­stal­te­ten wir ein­fach und skiz­zier­ten flüs­si­ge In­ter­ak­tio­nen: Klickt man bei­spiels­wei­se auf das ent­spre­chen­de Ein­stel­lungs-Icon, schiebt sich die Ein­stel­lungs­sei­te di­rekt vor die Dar­stel­lung im Wid­get. Vi­su­ell nutz­ten wir hier die Me­ta­pher ei­ner zwei­sei­ti­gen Kar­te – die hel­le Sei­te steht für die Vi­sua­li­sie­rung, die dunk­le Sei­te für Ein­stel­lung. Der Wech­sel vom Light zum Dark Mode ist an die­ser Stel­le ein sti­lis­ti­sches Mit­tel.

Wir setz­ten au­ßer­dem die Idee um, das Er­schei­nungs­bild der An­wen­dung an das Cor­po­ra­te De­sign des Un­ter­neh­mens an­zu­pas­sen, das die Lö­sung nutzt. Ne­ben dem Logo, wel­ches in den Hea­der der An­wen­dung in­te­griert wer­den kann, be­steht auch die Mög­lich­keit, das In­ter­face mit al­len Vi­sua­li­sie­run­gen farb­lich an­zu­glei­chen. 

Un­ser Ziel war es, An­wen­den­den des Shopf­loor Ma­nage­ment-Sys­tems die Ar­beit mit dem in­di­vi­du­ell edi­tier­ba­ren Tool zu er­leich­tern. Ei­ni­ge Icons ge­stal­te­ten wir für ein ein­deu­ti­ges Ver­ständ­nis neu und in­te­grier­ten sie ge­mäß ih­rer Se­man­tik schlüs­sig in das Ge­samt­de­sign.

Kom­pe­ten­te Part­ner bei Usa­bi­li­ty-Fra­gen

In ei­nem ite­ra­ti­ven, dy­na­mi­schen Pro­zess op­ti­mier­ten wir Nut­zungs­er­leb­nis und -freund­lich­keit der An­wen­dung. Mit dem Ver­ständ­nis für die Quell­da­ten be­rie­ten wir zu ei­nem in­tui­tiv be­dien­ba­ren In­ter­face und ge­stal­te­ten ein mo­der­nes De­sign. Wir ste­hen Ih­nen sehr gern als be­ra­ten­des Un­ter­neh­men für UX- und UI-De­sign zur Ver­fü­gung.

Wenn auch Sie Ihre An­wen­dun­gen pra­xis­be­zo­gen und in­tui­tiv be­dien­bar ge­stal­ten möch­ten, spre­chen Sie uns an. Wir be­ra­ten Sie gern per­sön­lich.