Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Recently I stumbled over a Homepage which had a sort of tiled design on the homepage consisting of several black/dark rounded boxes positioned next to each other. Similar to stack exchange view all sites, but with just a few boxes of different size above the fold.

However I forgot which site it was, and am now looking for successful implementations of that design in the wild and possibly if there is a name for this other than tiles?

(Tiles seems to be something slightly different, involving functionality)

This is how it looks like:

enter image description here

The aim here is to replace a slider with something like that.

So basically I am asking if this design has a name, and what well known websites use it on their homepage instead of a slider (news sites don't count).

share|improve this question
1  
It looks like simply fitting rectangles into a page. What comes to my mind is "newspaper layout" but that's not an established term for a layout style. Can you give us more clues as to what you're after beyond this general idea? –  obelia Mar 16 '13 at 23:53
    
I need to present several things on the homepage. Marketing msges, webinar, maybe news, etc but I dont want to use a slider. A news homepage has however very specific needs, so I don't want to look at news homepages. –  user1721135 Mar 16 '13 at 23:55
    
Basically im looking for established brochure type websites, who do not use a slider but still have various msges above the fold, and maybe these rectangles have a name as design pattern? –  user1721135 Mar 16 '13 at 23:57
1  
It's fairly common to have diverse units of functionality arranged in tight fitting rectangles on a page. I don't think there's a specific style or pattern that applies. –  obelia Mar 17 '13 at 0:04
1  
How are you differentiating between the grid style design (that is often associated with web pages) and the tile style design (that seems to be associated with apps)? I think the real difference is in the interaction and not the layout, and it would probably be impractical for websites to have the Windows 8 style of interaction. –  Michael Lai Mar 17 '13 at 23:13
show 2 more comments

1 Answer

up vote 1 down vote accepted

These sites are similar.

  1. http://www.istockphoto.com
  2. http://flipboard.com (used on app but not website)
  3. And jQuery Masonry is the js plugin used to make the "Tiles" Design. They have a showcase of sites using it. http://masonry.desandro.com
share|improve this answer
    
masonry seems to be the right idea. –  user1721135 Mar 18 '13 at 15:12
    
Glad to help. Let me know if mine is the best answer. –  Danger14 Mar 19 '13 at 20:07
    
yours is the only answer so far - so it is the best, the worst and everything else as well ;) –  user1721135 Mar 20 '13 at 0:15
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.