Questions tagged [metro]

Metro is the name originally given by Microsoft to the user interface design introduced with Windows Phone 7 and Windows 8

Filter by
Sorted by
Tagged with
2 votes
1 answer
145 views

Where to find sizes of Windows 8 UI elements?

In the Microsoft UX Guidelines the is a lot of information about best practice, interactions, and so on. But where to find information about space between controls, what width and height of the ...
0 votes
2 answers
114 views

Should I add more colors? [closed]

I'm developing an UI for my application and since we're in 2015 a lot of people really like flat/minimal UIs. Take a look at the screenshot of my UI and tell me if I should change it, I think there's ...
2 votes
1 answer
484 views

How to display configuration forms to minimize clicks

I'm writing a desktop application that allows a user to create a project and add data sources to it. I need to allow the user to edit existing data sources so they can change advanced options not ...
0 votes
1 answer
503 views

Metro guidelines or windows Desktop UX guidelines

I'm designing for a big data-analysis app, lots of data in tables, graphs etc. It'll very likely only ever be a desktop app. However, the project team were concerned that they didn't want to produce ...
3 votes
2 answers
383 views

WP8 tutorial/wizard button layout

I'm trying to design a simple first-run tutorial for a Windows Phone app. It will be linear and informative only (no user input required beyond navigation). I feel the following actions are necessary ...
  • 133
2 votes
2 answers
179 views

Is there a clear separation of function from visual design in the Microsoft 'Metro' UI?

There have been many design projects that are using the Microsoft UI design style/pattern to build web applications and mobile apps. Many current software development teams are using Agile ...
  • 25.8k
1 vote
2 answers
215 views

Windows phone 8 design - logo in detailed pages

Is it good to have logo in detailed pages of an app? For example Page 1 contains list of posts, on clicking it we go to detailed view of each post → Page 2. On clicking comments on Page 2 you go to ...
35 votes
5 answers
2k views

The Pinterest Trap

First a bit of context: I have been falling victim more and more to "Pinterestization" or the "Pinterest Trap" in my design. I have a feeling I'm not the only one. See this excerpt from Hana Schank ...
  • 351
16 votes
5 answers
7k views

What are the UI/UX guidelines for data heavy modern style Windows apps?

I'm working on an application that uses the Windows "modern" design language (née Metro). The app involves a lot of data entry and manipulation. Think of something like you might do with MS Access - ...
  • 263
16 votes
4 answers
1k views

What is wrong with my color selection?

Our customer said they wanted a minimalistic user interface, with a Windows 8 feel. However, I am a developer and do not have any experience with user interfaces. So, I went ahead and found the color ...
2 votes
0 answers
912 views

Mockup Tool for Metro-Style Desktop App [closed]

I'm a WPF developer creating desktop apps. I'm looking for a tool that lets me mockup a desktop application in Windows 8 "Metro Style". The only tool I found on Google that does this is Mockup Builder....
  • 31
6 votes
2 answers
1k views

Alternate row in Microsoft Modern UI (Metro)

Can I use alternate colors for rows using Metro design guidelines? And if I've multiple ListBox in the same view which is the suggestion? Can I use alternate colors (the same for each control)? I ...
2 votes
2 answers
143 views

Facebook user and friends user display patterns for Windows 8 Metro App

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 ...
  • 123
8 votes
2 answers
694 views

Grouping best practices for list with international data

I have a grouped list of items sorted alphabetically. Groups are created from the first character of each item title. All characters that not belongs to any alphabet are grouped into a unique group (...
10 votes
2 answers
1k views

Can a mobile application be made using a totally flat design?

In a current attempt at designing a mobile app using a "flat" design à la Windows Modern UI, I noticed that some aspects of the application feel weird to the average user. The main aspects here being ...
3 votes
1 answer
597 views

Metro Box Style Navigation

Train and Subway Information Design Metro style refers to boxing information so that it's easy to digest. Windows 8 uses this, although they failed to make it usable. Metro Style on the Web I like ...
  • 1,260
1 vote
1 answer
1k views

Are there any recommendations for the look of Metro UI table?

I can't find any Metro UI example of medium-size table (to give you an idea, min. 5 columns with text and numbers and min. 5 rows). For instance, when table is wide, it's useful to use alternate row ...
  • 121
1 vote
2 answers
1k views

Sortable List for Metro App - Examples/Ideas?

I'm building a Metro App that lists all your Facebook and twitter likes on a per URL basis. So it's basically just a list. But I think the usual Metro Tiles/Grid style is really not very helpful here....
  • 370
13 votes
2 answers
934 views

Where to put the "new button" in a metro style app

I am creating a Windows 8 style app, and I am confused where to put the new button. I have many options I can choose from. First above the search list: Second under the search list: Third with ...
  • 233
13 votes
6 answers
3k views

Is it appropriate to use Metro style design for a cross-platform mobile app

I'm finding it really difficult to design UI's for android and ios after falling in love with the windows metro design. I wondered if providing a metro style app across all platforms would be such a ...
  • 233
4 votes
2 answers
2k views

Best Way to provide Notifications to user using Metro UI approach?

I'm a developer, not a designer or UI designer. I'm developing a system and trying to use Metro UI concepts. What is the best (or correct) way to provide a user notifications about errors using ...
  • 141
6 votes
1 answer
485 views

Does Metro scale?

This question has bugged me for a while, I thought I might ask it. In software, we say something "scales" if it's able to stay coherent and consistent over a long period of time, but more importantly,...
  • 7,429
4 votes
1 answer
3k views

What's the best position for the global navigation of an application within an intranet site that has its own global navigation?

I'm designing an interface for an application that is most likely going to sit within our intranet. Users will access it from our intranet and we feel that it will make their jobs easier if they have ...
2 votes
1 answer
1k views

Metro UI breadcrumb guidelines / examples?

Are there any guidelines for, or examples of breadcrumbs in metro UI applications? Especially for applications that have a deep hierarchical structure. Edit: I'm not looking for guidelines on how ...
  • 1,103
19 votes
4 answers
9k views

Are there any statistics on what orientation people prefer to hold tablets at?

I was just wondering if there was any statistical study about what orientation (landscape or portrait) people to prefer to use on their tablets. I am working on designing a metro app and a feedback ...
  • 43.7k
5 votes
3 answers
3k views

Are there any recommendations for the layout of Metro forms UI with hierarchical data on a website?

Most of the guidelines I find regarding Metro design deal with read-only or media content with few text input controls. Are there any design guidelines/examples/screenshots showing good layout of ...
  • 151
51 votes
3 answers
7k views

What's the deal with Windows 8 elements with ALL CAPS?

Here's how Microsoft new Windows Azure portal elements look like: and that seems to be "Windows 8 style". Visual Studio 2012 also has plenty of user elements in ALL CAPS. For dozens of years ALL ...
  • 5,847
2 votes
1 answer
440 views

Width For Group Of Buttons

We are implementing browser based client, and we are having a little debate reg. setting width of buttons which are grouped together (either just layout wise or both layout and functionality wise). I ...
  • 123
8 votes
3 answers
2k views

What lessons can we learn about Metro UX from Windows 8?

Microsoft's Metro design language is moving into the mainstream with Windows 8. There are several online references that talk about the theory of Metro design, including the wikipedia page Metro ...
  • 8,281
5 votes
3 answers
538 views

Are there any guidelines for usability testing a Metro app?

How do I conduct usability test on a new Win-8 Metro application when the expected users don't have any experience on that platform? I'm going to test on PC and not on tablet.
  • 81
-5 votes
1 answer
2k views

metro style UI is too early or not [closed]

I think metro style UI is just beautiful and user friendly. It is suitable for both Tablet and PC. Should I make my new website design in metro style or conventional standard?
  • 115
26 votes
5 answers
21k views

Is there a Windows 8 desktop UI Guideline or HIG anywhere in the world? [duplicate]

And I don't mean Win 7 / Metro UI guidelines, I have them up the wazoo, but I've changed jobs and need to start looking at the new Windows 8 DESKTOP design. I know it takes a lot of cues from Metro on ...
2 votes
1 answer
126 views

What are all the ways I should let my users invoke the toolbar in a Metro app?

I'm playing around with the Windows 8 Developer preview, with the intention of making a Metro version of an existing product. It seems that in the Metro apps included with the preview, the toolbar is ...
  • 6,154
13 votes
2 answers
17k views

Windows 8 Metro Design Examples / Guidelines [duplicate]

Possible Duplicate: Where can I find style guide for metro UI for web applications? Not a technical question about how to build an app (I'm just going to use DevExpress Tiles, mostly because I'm ...
user avatar
8 votes
2 answers
1k views

How will the Metro user interface improve the desktop experience?

I'm trying to understand the "buzz" in regards to the "metro" design in the upcoming Windows 8 user interface. I find most commentators as being thrilled, excited, can't-wait. Hardly anyone ...
  • 1,190
43 votes
8 answers
34k views

Where can I find style guide for metro UI for web applications?

I am interested in the Metro UI that microsoft has used for windows phone 7 for web. I see that their site microsoft.com has been done with metro UI recently. I am looking for a style guide and ...