Geldautomat UI- sowie Funktionsvorschlag

von Karsten Davis 25.07.2018 14 Antworten 2162 Aufrufe
Geschlossen
Karsten Davis

25.07.2018, 07:18

Hey zusammen,
Da wir ja alle mit großer Freude auf RAGE-MP warten und ich gerade etwas Zeit übrig hatte dachte ich mir das ich das Geldautomaten-UI von Scarwolf etwas erweitere sowie den Funktionsumfang vergrößere.

Originalthread von Scarwolf



Einzahlung.png Auszahlung.png


berweisung.png Kontoauszug.png

Ich weiß es ist nicht Perfekt und einige Sachen nicht Sauber und Mittig aber ich denke es sollte dennoch Anschaulich sein.

9 Likes
Vito_Hamilton

25.07.2018, 07:22

Anschaulicher als das Aktuelle! :thumbup:




Sieht gut aus Gamernist

2 Likes
Hans Kufra

25.07.2018, 07:33

Sehr cooler Mustername auf jeden Fall! ??


Spass bei Seite.

Meiner Meinung nach hast du gute Arbeut geleistet. Solche Funktionen würde ich mir zukünftig wünschen.

2 Likes
Alvaro Lupus

25.07.2018, 15:31

Naja also zuerstmal, schön das du dir die Arbeit machst und du hast das mit Sicherheit gemacht weil du momentan Langeweile hast :D


Aber schlauer wäre gewesen wenn du erstmal abwartest bis die Server auf Rage starten, denn ich bin mir sicher, dass das Banksystem geändert wurde ^^

Michael Lexdog

25.07.2018, 15:34

An sich sieht das mega gut aus ABER wir wissen ja noch gar nicht was Rage mt sich bringt

1 Like
Phil_Wright

25.07.2018, 15:41

Tolle Arbeit , natürlich ist die Überweisungsfunktion der Oberknaller

3 Likes
Hans Kufra

25.07.2018, 16:55

Alvaro Lupus schrieb:

Naja also zuerstmal, schön das du dir die Arbeit machst und du hast das mit Sicherheit gemacht weil du momentan Langeweile hast :D


Aber schlauer wäre gewesen wenn du erstmal abwartest bis die Server auf Rage starten, denn ich bin mir sicher, dass das Banksystem geändert wurde ^^

War ja nur ein Vorschlag von ihm ^^ Sie könnten es theoretisch ja noch einbauen noch ist der Server ja nicht on ^^

Scarwolf

27.07.2018, 00:41

Sieht gut aus.


Da du ja meine Grundidee erweitern wolltest erlaube ich mir mal ein paar konstruktive Anmerkungen für die Design-Richtlinie.

Wie du bei mir z.B. siehst: Geldautomaten Design UI Vorschlag sind die Farben (Rot, z.B) nicht so grell, da dies angenehmer fürs Auge ist.


Der Abstand der inneren Elemente (In der weissen Content Box z.B) zum Rand und zu anderen Elementen (Padding / Margin) sollte gleichbleibend sein, auch das ist angenehmer fürs Auge und sieht besser aus. Auf deinem letzten Screenshot z.B hast du in der Content-Box nur sehr wenig Abstand zur Side-Nav.


Bei meinem Vorschlag habe ich darauf abgezielt den Content vom Hintergrund abzuheben, deswegen die weissen Boxen (Cards). Auch das ist gang und geben im modernen UI-Designen. Grad bei Elementen die sich vom Hintergrund abheben sollen sollte/kann man dann noch mit leichten Schatten arbeiten damit der User im Endeffekt sofort sieht dass es sich vom Hintergrund abhebt.


Idealerweise solltest du auch Konsistent mit den Rändern bleiben. Beispiel: Bei den Input-Feldern (Betrag etc) hast du nur leicht abgerunde Rand-Ecken (~8px). Bei den Feldern auf deinem letzten Screenshot sind sie fast komplett abgerundet (~15px).


Beim Verwendungszweck, bzw allgemein bei User-Input Feldern sollte es keine "Bestätigungs"-Buttons direkt im Feld geben, bzw wenn dann farblich abgehoben da man ihn schneller "findet".


Beim Content sollte nur das wichtigste sein, ich musste zum Beispiel lange überlegen was die "5470=" zu bedeuten hat. Das lenkt den User ab. Solche GUI's sollten immer so sein dass der Benutzer sein Ziel so schnell wie möglich und ohne unrelevante Informationen erreichen kann.


Der Schliessen Button sollte bei sowas oben rechts sein da die User das bereits zu 90% gewöhnt sind (Browser schliessen, Programme schliessen, allgemein alles schliessen auf Windows.)



Was mir sehr gut gefällt ist deine Top-Navbar. Schick und schlicht.


Bitte nicht demotivieren lassen oder so aber ich denke für gutgemeinte konstruktive Vorschläge ist doch jeder offen. Ich arbeite Quasi täglich mit modernen Designs und Konzepten und hab deswegen ein bisschen so die Vorstellung was die moderne Welt designtechnisch als "Modern" ansieht.


Mach weiter so!

1 Like
Karsten Davis

27.07.2018, 04:44

Vielen Dank für deine ausführliche Kritik,
Ich werde mir diese natürlich zu Herzen nehmen und beim nächsten mal auf genannte Punkte achten. Ich habe das ganze wie bereits gesagt eher aus Langeweile gemacht und bin im nachhinein alles nicht noch mal genau durchgegangen habe sowieso demnächst vor mal ein komplettes "UI-Paket" für GVMP zu erstellen (Fahrzeuginfo, Business-Panel, Garage, ... ) da kommt mir die Kritik natürlich sehr gelegen also danke nochmal dafür!

Alvaro Lupus

27.07.2018, 04:53

Gamernist schrieb:

habe sowieso demnächst vor mal ein komplettes "UI-Paket" für GVMP zu erstellen (Fahrzeuginfo, Business-Panel, Garage, ... )

Biet dich doch einfach direkt an als Grafiker o.ä, anstatt dinge zu erstellen die gvmp wahrscheinlich garnicht brauch

Joe_Dilauro

27.07.2018, 10:41

Mit Photoshop oder ähnlich gemacht ? Weil was bringt einem ein UI wenn es ein statisches Bild ist da muss schon programmieren können für

Karsten Davis

27.07.2018, 20:04

War auch nur als Vorschlag gedacht ich kann Sachen wie Frontend leider nicht man muss es sich einfach wie eine Konzept Vorlage vorstellen.

Jerome Catalano

04.08.2018, 23:26

Grundlegend als Design ganz schön, soweit ich weiß wird an einem UI für den Geldautomaten bzw. das Bankensystem gearbeitet. Wäre evtl. ein Ansporn für weitere Features, einfach mal abwarten was die Migration bringt dann sehen wir weiter!

1 Like
Markus Frilling

05.08.2018, 00:07

Jerome Catalano Gamernist


Geldautomaten Design UI Vorschlag


MFG

Jerome Catalano

05.08.2018, 04:23

Da Frilling bereits an solch einem System arbeitet. Danke für deine Anregungen zur Weiterentwicklung.


Closed.

2 Likes