Questions tagged [metro]
Metro is the name originally given by Microsoft to the user interface design introduced with Windows Phone 7 and Windows 8
2
votes
1answer
138 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
2answers
111 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
1answer
410 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
1answer
436 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
2answers
345 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 ...
2
votes
2answers
171 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 ...
1
vote
2answers
212 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
5answers
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 ...
15
votes
4answers
6k 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 - ...
16
votes
4answers
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
0answers
872 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....
6
votes
2answers
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
2answers
136 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 ...
8
votes
2answers
667 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
2answers
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
1answer
580 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
vote
1answer
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 ...
1
vote
2answers
938 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....
13
votes
2answers
899 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 ...
13
votes
6answers
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 ...
4
votes
2answers
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 ...
6
votes
1answer
467 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,...
4
votes
1answer
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
1answer
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 ...
19
votes
4answers
8k 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 ...
4
votes
3answers
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 ...
50
votes
3answers
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 ...
2
votes
1answer
374 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 ...
8
votes
3answers
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 ...
5
votes
3answers
528 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.
-4
votes
1answer
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?
25
votes
5answers
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
1answer
123 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 ...
12
votes
2answers
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 ...
8
votes
2answers
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 ...
41
votes
8answers
33k 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 ...
