Here's how I would redesign Twitter (behance.net)
6 years ago from Igor Pascoal, Product Designer
6 years ago from Igor Pascoal, Product Designer
Here's my controversial Twitter redesign:
$sudo rm -rf /
Allow me, dear sir, to drop the mic on your behalf.
Infamous redesign. :)
I'd get rid of the nazi's.
The left- or right-leaning nazis?
Things I was hoping to see:
Yeah, these are great points. I would expand onto the 3rd point and say twitter can feel bit isolating at first. You have to initially make a real effort to get any genuine connection with others out of it.
Design to curb abuse
how exactly? the entire UX of the site encourages and is built toward rewarding this behaviour.
it's actively designed against quantitative discussion.
If you were to design a platform for cyberbullying from the ground up, would it honestly look any different from twitter?
I'm not sure how it would work. All I know is it's a problem and I'd love to see it a solution in a redesign.
Did you ever use Branch (since acquired and sunset by Facebook)? It was, in my opinion, one of the most thoughtfully designed social networks I've ever used.
In many ways, it was an evolution of Twitter, but structured from the ground up around respectful discussion. You had, from memory, 3-5x the character count for responses, and conversation threads were 'invite only' – anybody could watch a discussion play out, but would have to request permission from participants in order to participate. Those who weren't invited could simply 'branch' the conversation, in which case the original participants would not be notified – a perfect way to balance providing the ability to speak freely against targeted harassment.
It's a real shame they weren't able to take the concept further. I'd love to see somebody develop a similar service as my guess is that Twitter is now organisationally incapable of executing something like this.
Personally, I don't have too many issues with Twitter. The biggest thing they're missing is a bookmark or read later button. At the moment I 'heart' things I want to read at a later date, not necessarily things I 'heart'.
Yes, I've actually had the same need before. I guess this would be one of the easiest things for them to implement.
It's definitely one of the better ones, however this doesn't really improve a thing in a big way.
Twitter has different problems, eg. having a better + button doesn't really do much if the new user doesn't know what to post or why, or why to even join if it's full of nazis.
Unsolicited critique incoming...
Space on mobile is crucial. Everything you design on the screen needs a deliberate purpose for being there. Making headlines like "While you were away" so giant seems unnecessary to me. You're cutting out probably 10-15% of the screen real estate for a static message. I'd assume Twitter intentionally keeps that headline small.
Again, you placed the new tweet plus sign at the bottom nav because it is extremely important to always have available as you explained. Yet we see it taking up space on your profile as a giant icon. Do we really need it twice? What behavior do we want Twitter users to perform? Tweet from any screen or sometimes tweet from 1 of 2 places?
Trending near you tags are so big I can only see 1.5 at a time and the title "Trending Near You" takes up so much space that the tweet preview for the tag can't even fit in its entirety. Twitter probably went with a list view for trending topics because users want to scan many trending items at a time. The idea you have is good, but the design doesn't show it off the way it deserves.
Hope this doesn't sound harsh. I think the ideas here are good, ie, clarity, ease of use.
Hi Thomas!
Thanks for your feedback. You don't sound harsh at all.
I think you're right. Space on mobile is precious. I made a deliberate choice of taking up more space to provide a greater sense of hierarchy and to make things really easy to read and scan. I believe that something like Twitter is never static and that people fluently scroll these interfaces. Twitter does prioritise information density at the moment, and, for me, it makes it harder to scan and read.
Regarding the extra plus sign on the profile, that's a fair point. I would be interested in testing it with users. I added it because it's a common pattern on other social networks to go on your profile and being able to add something new to it. But showing the same button twice might be a cause of confusion as well.
Once again, I'm not so concerned about how many trending topics I can see in one particular view. As a touch device, I think it's acceptable to invite users to interact with content.
Again, thanks for your comments. :)
People DO scroll. And they are more used to it on mobile than desktop => large type on mobile is OK.
I really, really, really want Twitter to go ahead and stop mucking around with my TL. While I appreciate that this is one of the few unsolicited redesigns that actually appears to be an evolution on the current product instead of a skin-deep aesthetic overhaul, those features gaining even more prominence is not something I'm fond of :(
I really like that instead of focusing on the aesthetics, you really dug into how things work, and kept the fidelity low.
The only piece of feedback I have is that this section of the tweet composer looks more like the background than like important actions: https://cl.ly/0k2M3C323j33
Thanks, Matthew! Maybe this wasn't clear but the idea was to have the camera active in the background with interface elements on top. Sort of like giving you a glimpse of content you could add by just swiping top to bottom.
Another unsolicited redesign. Ugh.
I wish I could find unsolicited redesigns before they spend time on another project and get them to help me with projects I'm working on. I built this app a while ago that was like Twitter, but with Emoji and I wish I had a designer to help me with that at the time.
I'd like to help out if you have a future project in mind.
We can't design or redesign something well without data or user feedback. We can only use design principles as a factor but not the only factor for making a design decision.
Thanks for the feedback, Rey. You are right. Without any data, it is not possible to design something well. I am a regular user of Twitter. And observational and empirical data, is still valuable data. This redesign was done for me, as a user. And I think it is possible to design something well in this scenario.
You handle the criticism well. Thank you. I probably do a redesign of a product for myself as well in the future, it's fun and I guess improves your skills. Sometimes it also just works. Data is important but also sometimes design theory and principles should be considered in decision making. High five my friend! Keep making great design!
I wouldn't separate each tweet in a feed like they've done here. That would be insanely noisy. Frankly, I find the avatar does a great job of doing this without any additional space.
Great work. I like the effort you made into keeping the experience coherent across platform. Also ordering the interactions by emotional commitment is a smart way to think about it.
Thanks, Gary!
I think the design of Sublevel is much better than this. But of course, some people will stick with Twitter no matter what.
haha come on man, we all know you run Sublevel. Talk about how you approached these same problems if you want to namedrop it
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now