So I've now tried around 4 different Twitter clients for Mac and haven't been entirely satisfied with them. Twitter for Mac is the best IMO, but it hasn't been updated in quite some time and it's starting to show. Anyway, I thought I'd take a stab at what an official Twitter client for Mountain Lion could look like. Still playing around with some concepts, this one's the first.
Still working on the UX, so consider this layout a WIP that is likely to change.
That being said, all feedback is greatly appreciated! :)
@Jitachi I tried just about every arrangement for them, but ended up with the bottom cause it felt more balanced to me, albeit a bit unfitting for a Mac app. Unfortunately it's also not terribly good UX, so I'm going to try and find a better place for them. Hopefully I'll be able to find an arrangement that's more conducive to easier account switching as well (without having to cram more controls down there) ;)
Also, I'm not too fond of sidebars in Twitter apps. Great UX, but I find them kinda distracting when my window is so small and I really just want to see the tweets. Half of mine is usually empty as well: http://cl.ly/image/2E443D0j403T
@Maxwell Barvian fine, maybe the solution isn't tabs, teach the user to use shortcuts and remove all your buttons, that way you could have a ultra clean app. I'd totally use an app based on shortcut since I'm a compulsive twitter user.
First of all, this is some excellent design work in terms of quality. However, the overall layout to me seems like it's just a direct copy of an iOS app that was stuffed into a desktop window frame.
Since a lot of users still use a mouse to navigate in the app, I almost guarantee you that a significant amount of users would complain about the tabs on the bottom for a couple of reasons. The primary concern is that the user would have to drag their mouse all the way from the top of the window down to the bottom to change sections. You might not think this is a concern, but honestly when people are reading tweets they don't interact with the ones at the bottom of their list, they instead interact more frequently with the tweets near the top. If they're up there and they want to change sections (without keyboard shortcuts), they have to travel all the way to the bottom, and perhaps back up again if they wish to reply to a tweet at the top, for example.
Additionally, there is the fact that you're breaking the tradition of OS X interfaces. Now I'm not saying this is necessarily bad (look at Twitter for Mac, and how the sidebar was revolutionary), but in this case tabs on the bottom is almost always associated with a touch interface, for good reason.
@Jonathan Willing Great feedback man, thanks! I've been thinking about the issues you pointed out all day, and I'm gonna try to address them tonight. It's looking like a sidebar is the best way to go. Either that, or have the tabs up top. I'm not fond of sidebars in Twitter apps, though, and having them on top seems bad as well to me (two stacked navigation-esque bars = bleh). I'll probably just have to get over myself on this one though.
If you had any other suggestions I'd be thrilled to hear them :). I feel like I've been looking/thinking about this thing for too long.
It looks very iOS (Thats exactly the correct path to take with OS X apps) Especially social apps like twitter because they are heavily used on mobile devices, to users it will feel more at home.
@Maxwell Barvian I do think having the navigation at the bottom is bad UX on OS X. Left would be the best. I think the current design is pretty good but need an update, just to look like & work like "The New Twitter". Great job though. I reckon you should give it another go, take a look at the current design and merge it with your awesome new one :) & make it retina ;)
16 Responses
Pro
Maxwell Barvian
So I've now tried around 4 different Twitter clients for Mac and haven't been entirely satisfied with them. Twitter for Mac is the best IMO, but it hasn't been updated in quite some time and it's starting to show. Anyway, I thought I'd take a stab at what an official Twitter client for Mountain Lion could look like. Still playing around with some concepts, this one's the first.
Still working on the UX, so consider this layout a WIP that is likely to change.
That being said, all feedback is greatly appreciated! :)
10 months ago
Pro
Aqib Mushtaq
I like this :)
10 months ago
Pro
Marvin Kennis
What does this one have that the original twitter client doesn't?
10 months ago
Pro
Maxwell Barvian
@Marvin Kennis Ideally a unified tweet screen like the iPhone app (and tweetbot), notifications on Mountain Lion, retina compatibility, etc.
10 months ago
Pro
Elliot Jackson
Looks good. I think I preferred the dark one you tweeted a while ago though. :)
10 months ago
Pro
Ben Muschol
I like it! Try making the logo a little sharper.
10 months ago
Pro
Ben Taylor
Visually looks quite nice. Tabs at the bottom is super odd and feels completely out of place on a desktop.
10 months ago
Pro
Jitachi
why the tabs on bottom? wouldnt be better on top?
10 months ago
Pro
Maxwell Barvian
@Jitachi I tried just about every arrangement for them, but ended up with the bottom cause it felt more balanced to me, albeit a bit unfitting for a Mac app. Unfortunately it's also not terribly good UX, so I'm going to try and find a better place for them. Hopefully I'll be able to find an arrangement that's more conducive to easier account switching as well (without having to cram more controls down there) ;)
Also, I'm not too fond of sidebars in Twitter apps. Great UX, but I find them kinda distracting when my window is so small and I really just want to see the tweets. Half of mine is usually empty as well: http://cl.ly/image/2E443D0j403T
10 months ago
Pro
Jitachi
@Maxwell Barvian fine, maybe the solution isn't tabs, teach the user to use shortcuts and remove all your buttons, that way you could have a ultra clean app. I'd totally use an app based on shortcut since I'm a compulsive twitter user.
10 months ago
First of all, this is some excellent design work in terms of quality. However, the overall layout to me seems like it's just a direct copy of an iOS app that was stuffed into a desktop window frame.
Since a lot of users still use a mouse to navigate in the app, I almost guarantee you that a significant amount of users would complain about the tabs on the bottom for a couple of reasons. The primary concern is that the user would have to drag their mouse all the way from the top of the window down to the bottom to change sections. You might not think this is a concern, but honestly when people are reading tweets they don't interact with the ones at the bottom of their list, they instead interact more frequently with the tweets near the top. If they're up there and they want to change sections (without keyboard shortcuts), they have to travel all the way to the bottom, and perhaps back up again if they wish to reply to a tweet at the top, for example.
Additionally, there is the fact that you're breaking the tradition of OS X interfaces. Now I'm not saying this is necessarily bad (look at Twitter for Mac, and how the sidebar was revolutionary), but in this case tabs on the bottom is almost always associated with a touch interface, for good reason.
These are just my thoughts.
10 months ago
Pro
Maxwell Barvian
@Jonathan Willing Great feedback man, thanks! I've been thinking about the issues you pointed out all day, and I'm gonna try to address them tonight. It's looking like a sidebar is the best way to go. Either that, or have the tabs up top. I'm not fond of sidebars in Twitter apps, though, and having them on top seems bad as well to me (two stacked navigation-esque bars = bleh). I'll probably just have to get over myself on this one though.
If you had any other suggestions I'd be thrilled to hear them :). I feel like I've been looking/thinking about this thing for too long.
10 months ago
Pro
Timothy ッ
It looks very iOS (Thats exactly the correct path to take with OS X apps) Especially social apps like twitter because they are heavily used on mobile devices, to users it will feel more at home.
10 months ago
Pro
Maxwell Barvian
@Timothy Achumba heh, thanks :). That's kinda the approach I was taking, though the complaints about mouse travel are certainly legitimate.
10 months ago
Pro
Timothy ッ
@Maxwell Barvian I do think having the navigation at the bottom is bad UX on OS X. Left would be the best. I think the current design is pretty good but need an update, just to look like & work like "The New Twitter". Great job though. I reckon you should give it another go, take a look at the current design and merge it with your awesome new one :) & make it retina ;)
10 months ago
Pro
Maxwell Barvian
@Timothy Achumba thanks man, that's the plan! :)
10 months ago