Deviation Actions

clindhartsen's avatar

MetroIRC - UI Elements

Published:
By
45 Comments
24K Views
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?
Image details
Image size
1920x1080px 1.95 MB
Comments45
Join the community to add your comment. Already a deviant? Log In
Xealotry's avatar
:star::star::star::star: Overall
:star::star::star::star::star-empty: Vision
:star::star::star::star::star: Originality
:star::star::star::star::star-empty: Technique
:star::star::star::star::star-half: Impact

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 <img src="e.deviantart.net/emoticons/s/s…" width="15" height="15" alt=":)" title=":) (Smile)"/>

Also, the Metro UI design philosophy thrive on lowercase. The endless amounts of caps don't look nice <img src="e.deviantart.net/emoticons/s/s…" width="15" height="15" alt=":)" title=":) (Smile)"/>

Good luck. Go for it.
Xealotry's avatar
I'll be follwoing this project, count me in as a friend :D :w00t!:
wow, havent used irc for 10 years or so, mainly as it feels old.
But with this client I would use it again and move my friends back to irc (force?).

Are you implementing this, or is it just an idea and mockup?
If you are implementing it, what language? Maybe one I know and can help out with?
Otherwise, is it OK to use this design for an implementation if youre not working on one? I was thinking QT/QML for gui, python for app, to speed up development and make it possible for all OS's to run.

Not that I have too much spare time, being father of small kids, but I can do some work now and then, and eventually have it done.

EDIT: ok, I have to scroll down a bit more on my tablet to not miss the comments next time. seems ppl are working on this :)
Better to make pop window/other window like setting and server into embedded window. Like github for windows. It's cleaner and more focusable
MagicalMirai's avatar
All looks great except I'm not sure about the gradient buttons
uwcommunity32's avatar
Simon59's avatar
Good luck with that !
evanna11's avatar
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.
Great idea! I've started using metroIRC and it's awesome, so thanks for coming up with the idea for this, it's awesome.
ehlakovpa's avatar
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 ;)
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.
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.
note to self: read comments before hit "Add Comment"
--my mistake
KirstenJacob's avatar
This seems to use almost 25 times the resources as mIRC...
Aethec's avatar
It's me again...with a more evolved version: [link]
Aethec's avatar
So...here's my near-final try at it: [link] (portable, no install required)
Don't forget to check out the private conversations :)
dawmail333's avatar
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 :)
Aethec's avatar
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.
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?
Aethec's avatar
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)
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).
clindhartsen's avatar
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?
Aethec's avatar
What networks are you trying to connect to?
clindhartsen's avatar
The one I was trying to connect to was irc.twit.tv
Join the community to add your comment. Already a deviant? Log In