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.

I'm developing a win 8 metro app (html) with facebook integration. At windows 8, i cannot use the facebook social plugin to show user informations...

So i need to construct my HTML and css to show the user picture and name...

Where can i find models or patterns to do:

  • A box to logged out users
  • A box to logged in user
  • A box with some user friends that plays the game
share|improve this question
add comment

2 Answers

up vote 2 down vote accepted

The official UX guidelines for Windows Store apps has a section about tile and notifications with a link to a page that has even more specific guidelines for tiles and notifications.

There is a wide range of desired visual styles with examples like the below, that show how, concretely, things should be done.

enter image description here

In your question the actual design problem you face seems a bit vague, but I am sure those two links provide you with pleanty of examples and ideas.

share|improve this answer
add comment

You can check IBNLIVE website's http://ibnlive.in.com/ or http://ibnlive.in.com/movies/ right side. They also have a vertical box of various sections.

share|improve this answer
    
This site uses the social plugin... Im looking for a customized examples... But, thanks for your answer :D –  Bruno.cf Jan 11 '13 at 1:44
    
Ok. Intention was to share a UI pattern to show different category of user. Did you find it useful? Assuming this info will be show before game starts, you will have plenty of space to use. Also, are you looking for a design for tablets or normal PC? –  ripu1581 Jan 11 '13 at 2:02
    
Im developing for Windows 8 (PC/Tablet). Im looking for something simple, like the start win 8 page link. I just looking for patterns like, the size of the name, the box, the picture, bordes, magins, padding, etc... –  Bruno.cf Jan 11 '13 at 2:25
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.