Shop Mobile More Submit  Join Login
MetroIRC - UI Elements by clindhartsen MetroIRC - UI Elements by clindhartsen
Shifting into another little program segment, this is a general idea for an IRC client with a Metro-inspired UI.

I will admit, I use an IRC client on a daily basis [X-Chat] and I'm a rather basic user, so there's only so much on the screen, something which I'm assured some users wouldn't like because there is a lot more hidden inside these IRC clients.

As for UI elements, the navigation in this program would be based on your favorite IRC chatrooms/servers, which are shown on top, and you can add networks with just a click and some data entry.

I'm open for any suggestions, so does anyone have any suggestions for improvements, changes, or otherwise?
Add a Comment:
 
:iconxealotry:
This is a very Metro-style take on a retro-style protocol.

Awesome. Hats off for having the guts to do this. You can host this on Github.com or Sourceforge.com, so that this can become community-driven. That, I think, will help immensely.

I think the UI should be skinnable. Again, going open source will help in this matter. As for the UI design, it's a bit too sharp at the edges and should be more subtle. The textbox borders are innovative as well :)

Also, the Metro UI design philosophy thrive on lowercase. The endless amounts of caps don't look nice :)

Good luck. Go for it.
What do you think?
The Artist thought this was FAIR
5 out of 5 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:icondzgnproject:
dzgnproject Featured By Owner Jan 20, 2014  Student
Better to make pop window/other window like setting and server into embedded window. Like github for windows. It's cleaner and more focusable
Reply
:iconmagicalmirai:
MagicalMirai Featured By Owner Apr 6, 2013  Hobbyist Interface Designer
All looks great except I'm not sure about the gradient buttons
Reply
:iconuwcommunity32:
uwcommunity32 Featured By Owner Apr 4, 2013
It's for Linux?
Reply
:iconsimon59:
Simon59 Featured By Owner Mar 12, 2013
Good luck with that !
Reply
:iconevanna11:
evanna11 Featured By Owner Jan 7, 2013  Hobbyist General Artist
Looks really nice :).
I'm getting a new laptop in a month or so, I'll just keep using webchat for now, I guess.. but most irc clients just look so old and kinda ugly, this looks way better.

It's a desktop thing though? Would be kinda nice to have an actual metro app, I imagine irc would actually be something that's nice to have pinned to the left/right :P.
Reply
:iconmatfac:
matfac Featured By Owner Jan 3, 2013
Great idea! I've started using metroIRC and it's awesome, so thanks for coming up with the idea for this, it's awesome.
Reply
:iconehlakovpa:
ehlakovpa Featured By Owner Sep 6, 2012
I like the shadows under the head elements and colored borders around the buttons. And the plain dark theme looks easy to read. I think it's good to use! I will somedays ;)
Reply
:iconmrwizard6600:
MrWizard6600 Featured By Owner Apr 21, 2012
I checked out a copy of your repo, and its empty! why not make it open source? I'd fix this issue myself if I could.

Anyways, bug report created.
Reply
:iconmrwizard6600:
MrWizard6600 Featured By Owner Apr 15, 2012
hey, has this happened? I'm a new WPF developer and I'd like to help you in this project if I can, granted I know very little about the IRC stack.
Reply
:iconmrwizard6600:
MrWizard6600 Featured By Owner Apr 15, 2012
note to self: read comments before hit "Add Comment"
--my mistake
Reply
:iconkirtzj:
KirtZJ Featured By Owner Mar 31, 2012   Writer
This seems to use almost 25 times the resources as mIRC...
Reply
:iconaethec:
Aethec Featured By Owner Feb 8, 2012
It's me again...with a more evolved version: [link]
Reply
:iconaethec:
Aethec Featured By Owner Oct 17, 2011
So...here's my near-final try at it: [link] (portable, no install required)
Don't forget to check out the private conversations :)
Reply
:icondawmail333:
dawmail333 Featured By Owner Sep 21, 2011
Wellp. I don't have much of a critique to give, because there's not much to improve on, really. There's a spelling mistake (alturnative vs. alternative), but not much else. I think I'll take a shot at making something like this, just like everyone else seems to have tried :P

We'll see how it goes, eh? Anyway, off to see if you've done any other mockups :)
Reply
:iconaethec:
Aethec Featured By Owner Jun 15, 2011
Here's what I did...this is an alpha, there might be bugs (especially with servers that do not comply to the IRC RFCs...) : [link]
It's built using my own IRC library (I'm creating an IRC client as a school project, and I decided to try to mimick this mockup because I suck at creating GUIs from scratch), in C# and WPF, which means the .NET 4 Client Profile is required.
It has built-in support for multiple languages, but only French and English are supported right now (I hope I didn't make mistakes in the English version)

Link (portable version): [link]

The biggest missing thing is SSL support, and the fact that you can't join a channel by clicking on its name in a conversation. (links are converted into links though)
The "join on startup" checkbox for channels doesn't work unfortunately.
Joining channels on startup on networks with authentication is also a bit buggy sometimes (but it should work)
Also, the GUI isn't exactly like the mockup (especially the all caps things), the main reason being that the XAML designer in VS 2010 crashes every time I try to open it.

The PDB files are not necessary, but they give much more information about crashes.

Creating this made me realize how bad and imprecise the IRC RFC's are.
Reply
:iconthedeathart:
thedeathart Featured By Owner Jul 4, 2011
You should consider the IRC.NET library instead, which is a fully compliant .NET 4.0 library for IRC in C#, found here [link]

Actually we're a group that's been working on a Metro styled IRC client before, ##wChat on irc.freenode.org - Perhaps you should join us, and we could make this for real?
Reply
:iconaethec:
Aethec Featured By Owner Aug 26, 2011
As I said, this is a school project, and I'm gonna get a big grade on this.

I'm 100% sure the IRC.NET library has more features than mine, more contributors, is faster, et. al. but I have to write my own library because otherwise it'd be too easy.

This is also the reason why I can't just take part in an existing project. Sorry.


(PS: Sorry for the delay, I was on holiday)
Reply
:iconthedeathart:
thedeathart Featured By Owner Jul 4, 2011
and that would be irc.freenode.net of course. I'm Windcape, and the project-lead is Noldorin (also the main author of the IRC.NET library).
Reply
:iconclindhartsen:
clindhartsen Featured By Owner Jun 15, 2011  Professional Interface Designer
Wow, that's a mighty impressive start though sir. I do notice that with the IRC account I typically use, it doesn't appear to work, but a starting point is a starting point. Is there any way I can help you on this?
Reply
:iconaethec:
Aethec Featured By Owner Jun 17, 2011
What networks are you trying to connect to?
Reply
:iconclindhartsen:
clindhartsen Featured By Owner Jun 17, 2011  Professional Interface Designer
The one I was trying to connect to was irc.twit.tv
Reply
:iconaethec:
Aethec Featured By Owner Jun 17, 2011
I hate to say that but...connecting to irc.twit.tv:6667 works on my machine :/
I'll add logging into the next build, in order to have a better look at bugs.

(while testing that, I noticed a bug in my user mode parsing which resulted in "Aethec's mode is now " without the mode...fixed)
Reply
:iconyoghurrt1:
yoGhurrt1 Featured By Owner Jun 18, 2011
tested on irc.rizon.net - i even joined channel but after I wrote test word, aplication crashed. Maybe you should add some site or soutce to write issues or features for your application?
Reply
:iconaethec:
Aethec Featured By Owner Jun 19, 2011
Indeed.
I put it on BitBucket: [link]
You have to create an account to download it and report issues, but it's really quick and easy.

I uploaded an updated build which fixes a few bugs, uses more smooth gradients for buttons, and - most importantly - adds a log and a crash log.

(I don't want to share the code right now, since this is a school project, I really really don't want to see it forked)

PS : again, irc.rizon.net:6667 works on my machine :/
Reply
:icondoylceandmarx:
doylceandmarx Featured By Owner Jun 12, 2011
We already have a functioning one of this. Which also recognizes youtube links, pictures and mp3s. So u won't have to click the link but u can play them in a Popup. We're still working on it. But I suppose we be releasing it soon :)
Reply
:iconazbulldog:
azbulldog Featured By Owner Jun 14, 2011
Please do.
Reply
:icontoastmaster:
toastmaster Featured By Owner Jun 4, 2011
Oh my gosh, that concept art rocks! It's about as colorful as my favorite mac IRC client, Linkinus. Somebody needs to make this a reality!
Reply
:iconasskickulater:
Asskickulater Featured By Owner Apr 29, 2011
I wish this could be a reality!
Reply
:iconasskickulater:
Asskickulater Featured By Owner Apr 28, 2011
is this an existing program or is it just a concept? D= because it looks amazing and i want it :P
Reply
:iconclindhartsen:
clindhartsen Featured By Owner Apr 28, 2011  Professional Interface Designer
It's only a concept sadly.
Reply
:icontripledes:
TripleDES Featured By Owner Apr 16, 2011
I think I'll be giving this a try.
Reply
:iconclindhartsen:
clindhartsen Featured By Owner Apr 18, 2011  Professional Interface Designer
Go right ahead sir. Feel free to let me know how it goes!
Reply
:iconaethec:
Aethec Featured By Owner May 12, 2011
I'm giving this a try too (in C#/WPF)...the main window is nearly complete.
I'll release a beta when the "add network" window is done too, if you don't mind (it's your concept after all).
Reply
:iconzweihander:
Zweihander Featured By Owner Jun 6, 2011
Let me know when you have something working, I would love to beta/alpha something like this. XChat is nice, but I'm coming from OSX and Linkinus is waaay slicker. Metro IRC would be the level of slick I require.
Reply
:iconmyutwo33:
myutwo33 Featured By Owner Apr 16, 2011
Hi Clint. What fonts did you use to make?

I'd love to give a go at creating this interface for real, though I'm pretty busy thee days so it will be time permitting. Could be pretty damn awesome I'd say.
Reply
:iconclindhartsen:
clindhartsen Featured By Owner Apr 18, 2011  Professional Interface Designer
I typically use Segoe as my main font through these UIs. Sadly, I can't remember how I got the font exactly, Segoe UI is included ala Office/WindowsVista/7 but that has some variations I don't care for personally (full strokes top and bottom of capital I). You could always get Segoe WP which works quite well, and that's available by downloading the free Windows Phone Development Kit from Microsoft.
Reply
:iconztrl:
Ztrl Featured By Owner Mar 28, 2011  Student Interface Designer
Usernames need to be on the right, other than that, not bad at all.
Reply
:iconbsport:
Bsport Featured By Owner Mar 12, 2011
just installed metrotwit. like the look so much started looking for a IRC client using the metro UI, so far this is all i've found but its exactly what i wanted.
Reply
:iconxegroeg:
xegroeg Featured By Owner Sep 30, 2010
I love this.
Reply
:iconyankoa:
yankoa Featured By Owner Aug 22, 2010
:bulletblue::bulletblue::bulletblue::bulletblue::bulletblue::bulletblue::bulletblue::bulletblue::bulletblue::bulletblue:
Featured in
:icondesigndevelopers:
:bulletblue::bulletblue::bulletblue::bulletblue::bulletblue::bulletblue::bulletblue::bulletblue::bulletblue::bulletblue:
Reply
:iconclindhartsen:
clindhartsen Featured By Owner Aug 22, 2010  Professional Interface Designer
Thanks
Reply
:iconmbarvian:
mbarvian Featured By Owner Aug 19, 2010  Hobbyist Interface Designer
god someone please make these a reality :)
Reply
Add a Comment:
 
×
Download PNG 1920 × 1080




Details

Submitted on
August 18, 2010
Image Size
1.9 MB
Resolution
1920×1080
Link
Thumb
Embed

Stats

Views
18,850 (7 today)
Favourites
68 (who?)
Comments
42
Downloads
2,059

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×