New answers tagged gui-design
0
Your approaches are very compact, which is something I always appreciate.
Here's another way to approach the UI. It's a Task-centric view. It also makes a distinction between task Assigner (from) vs Assignee (to).
download bmml source – Wireframes created with Balsamiq Mockups
0
Rows that can expanded downward (with a button) seem to be a common and useful device these days. Like accordions except I think it's better to be able to have multiple expanding items open at once, which accordions typically don't do.
You would divide each rows info into the more pertinent info which is be displayed in a single row, and all the secondary ...
0
Yes, icons more in line with the devices style make the app look more complete, polished and professional. It is simply better graphic design, which is part of the experience.
But Apple hasn't yet finalized it's new icon style. The icons in the current iOS 7 release are clearly inconsistant and work-in-progress. There are varying degrees of "flatness" ...
-1
Oracle's BLAF guidelines have detailed batch processing patterns that may fit your scenario.
(http://download.oracle.com/tech/blaf/specs/batchdetail_template.html)
I find this library very useful for design exemplars for transactional flows.
2
Going for decimal is an "Easy Out" for us programmers but doesn't always satisfy the user.
There is a standard for Latitude and Longitude formats - ISO 6709 - and it defines formats for Human Interface.
Here is an extract [from Wikipedia] on the ISO 6709 format:
Coordinate values (latitude, longitude, and altitude) should be delimited by spaces.
The ...
1
iOS 7 app icons are larger than for previous Retina versions of iOS, so at the very least you should provide an icon at the new 120 x 120 size.
5
The best study that I am aware of was by Geert Hofstede on cross-cultural analysis, where he compared individual cultures and perceptions across thousands of professionals around the world. The result was that there were clear cultural differences between countries. But the most interesting thing was that the differences within countries were greater than ...
1
An interesting article on The Next Web touched on iOS iconography, and how critical it is to the user experience:
The result is a strikingly different, if divisive, take on a new set of iconography for iOS 7. Though the designs of the apps are also very important, the icons are iOS 7’s first impression and calling card. That’s why it was important to ...
3
I think it depends how your icons looks currently; if it doesn't fit new guidelines then Yes it's worth changing. Users's impression of your icon is important.
Here are the icon guidelines for iOS7 (see page 182) http://es.slideshare.net/evgenybelyaev16/mobile-hig-22784587
iOS7 app icon guidelines
User universal imagery that people will easily recognize ...
1
This isn't as easy an answer as it may seem. Whatever you do, many (if not most) apps will take a while to update their icons to a flat style.
So if you update yours early on, your icon will be the lone flat one among many glossy ones, thus looking somewhat out of place. However, if you don't update your icon, it will look outdated as other apps start ...
0
Glossy icons look out-of-place with the flat icons, breaking the consistency and hence UX.
1
I cant think of many (If any) scenarios where it would make sense to ignore the specific OS design guidelines. Particularly with regards iOS and Android as they have significant differences.
Users expectations are different depending on the device they use and their experience.
I would recommend starting with the position of "following the UI guidelines ...
1
This is not at all recommended.
If you are going to use native OS UI components of either iOS/Android, please see that your iOS App design doesn't influence the Android app design.
If your app has a completely out of box UI, then its fine.
But dont follow , iOS design patterns in Android.
They are different users. Different behavior. Altogether, a ...
6
You should never directly implement visual elements typical for one system in another system.
There are not only different visual representations, but also different usage scenarios of the UI of two different systems, as the features of both systems are not equal. Thus, you will never (well, maybe some very simple applications excepted) be able to keep the ...
1
I support the consistency issue but I think slightly different. Your browser viewport, windows and screen have no round corners. But content elements on web page could have it. Is it consistensy issue? Definitely no.
So my answer is to think of consistensy of logical elements' level. For example, all content blocks of same semantics are square cornered, but ...
1
This is less an issue of rounded vs. square corners as it is an issue of consistency. Yes, you could do it, but your design would be inconsistent and look very much inconsistent - as if elements from competing designs were just thrown together.
Why don't we change the font for every alternating line between serif and sans-serif fonts? Why don't we mix ...
4
Mixing rounded and square corners is usually considered poor design from an aesthetic point of view. From a usability perspective, the different kinds of corners would imply a difference between the two box types. If there really is a difference between the box types and the different corner treatments help communicated that, then that would tend to ...
1
Start with a blank canvas. By definition, it's clean, simple and minimal.
Unfortunately, you can be minimal only against a set of expectations. An elegant solution is the mininmal solution of its problem.
So state every single need: make sure everything on the screen has a right to be there and it has no simpler replacement for that given kind of problem, ...
1
Get acquainted with UCD (User Centered Design).
UCD is reported to allow the teams sold to it to deploy the minimal system thas compliant with the user's needs.
As I see it, there are two levels to be aware of.
First level is the functional design, related to how it works, what to do next at very stage of the interaction with the system's UI.
The best way ...
0
Many, if not most, websites offer some kind of user participation built in: blogs and news sites have comments, e-commerce sites have reviews, etc. These features cover most of the benefits of web annotation. If a particular site doesn't allow user input, people can always vote with their feet by moving to a site that does.
On top of that, there are ...
1
To answer the actual question:
I found a great app called "Live View" which is a remote screen viewing application, but it requires having a mac computer. Any options for PC users?
Have a search around the App Store. There are also remote desktop applications that work with PC. Splashtop is just one of them.
1
Save your images to the iCloud Photostream.
Save your images in a DropBox folder.
Test your design by showing the pictures in full-screen mode :-)
With this approach you can even take pictures of your hand drawn sketches and "test" them on your phone.
0
I've also been struggling with the marketing team, that wanted on the one hand optimize the homepage load speed, and on the other - put a carousel with huge images "showcasing the amazing experience." And in this particular case it proved totally ineffective.
Here are some interesting finding on the topic: ...
0
My take is that the most valuable thing a tree does is this:
Current thing
Details of current thing
More details
More details...
Another unrelated thing
Its details
Amazing details
More details
That is, it lets you see the detail of several different things at once.
IMHO - this is not a very useful attribute. Most of the time, you get better UX by ...
0
This is less a UX question, more of a functionality question. You need to decide which of the following requirements your app should support:
The user can apply only positive selection criteria - i.e. they can choose either to limit the selection to only Convertibles, or to ignore the convertible flag.
The user can apply both positive and negative ...
0
It depends of your task. For example if you rent a car the user could filter car list by some parameters but still has some preferences on car model. Then the solution could be as on my picture, just color-code the cars which are matched the filter, see picture. The filter serves as hint but user still able to choose any car.
If you prefer rigid filter ...
0
The last thing you want to do when you have worked so hard to get traffic to your site is to invite customers to leave the site to go to your social media pages which are there to get traffic to your site. Infinite loop.
So for function that invoking "sharing" these icons remain as per the social media brand.
For what are essentially external links to ...
13
The first time I saw this behavior was with Office 95. Word, to this day, still does this.
In Word and Other applications like Notepad++, this cursor change indicates "a whole line" is the point of selection. Clicking while the cursor is in this state will select the entire line.
Selecting an entire line is especially useful activity in text editors ...
1
I agree with others here in that search and tags have replaced hierarchical conceptual models in many cases because they have real advantages both on the content creation side and the content consumption side.
But I must point out that tree hierarchies are hardly obsolete as conceptual models that are surfaced in UIs. Often it is the right conceptual model ...
4
Perception: A new market for low complexity ("entertainy") applications has developed - explosively. Thus, even with non-diminishing tree use, it diminishes in percentage and plays less of a role in discusison of "modern" UI and UX changes.
Alternatives: One feature of a hierarchy - fast locatability - has been largely replaced by instant search. We now ...
1
rarely? I see them all the time.
Half the windows I have open right now contain tree views, and half the other half are either console windows or this web browser loaded with SE.
Tree views can be very useful, depending on context. It's just that ever more people seem to think they're "outdated" and try to find twisted ways to do things differently for no ...
19
There are several problems with trees:
A tree is a single taxonomy. This requires the user's mental model
to match the software developer's mental model of the domain.
Navigating with trees requires high-precision mouse accuracy to
expand a tree without selecting the branch. This is also very
difficult to manage with touch interfaces.
Navigating trees ...
43
People don't generally use hierarchical structures 'in the real world' -- it seems to be something that has been forced upon them, a technical remnant of the past.
What needs to be understood is the way that people recognise and organise things. Our brains don't work in a hierarchical way (without generating a lot of heat). Instead, we recognise things by ...
0
The content/purpose of the app can help determine the best course of action if you're looking for a custom loading action.
For most apps, the rotating gif works because it is standard and most users have an understanding of its meaning. Placement of branding/logo is also common during loading.
Also, giving the user a detailed breakdown of the events that ...
0
Well, basically the problem is that even when the app is showing the user that it's doing something (e.g. spinner rolling) the user doesn't trust the app to know that. For good reason, too.
So you need to rebuild that trust. You need to convince the user that something really is happening. Most efficient way to do it would be to show what the app is doing, ...
1
I mean besides the usual "rotating icon".
For tasks that consume a little amount of time, the rotating icon is the best, because users already know about it.
You can chose to show more details if the task is taking too long like "This is taking longer than expected"
Gmail does a good job of it, by showing a notification.( example - ...
6
I mean besides the usual "rotating icon" or stuff like that.
Don't rule out the 'usual stuff'. They tend to be a fairly standard way to go about things. Users are familiar with the concept already and that can be a good thing.
Granted, even they can be an indication of something is 'stuck' (see the spinning beach ball of death on OSX, for example) so, ...
3
I think two progress bars that look similar is pretty hard on the user. It takes quite a bit of effort to grasp the abstraction that the bottom bar represents just one chunk of the top bar.
Here's a suggestion: replace the top bar (overall progress) with a vertical series of icons, representing documents, with a number counter (eg, 3/25). Scroll it up a ...
0
I have been using this control and it has helped me bringing in clarity to any kind of search criteria to my end users. This is a javascript plugin by DocumentCloud and its called as Visual-Search. Its a stunning plugin and by far the best way to represent searches. You add as many filters as possible, it still is very clean and clear for the end users to ...
0
Found an iOS app called PS View which connects directly with Photoshop's Remote Connections server. The computer running Photoshop and your iOS device have to be on the same network though.
-1
Assuming that you already own an iOS device. Do this
Download Google Drive or Dropbox both on your iPhone and Mac/PC
Create an exclusive folder inside of the Google Drive/Dropbox folder name it something like "to be viewed on cellphone"
From within photoshop Go To File >Save As > Then choose the folder on the drive and Save it as a jPeg image.
Within ...
2
Showing two progress bars may not be horrible, but question the value of the total documents progress bar.
Since the application cannot know the total number of pages, a progress bar showing the number of documents processed could be misleading in cases where the first 9 documents are 5 pages long and the last document is 4000.
One option could be to ...
26
Displaying multiple progress bars is not a new concept. Your case is an ideal scenario in which usage is justified. One progress bar represents the overall progress and the other represents the current task's progress.
If you want to use just one bar, then it makes sense to show just the overall progress rather than showing the current task's progress.
A ...
1
If you are using a save or commit button then you can use the visual ques of that button itself to make the state of the system visible.
The button is grey/un-selectable when there are no changes in the system. As soon as someone makes changes, the button changes to your system color (blue/green/what-have-you). This is the standard approach in alerting the ...
3
I predict that if you test it, people would understand that their changes don't take place until they click "Save".
In usability testing I sometimes even see the opposite: When changes are applied immediately after input, people did not realize it, and looked for the "Save" button.
If you insist on showing the old value before saving, I can suggest leaving ...
4
A metaphor I sometimes use is the difference between an architect and a construction foreman, working to build a building.
The foreman can build a building herself--she's built buildings before, she knows generally what goes where, and she knows how to actually put screws and nails and wood and plaster together to form a structure.
However, the foreman has ...
3
1280 is quite popular as a resolution today but that doesn't mean you get such a large viewport. It's going to depend on your market.
If you have an existing site, I would run some analytics on your most common viewport sizes before going with such a wide site. There are tools out there to give you a heat map on viewed area. That can really go a long way ...
1
There's one big limit to on-page dialogues: They're always going to be covering up part of the page.
Unlike having two actual windows, your dialogue can't be moved outside the browser chrome. You can't move them side-by-side (like the snap feature in Windows), for example. It'll always be covering something, somewhere. Arguably this can be more annoying ...
2
Answering to your question "Why is this not being used more widely?", I think it has to do not only with Google being the first one to do it, and do it right, but also with technology.
We have web applications that are still using tables for non-tabular data, applications that haven't changed in years. A dialog like this requires, at least, some ...
1
I regard pop-ups necessary when they are the immediate result of the user's action, and when they stop the workflow at a critical point were a user's decision or awareness is needed.
See a comprehensive guide from Microsoft:
http://msdn.microsoft.com/en-us/library/dd535525.aspx
Top 50 recent answers are included
