Tag Info

Hot answers tagged

31

In addition to typo, another consequence is that student may get confused when there is difference between number of digit of her answer vs that of the correct answer. For example: 74+26. She might type 90, but nothing would happen, because correct answer is 100. 32/0. She might try to type 32, but as soon as she types 3, she'll get an error. I would ...


28

User Experience Design Guidelines for Windows Phone Related: Windows Phone UI and Design Language on Channel 9 (video)


15

If you are going to be prototyping for iPhone, there is a very interesting iPhone Mockup tool I found recently. You might also want to consider the listing provided by this article, it has a lot of stencils and tools on the subject.


11

This blog post links to the Windows Phone 7 Series UI Design and Interaction Guide, which is probably of interest to you. If you are building a native app, you probably want to make it in accordance with the device's UI guidance. An exception might be if you are making an application that provides an interface to a website (like the Twitter and Facebook ...


8

May you have a look at Jeff Wilcox' "Metro" Design Guide for Developers: http://www.jeff.wilcox.name/2011/03/metro-design-guide-v1/ This guide is not as extensive as the PDF provided bye @Jin, but focuses on some main aspects to consider, when developing WP7 Apps.


8

Good question - Balsamiq Mockups may be your best bet. They have iPhone controls built in, and someone has contributed controls for Windows Phone 7. They also have stuff for Nokia platforms, etc. Not sure about Android options here. Keep your eye on Balsamiq's Mockups To Go blog for further contributions from the Balsamiq community. I also created two lists ...


7

I have to start off by saying I haven't seen any research one way or the other. Guideline vs. Requirement I should note that you're asking if the spacing between the touch targets is an unnecessary requirement, when you reference their guidelines. The difference between these two is pretty key. I believe Microsoft isn't stating you should be required to ...


6

In situations like this it's a good idea to compare the two possible negative outcomes to see which has the bigger impact. Not having a submit means the worst that could happen is that the user has submitted an incorrect answer by mistake, therefore giving them a fail and possibly needing to restart the whole test. Providing a submits means the worst that ...


6

Also check out Pencil for Firefox.. and the Android stencils over at the android-ui-utils open source project (blog post here). I also hear Adobe Fireworks is very good for UI prototyping (apaprently with support for interactive mocks and 9-slice shapes) ... I haven't tried it myself though.


6

Check out how the standard Windows Phone Mail application handles it. Tap any mail item at the lefthand edge of the window - a column of checkboxes will slide into view, with the item you just tapped already selected. The application bar will alter to show you the available bulk actions - Delete and Move are the two main options, with Mark as Read, Mark ...


5

Personally I like the icon. The empty column does have a function: You can start your swipe to the left there, without risking accidentally pressing any tiles. As oppossed to iOS, where unintentionally starting apps keeps happening to me. I attempted to illustrate this: It is worth noting that in Windows Phone 8 this design element is removed, in favor of ...


5

Generally - if there is hierarchy within the navigation tree (i.e. the List -> Map -> List is actually navigable) then yes, the Back should return the user to what really was the last view. However, if there is no hierarchy (i.e. you are browsing items and always returning back to some list to select a new one), you should return the user always back to the ...


4

There's a dedicated tool for the iPhone (and iPad) which actually runs on the iPhone - Interface. As Rahul pointed out, Balsamiq is a good choice and Axure also has dedicated libraries (at least for the iPhone - I haven't checked for the rest).


4

Mockup #2. This is how Google handles it (mobile and non-mobile) and this seems very intuitive. It is also in line with the way the desktop/laptop version works. Anything that is more seamless is better as long as it is not more difficult to use.


4

For a quick look, Jeff Wilcox's "Metro" Design Guide is good. If you want to see an after-action report, Scott Barnes wrote about his experiences with Metro. The comprehensive manual titled Windows Phone 7 Series UI Design & Interaction Guide is also available. You may find the Channel 9 video helpful.


4

I agree with Microsoft, a very good example on iPhone is the music controls available while the screen is locked. I use these a lot in the gym or out for a walk, unfortunately the next/prev and play buttons are small in size and very close together in a small area of the screen. Occasionally I accidentally hit the prev function halfway through a podcast and ...


4

First, some background: one of the fundamental principles underlying the UX of the Windows Phone is that the application screen isn't necessarily the same size as the phone screen. The phone screen, at least for the 7.x series, is 480x800 pixels. Application screens can be as wide or as tall as required (but not usually both). The users experience is of ...


3

In my original answer, I've suggested adding 3 buttons: Next question, Submit, and Try again (if the submitted answer is wrong). That bothered me because such a design would be cluttered despite being highly detailed and not requiring much training. I wrote it late at night, not at the prime of my mental capacity, and, as a result, didn't think much of the ...


3

Lessons about Style: Mike Kruzeniski (Creative Director Windows Phone Design team) argues at his blog about the benefits of the new Metro UI Style, which is short the new Bauhaus. Personally, I think he is trying to put to much history in "the new branding" as Bauhaus is not only about ornaments (here UI Chrome) or not (no Chrome just typo). Bauhaus is form ...


3

Don't create a dead zone Assuming you allow both horizontal and vertical swipes and only horizontal and vertical swipes then I see no reason not to simply say that if your swipe is within 45° of horizontal treat as a horizontal swipe and within 45° of vertical, treat it as a vertical swipe. I'm not sure there a need for a dead zone on the middle where it ...


3

Here's a list of metro-style websites for some inspiration: http://teusje.wordpress.com/2011/03/17/web-design-trend-metro-ui/ Also, you can take a look to this templating framework to create websites styled like Metro UI.


3

You may find this documentation from Microsoft helpful: Downloading design assets for Metro style apps http://msdn.microsoft.com/en-us/library/windows/apps/hh700403 Also, I created a simple Windows 8 Metro mockup PSD available for download here: http://dribbble.com/shots/301642-Windows-8-Metro-UI-Demo-PSD


3

Update #1: This project is discontinued you can see how it looked like at http://www.youtube.com/metrodynamis Metro Dynamis is a UX Framework for Metro Style Applications in HTML/CSS/Javascript Disclaimer: I'm the creator of Metro Dynamis.


3

That isn't a good way of handling it. If something bad happens, and you know that it has happened (which I assume is the case by you having a message box), you should inform them what has happened and give them options for what they can do next. Something like: Edit: With the update to the question, I would still say the same thing. The message and ...


3

Microsoft recommends using the Cambria font if you have to use a serif font. http://msdn.microsoft.com/en-us/library/windows/apps/jj553415.aspx


2

Late to the question I know, but I've only just joined this site. This blog post from the MSDN UK Team has a great collection of resources about WP7 design, including the official Design and Interaction guidelines, design templates, and a series of videos.


2

5 Things you ought to know when designing metro screens.


2

I'd like to add the WireframeSketcher Eclipse plugin to the list. A very nice and easy to use prototyping application that can be used right out of the IDE even by non-programmers. One nice advantage of WFS is that the screens are saved as XML files, which allows easily storing them in a version control system and diff'ing and merge'ing them to keep changes ...


2

As it was discussed in a similar situation, entry fields & a submission button is what makes users understand that it's a form not anything else. In your case, the submission button (Save) is visible at throughout the user's interaction with the form. This leads user to believe that it's the end of the form and/or that it can be submitted at all times, ...


2

The silverlight for Metro Style Apps leaves out the DataGrid that has been a staple UX component in Windows Forms and WPF applications. This forces developers and UX designers to come up with more clever ways to display large amounts of rich data. Many people seem to be building dashboard-like views featuring tiles with only data important to identifying ...



Only top voted, non community-wiki answers of a minimum length are eligible