open.mp forum   ›   General   ›   Art   ›   [UI] Concept Design for open:mp

  • 2 Vote(s) - 4 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[UI] Concept Design for open:mp
kidpuurp
Burgershot Member
Joined: Jun 2019
Posts: 6

Reputation: 1

Location: Russia
#1
2019-06-07, 09:28 PM
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
JustMichael
Forum Manager
*******
Joined: Feb 2019
Posts: 190

Reputation: 17

Location: England
#2
2019-06-08, 12:56 PM
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
  Website
  Reply
Codeah
Moderator
*****
Joined: Apr 2019
Posts: 59

Reputation: 4

Location: Belarus
#3
2019-06-08, 01:15 PM (This post was last modified: 2019-06-08, 01:16 PM by Codeah.)
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!
  Website
  Reply
kidpuurp
Burgershot Member
Joined: Jun 2019
Posts: 6

Reputation: 1

Location: Russia
#4
2019-06-08, 01:27 PM
Thank you for your criticism, I will consider everything if I finalize (most likely)
  Reply
kidpuurp
Burgershot Member
Joined: Jun 2019
Posts: 6

Reputation: 1

Location: Russia
#5
2019-06-08, 07:55 PM (This post was last modified: 2019-06-08, 07:59 PM by kidpuurp.)
Maybe something like this? (Made in Adobe XD, unfinished)

[Image: cIJgWry.jpg]

[Image: 37kHvuj.jpg]
  Reply
TonyP
Burgershot Member
Joined: Jun 2019
Posts: 4

Reputation: 0

Location: Malaysia,Johor,Kulai.
#6
2019-06-09, 06:22 AM
It looks decent.. Keep it up.
  Reply
Archivarius
Burgershot Member
Joined: May 2019
Posts: 25

Reputation: 0

Location: Ukraine, Dnipro
#7
2019-06-09, 11:18 AM (This post was last modified: 2019-06-09, 11:18 AM by Archivarius.)
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
kidpuurp
Burgershot Member
Joined: Jun 2019
Posts: 6

Reputation: 1

Location: Russia
#8
2019-06-10, 08:00 AM
(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
Sasino97
Software Developer
Joined: Apr 2019
Posts: 108

Reputation: 7

Location: Tampa, FL
#9
2019-06-11, 06:22 AM
(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.
  Website
  Reply
kidpuurp
Burgershot Member
Joined: Jun 2019
Posts: 6

Reputation: 1

Location: Russia
#10
2019-06-12, 09:27 AM (This post was last modified: 2019-06-12, 09:27 AM by kidpuurp.)
up (5 sym)
  Reply
Toretto
Moderator
*****
Joined: Apr 2019
Posts: 40

Reputation: 4
#11
2019-06-12, 08:51 PM
(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
kidpuurp
Burgershot Member
Joined: Jun 2019
Posts: 6

Reputation: 1

Location: Russia
#12
2019-06-13, 07:29 PM
(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
Sauron
Burgershot Member
Joined: Jul 2019
Posts: 7

Reputation: 0

Location: Preu?en
#13
2019-07-06, 11:58 AM
Add an function for own custom themes (?) as its modern nowadays (?).
  Reply
SkeeZy
Burgershot Member
Joined: Jun 2019
Posts: 10

Reputation: 0

Location: Germany
#14
2019-07-12, 02:26 PM
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)
  Website
  Reply
fusez
Burgershot Member
Joined: Jul 2019
Posts: 6

Reputation: 1

Location: Sweden
#15
2019-07-23, 10:41 PM
Looks really clean, i love it.
  Reply
Petronijevic
Burgershot Member
Joined: Oct 2019
Posts: 4

Reputation: 0

Location: Srbija
#16
2019-10-18, 03:07 PM
Perfect!!
  Reply
dayew
Burgershot Member
Joined: Jul 2020
Posts: 5

Reputation: 2

Location: Kazakhstan
#17
2020-07-28, 02:32 PM (This post was last modified: 2020-07-28, 02:39 PM by dayew.)
looks good but not finished, good try for newbie
Nick Dayew. Trying to be UX/UI designer



be:?tap

ig:?tap

  Reply
Javi
Burgershot Member
Joined: May 2020
Posts: 4

Reputation: 0

Location: Asturias, Spain
#18
2020-07-30, 02:13 PM
(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: