• 2 Vote(s) - 4 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[UI] Concept Design for open:mp
#1
Hi,?I present to you my idea of a multiplayer client. The first is something similar to the updated SA: MP, for the second I did not invent anything

Do not judge strictly, in the future, mb will finalize the second option.





[Image: uX49HSj.png]

[Image: zoXk56F.png]
  Reply
#2
It's an alright first?attempt.



But it's not finished, it doesn't apply standard UI/UX concepts, the font sizes don't match the size of the window, the colours are all wrong.?

The first one is too heavily inspired by the SA-MP client (which sucks)



Your placement, padding of elements is not equal, you keep mixing capitalizations and lowercase in the same area, the input boxes look too squashed and out of place.



If you designed this with Photoshop, then stop. Move to Adobe XD it's free, and there are templates that offer proper concepts.
Remember to always refer to J0sh as `J0sh...`



@ Networks/Servers

San Andreas Gaming Network (Owner/Founder)

San Andreas Gaming (Owner/Founder)

Grand Theft Cop's n Robber's (Owner)

Britannia Roleplay (Owner/Founder) [Retired]

Alpine RP (Owner/Founder)

Aluminium Network (Maintainer) [Disbanded]

AlphaDM (Tech Support) [Disbanded]



# Services

forum.open.mp (Forum Manager) (Formerly Burgershot.gg

open.mp (Member)



~ Languages/Frameworks

Pawn, C, C, C#, Javascript, Typescript, Lua, Python, Go, Rust, PHP, SQL,

Angular, React, Vue, Svelte, Laravel, Rocket
  Reply
#3
Nice mock ups!

I dislike the first one as it reminds me of the MTA dialogs, and it looks like each section is an individual window which would be a huge pain in the butt.
The concept of the second one is pretty nice : It's flat and minimal. I'd personally make the edges less round and as JustMichael mentioned, I'd change the title. I think the username box also needs a button next to it.

Over all, good job!
  Reply
#4
Thank you for your criticism, I will consider everything if I finalize (most likely)
  Reply
#5
Maybe something like this? (Made in Adobe XD, unfinished)

[Image: cIJgWry.jpg]

[Image: 37kHvuj.jpg]
  Reply
#6
It looks decent.. Keep it up.
  Reply
#7
Not bad. But it needs improvements in UX/UI.
Your concept is not really intuitive this Material Design looks kinda boring (the 2nd concept).
Android Developer from Ukraine, Dnipro.

#languages: Ukrainian, English, Polish, Russian.

#programming_languages: Kotlin, Java,?PHP, JS
  Reply
#8
(2019-06-09, 11:18 AM)Archivarius Wrote: Not bad. But it needs improvements in UX/UI.

Your concept is not really intuitive this Material Design looks kinda boring (the 2nd concept).



It is only an outline.

These are just sketches for developers to have some ideas when developing the client's design.

Thanks to everyone for their opinion. I am very pleased
  Reply
#9
(2019-06-08, 07:55 PM)kidpuurp Wrote:
Maybe something like this? (Made in Adobe XD, unfinished)



[Image: cIJgWry.jpg]



[Image: 37kHvuj.jpg]



Ok, this one definitely looks good.
  Reply
#10
up (5 sym)
  Reply
#11
(2019-06-08, 07:55 PM)kidpuurp Wrote:
Maybe something like this? (Made in Adobe XD, unfinished)



[Image: cIJgWry.jpg]



[Image: 37kHvuj.jpg]



Pretty good?pretty good! Hopefully there won't be much blank space
  Reply
#12
(2019-06-12, 08:51 PM)Toretto Wrote:
(2019-06-08, 07:55 PM)kidpuurp Wrote:
Maybe something like this? (Made in Adobe XD, unfinished)



[Image: cIJgWry.jpg]



[Image: 37kHvuj.jpg]



Pretty good?pretty good! Hopefully there won't be much blank space



No, a lot of empty space will not be. It is unfinished version.
  Reply
#13
Add an function for own custom themes (?) as its modern nowadays (?).
  Reply
#14
Some suggestions / Things id like too see:

1. "Last Servers"-Tab: Shows the last (idk how many) servers the client was connected to

2. An area where you can see the official OpenMP stuff(Website, Forums etc.)

3. And another area that shows you the servers information if you click on a server(Server Website, Players, Server Time, Server Version, maybe language and name of the gamemode)
  Reply
#15
Looks really clean, i love it.
  Reply
#16
Perfect!!
  Reply
#17
looks good but not finished, good try for newbie
Nick Dayew. Trying to be UX/UI designer



be:?tap

ig:?tap

  Reply
#18
(2019-06-08, 07:55 PM)kidpuurp Wrote:
Maybe something like this? (Made in Adobe XD, unfinished)



[Image: cIJgWry.jpg]



[Image: 37kHvuj.jpg]



Nice :)
  Reply


Forum Jump: