#NewTwitter proportions

    To anyone curious about #NewTwitter proportions, know that we didn't leave those ratios to chance.

    This, of course, only applies to the narrowest version of the UI. If your browser window is wider, your details pane will expand to provide greater utility, throwing off these proportions. But the narrowest width shows where we started, ratio-wise.

    Comments and faves

    1. TrentWalton, Jake Mates, Max Luzuriaga, coleypauline, and 161 other people added this photo to their favorites.

    2. 'ju:femaiz (32 months ago | reply)

      Although there's still that padding ;)

      Do like the use of the golden ratio though.

    3. neclayton (32 months ago | reply)

      Golden ratio'd!

    4. fvsch [deleted] (32 months ago | reply)

      No wonder I prefer the narrow version. I wish it would stay narrow even when the viewport is wide.

    5. psdesignuk (32 months ago | reply)

      No wonder it all fits nicely, Fibonacci would be proud!

    6. gscottolson (32 months ago | reply)

      I agree with fvsch. Seems weird to have a faux liquid layout when it's only liquid over a small distance. Why not just use CSS media queries?

    7. joeypfeifer (32 months ago | reply)

      This makes me happy.

    8. farmerfreund (32 months ago | reply)

      Great, so the golden ratio's been applied---it still seems too busy--classically proportioned or not.

    9. stop (32 months ago | reply)

      @fvsch and @gscottolson - we lost the debate to maintain one set of proportions (these). Product wanted a larger details pane when the browser was wider to ensure larger media and more visible content. So we compromised and allowed the UI to expand to a certain point. We couldn't let the timeline expand because it would affect wrapping and vertical position of the selected tweet. Many different factors at play here.

    10. coleypauline (32 months ago | reply)

      I like to question users and designers, alike, when they say something is "too busy." It's kinda like double rainbow; what does it meean?

    11. shipslinky (32 months ago | reply)

      @coleypauline: "busy" or "too busy" means just that; there's too much going on. it's overwhelming in a bad way. part of the beauty of Old Twitter was its simplicity. the new version should at least have an option to turn that second pane off. it's noisy.

    12. fvsch [deleted] (32 months ago | reply)

      Thanks for the information. Always interesting to know more about the specifics of a project.

    13. clussman (32 months ago | reply)

      First off, @stop, we can quibble over the details but nice work.

    14. clussman (32 months ago | reply)

      @coleypauline what @dvdherron said. See also:cl.ly/2ajT where @johnonolan mocked up some barebones compartmentalization of the data in the second pane. I also agree with @fvsch and @gscottolson - I'd prefer a locked details pane. What media shows up in the details pane exactly?

    15. clussman (32 months ago | reply)

      And @stop - I love the iPad version. It's nearly perfect for me. I have some minor suggestions, but your Flickr feed might not be the most appropriate place. Just wanted to give props where they were due.

    16. magerleagues (32 months ago | reply)

      Silence is... wait, I've already said too much.

      Great design Doug!

    17. Durf (32 months ago | reply)

      Proportions are great. Inability to get "Trends" and "Who to Follow" out of my face is what keeps me in external apps for the most part, though. (This is what "too busy" means to me personally.)

    18. colinaut (32 months ago | reply)

      I applaud the use of the Golden Mean but really if you are going to used it shouldn't it line up with the more prominent aspects of the visual grid?

    19. gznewson (32 months ago | reply)

      I don't like it however classical it may be

    20. ozanilbey (32 months ago | reply)

      Yeah, that's me you are seeing on the picture and this is my answer:

      Golden Ratio is just for the minority: twitter.com/#!/ozanilbey/status/25904584104

    21. symmetricalist (32 months ago | reply)

      I saw it before somewhere....

      symmetricalist.com

      perhaps...

    22. David Boni (32 months ago | reply)

      Really dislike the fluid layout. This ratio is pretty nonexistent when almost everybody has their browser maximized. And if I resize to get the narrower version, a scrollbar pops up at the bottom, making the viewable area that much shorter (small nitpicking, yet annoying all the same).

      I personally wish I could just get rid of the sidebar all together—don’t want to follow anyone else, don’t care about trends, especially don’t want to see the last 7 people I followed indefinitely—and show only tweets.

      I love the draggable tweet box. That’s pretty fresh.

    23. cathie joy young (32 months ago | reply)

      What? Draggable Tweet Box? See this drives me nuts. Old Twitter was so much easier to figure out. New Twitter has all these little mysteries that you have to ask about in order to solve. And yes please get "people to follow" out of the work place.

    24. stovall (32 months ago | reply)

      hey -- that's me (i like it, mr. bowman)!

    25. Technical GanXta (30 months ago | reply)


      A true golden spiral is not calculated with Fibonacci. A Fibonacci spiral is only an aproximation.

    26. buny (29 months ago | reply)

      My apologies if this was answered elsewhere, but is there a way to resize the right-hand pane? It's so full of stuff.

    27. Jonathan Lurie (27 months ago | reply)

      I'm playing around with this same concept in Chicago
      Phase 9: Final Wrigley Montage

    keyboard shortcuts: previous photo next photo L view in light box F favorite < scroll film strip left > scroll film strip right ? show all shortcuts