Discord Redesign

Sasha

Hallotjes,

Geen idee of sommige van jullie mij kennen van naam, maar ik ben na wat jaartjes niks gedaan te hebben, sinds kort weer begonnen met UI/UX Design en designen in general.

Momenteel ben ik bezig met een redesign van het o zo bekende Discord.
Ik wil dit uiteindelijk volledig redesignen, dus ook de friends page etc een mooi nieuw jasje geven.

Feedback is altijd welkom, ook als het negatieve feedback is, want ook die kan je omzetten in positieve feedback en iets van leren. 😉

Dit is tevens alleen een Photoshop design, dit is/hier komt geen werkende versie van.

Update: 24 Februari - 21:00
Ik weet het, moet de avatars nog fixen, maar Champions League begon haha.

Update: 22 Februari - 21:33
Channels toegevoegd en voice connected stukje. Heb het simpel en makkelijk proberen te houden, zodat ook nieuwe gebruikers het snappen.

Maandag - 22 Februari

Pascal

I love it.

Mitchel

Voor nu al: WAUW. Discord mag van mij dit zo doorvoeren, ben vooral benieuwd naar de rest. Wel zal ik als ik jou was kijken naar toch een uniekere tekstbalk dan dat het nu is, zodat dat ook een andere feeling geeft.

Als het af is, zet het dan ook op Behance. Trekt misschien nog wat interessante reacties.

Jasper

Wauw dit ziet er super vet uit! Ik zou Discord op deze manier wel eens willen uitproberen 😃

Ik denk dat die balk bovenin sowieso logischer is, aangezien je makkelijker naar de andere links kan navigeren, nu zit dat vaak verstopt links onderin. Ik ben benieuwd naar toekomstige screens! Keep it up 😎

Sasha

Update 22 Februari - 21:33
Channels toegevoegd en voice connected stukje. Heb het simpel en makkelijk proberen te houden, zodat ook nieuwe gebruikers het snappen.

Wederom feedback is altijd welkom, ook de negatieve.

Mitchel

@Sasha#1755 Update 22 Februari - 21:33
Channels toegevoegd en voice connected stukje. Heb het simpel en makkelijk proberen te houden, zodat ook nieuwe gebruikers het snappen.

Vind de channel namen heel onduidelijk te lezen, moest er oprecht op inzoomen en dat lijkt mij niet de bedoeling. Ik zou in je redesign ook kijken of je soort van rekening kan houden met "hoofdletters" en "spaties" in channel namen. Dat mag Discord namelijk wel toevoegen.

Sasha

@Mitchel#1757 Nu je het zegt inderdaad zie ik het ook, dit was me in Photoshop niet opgevallen!
Voordat het project helemaal af is ga ik toch nog een keer over alles heen, en misschien kleine aanpassingen maken. Hoofdletters is iets wat er zeker in gaat komen, had het voor nu even gewoon overgenomen van de server en niet aangedacht.

Diego

Ziet er goed uit, wel ben ik het met @Mitchel eens over de channel namen.

Mitchel

Ik ben net even op Google wezen kijken, was namelijk wel benieuwd of meer mensen eens op Discord een redesign hebben gemaakt.. Komt je inspiratie toevallig van Dribbble 🤔 ?

Sasha

@Mitchel#1769

Ja dat klopt! Eigenlijk alleen maar voor de top bar heb ik als inspiratie gebruikt, heb er me eigen twist aan gegeven, de rest is allemaal vanuit mijn eigen brein, dit is ook het design wat mij op het idee bracht namelijk om een Discord Redesign te maken.

Mitchel

@Sasha#1776 Ja dat klopt! Eigenlijk alleen maar voor de top bar heb ik als inspiratie gebruikt, heb er me eigen twist aan gegeven, de rest is allemaal vanuit mijn eigen brein, dit is ook het design wat mij op het idee bracht namelijk om een Discord Redesign te maken.

Helemaal duidelijk! Ga zo door, wel zou ik je de tip willen meegeven even te kijken hoe hij toch minder op die van Dribbble lijkt. Ondanks je hem verder gewoon zelf gemaakt hebt, kan je er dan later misschien meer mee door hem bijv. ook op Dribbble of Behance te zetten zonder gezeur.

Sasha

Update: 24 Februari - 21:00
Ik weet het, moet de avatars nog fixen, maar Champions League begon haha.

Jasper

Ziet er super goed uit! Leuk om de progressie te zien vanaf het begin met alle updates.

Is dit het enige gedeelte van de interface die je een make-over geeft, of ga je andere delen van de interface ook onder handen nemen?

P.S. Die file & emoji knoppen onderin zijn wel erg groot, wellicht iets kleiner maken? 🤔

Sjoerd

@Diego#1763 Zonder de reacties gelezen te hebben dacht ik hetzelfde als jij en @Mitchel.
Verder ziet het er top uit! 🙂

Stanley

@Jasper#1788 Vind de knoppen juist wel leuk. 😁

DataTovenaar

WOW, laat ik voorop stellen dat het een enorm gaaf design is! Het is erg tof, met deze layout is Discord meer server-centered in plaats van 'gobal'. Het weergeven van de channels op deze manier is erg overzichtelijk. Ik heb zelf nog een paar ideeën waardoor het misschien nog beter kan:

Het contrast verhogen (tekst wat witter maken) van de server channels, nu is het slecht leesbaar.
Het achtergrondpatroontje nog iets minder zichtbaar maken.
Servers iets compacter weergeven?? Ik zit in echt enorm veel servers dus voor mij is het onhandig schakelen.

Sasha

Thanks iedereen voor de feedback! Ik heb even een paar dagen nodig voor mezelf, daarna ga ik weer met volle vaart aan de slag en komen er weer updates 😃

Mitchel

@Sasha#1805 Thanks iedereen voor de feedback! Ik heb even een paar dagen nodig voor mezelf, daarna ga ik weer met volle vaart aan de slag en komen er weer updates 😃

We zijn allemaal erg benieuwd, heb je toevallig al wat voortgang of begin je er binnenkort weer aan?

Eran

Allereerst: ziet er goed uit!!
Daarnaast, en ik weet niet of het al gezegd is, maar zorg ervoor dat kleuren voldoende contrasteren als ze dat moeten doen, zoals tekst op een achtergrond. Het menu links is eigenlijk niet te lezen, evenals de teksten en icons boven.
Voor contrasten zijn officiële richtlijnen en er zijn tools om te checken of je aan die richtlijnen voldoet.
Bijvoorbeeld: https://webaim.org/resources/contrastchecker/
Zie verder bovenstaande website voor de richtlijnen.

-- EDIT --
Contrast is inderdaad al gezegd, alleen de website kan je daar dus voor gebruiken.
Ik zou de achtergrond niet doortrekken door de navigatiebalken heen. Het lijkt nu net een watermerk.

Volgende pagina »