Good evening everyone.
Today I’d like to show you interesting user interface concept for extremely popular IRC messenger called Xchat. As you remember, it never had properly hildonized interface so I thought that it would be cool to design something for it.
Check out the concept after the break.
This is the main window. As you can see, now it looks more natural. Every user has its own colour for better clearance. Also “Tab” button was added cause it’s pretty functional in IRC but you don’t have one on your hardware keyboard. But there’s one problem – this fontsize helps you to see more but it’s too small for finger manipulations. That’s where I come in :) Tap somewhere in the text where the part you’re interested in is located and you’ll get into zoomed mode.
Now you can see enlarged text with timestsamps. And you can easily tap the part you need.
On tap you’ll see text input window and three options, copy selected text, copy all text quickly and open link (if there is one)
But lets get back to the main window. Now we need some intuitive way to switch between channels and user-selection. I thought that swipes from left and right would fit very nicely for this purpose. Left for channels:
And right for users:
Well, that’s all for now, hope you’ll like this concept. Thanks for reading and see you tomorrow.