Hints: What the FINAL Leopard UI will look like

Discussion in 'macOS' started by ventro, Apr 13, 2007.

  1. ventro macrumors 6502a

    Joined:
    Sep 23, 2006
    #1
    So some screenshots have surfaced of the latest Leopard build, showing the death of Brushed Metal and the introduction of a more itunes like interface, but with the old Aqua buttons and form widgets.

    I think Leopard's final UI won't look much like this. Here's my rationale.

    First, look at the current Leopard build. Notice how there aren't any brand NEW UI assets that aren't just a cut-and-paste job from Tiger? It's just a mish-mash of Tiger's assets. Not a single new asset. That screams of this current UI just being placeholder for something much bigger, and much more different.

    Next, take a look at the iPod's current UI,. Since the iPod UI so closely mirrors Tiger's UI, it makes sense that Apple would position their next-generation iPhone's UI to mirror their next-generation OS's UI - Leopard.

    I feel that Apple will want to maintain a visual consistency between their next generation products like they have in the past, and I feel that we have already seen some key elements of this new visual style.

    If you look closely on the iPhone keynote video, you'll notice that during the Safari demo, the form widgets look drastically different than the form widgets in Tiger. Instead of bright blue glossyness, they have replaced it with a glossy black surface. I think this dark, smooth black UI design is the direction that Leopard is taking.

    [​IMG]

    In the State of the Mac Union address at WWDC, Andreas Wendker showed a rough concept for a next generation Finder using the brand new Core Animation interface frameworks, that happened to be completely black. (They didn't call it a "Finder" concept though though, they just called it a way to view files.)

    Also it's interesting to note how scrollbars work on the iPhone. Gone are the big chunky scrollbars that take up 20px on the side of every window. On the iPhone, scrollbars are very slim things, single color 2D vector shapes that are normally completely invisible. They only fade in only when a scrolling action is performed on a page, and I think that if they carry over to Leopard, they will fade in when your mouse is in close proximity to the side of a page. You could just whip your mouse over to the side of a page and have a "mouse proximity sensor" kick in to get your bearings or jog to the middle of the page instead of scrolling. The "cloud" which would activate the fade in of the mouse could be fairly large.

    To indicate that there is page overflow occurring, the scrollbar could fade in as a page loads and grows, showing the user that the page does have extra content on it.

    So basically the scrollbars are out of your way until you need to scroll. Most people scroll with their scroll wheels now anyway, so they would be great at showing you your place in a page and then quickly fading out and getting out of your way.

    [​IMG]

    Basically that's how I see the 10.5 / 10.6 evolving in the future.
     
  2. ghall macrumors 68040

    ghall

    Joined:
    Jun 27, 2006
    Location:
    Rhode Island
  3. Vidd macrumors 6502a

    Vidd

    Joined:
    Mar 7, 2006
    #3
    The matte design reminds me of the Windows XP standard blue interface.
    Although that's a good comparison (iPhone vs Leopad), the things like the scroll bar on the iPhone will be minimalistic and won't reflect Leopard so much that I think you can discover what it's final theme will be like. :/

    We might discover how the design has shifted generally, though.

    I don't like this new theme, it seems closer to Windows than before. :(
     
  4. osirisX macrumors regular

    Joined:
    Mar 1, 2007
    Location:
    Sydney, Australia
    #4
    The iPhone UI means jack all. It's not a hint towards Leopard. The iPhone has very specific needs interface wise. There is little room on the screen, so normal Aqua scrollbars could not be used. Apple quite likes Fitt's Law and wouldn't have tiny scrollbars in Mac OS X. Why, because they would be extremely small targets.

    The iPhone's multi-touch compensates, but OS X isn't able to. Why? Because of the cursor. Your finger is like a bajillion pixels whereas your arrow onscreen is 1 pixel. Therefore, the target size changes appropriately.
     
  5. ventro thread starter macrumors 6502a

    Joined:
    Sep 23, 2006
    #5
    I don't care about the size of the scrollbars. I stated that they are really small on the iPhone UI, but I didn't state that they had to be small on OSX. Hell, they could even be bigger than Tiger's. What I am emphasizing is the behavior of the scrollbars, and how they only appear when you need to see them.
     
  6. polishmacuser macrumors 6502a

    polishmacuser

    Joined:
    Jan 17, 2007
    Location:
    Los Angeles
    #6
    isnt the iphone use leopard so making that part of leopard
     
  7. apfhex macrumors 68030

    apfhex

    Joined:
    Aug 8, 2006
    Location:
    Northern California
    #7
    No, I'd much rather keep the visual clue of what my position is in a document/webpage. The reason why they fade out and get out of the way on the iPhone would be due to limited screen space, which isn't an issue on desktops.
     
  8. Scarlet Fever macrumors 68040

    Scarlet Fever

    Joined:
    Jul 22, 2005
    Location:
    Bookshop!
    #8
    the scroll bars on the side won't change size. they need to be seen. i can see brushed metal getting the flick, though, along with some elements of Aqua. They can't make it black/grey though. it'll probably be a simpler finish, like the one in iTunes, but there will still be a blue or graphite option.

    i reckon it'd be awesome if the notebooks had 'throw' in their scrolling, like the iPhone does. it'd make scrolling so much easier :D
     
  9. Zwhaler macrumors 603

    Zwhaler

    Joined:
    Jun 10, 2006
    #9
    I think the OP is right. I invisioned this all along, I think the iPhone UI will be close if not the same as the Leopard UI. Including the occasional Glossy Black.
     

Share This Page