Hot answers tagged user-interface
Quick & dirty mockups: Retains the resemblance of a floppy disk (but doesn't have the identifying "slider" in bottom) Has the idea of downloading i.e. saving to a bucket Because symbol is abstract the writing pen metaphor wouldn't work for save as + hints the user that button will save a new file i.e. "save as". Works with one colour* Not ...
I am really interested in the graphical solution of this question, but I really believe that when a standard is globally accepted, you will never lose that standard even if doesn't mean anything anymore (or at least until a better standard takes over). Example: Qwerty keyboard VS Dvorak Keyboard. The Dvorak Keyboard it is more eficent for typing, but the ...
"Save" now means more than "saving to a hard disk," since there's no (obvious) hard disk when you save on the cloud (e.g. Google Docs). When software isn't saving as you type, pressing the "Save" button basically means "Yes, I'm okay with my edits. Commit them." "Save as" is probably too hard to explain to put into an image. "Yes, I'm okay with my ...
My thinking is instead of the save icon alone, why not treat all the tool icons as a set. Consistent =) I wrote more on this here.
Save Personally, I am familiar with the floppy disks, and I have used them in the old days, but now, when I see the floppy-disk icon, I don't think of a floppy-disk, I think of the "Save" function. See this answer to a related question on UX. Floppy disk The floppy image is well known symbol for save, and even though new generations don't know what a ...
Yes, this question is incredibly broad. Maybe it's OK as a wiki article. For starters, you need to define 'we'. There are many, many people and roles involved with designing web sites and they all tend to have different common mistakes. Here are some issues I've seen that seem to pop-up over and over again: Failing to properly define the business' ...
Edit: Since you keep pushing :) I will answer directly: Is the style, creativity, & inspiration side of interface design not equally important compared to the content, efficiency, & productivity side of interface development? is it not important to focus on additional fancy style? I have a little problem with the question, as there are ...
Save it for safe-keeping ...or as a small toolbar icon: Maybe the arrow is not needed: This is visually not too far from the floppy icon so it still feels familiar as related to the save function. Because it is not computer related hardware, it will not get outdated so easily.
I found this icon created by Goodbye Horses at twitpic: The twitpic page stated: New timeless symbol This new save icon embodies our current use of the term "save". No longer restricted to any physical media, rather focusing on the action of storing something for future use.
It seems that the tendency is to store anything in the cloud and we may use local storage just for temporally editions. If that is the case, then using the "Cloud Up" to "Save", may be the alternative.
I think all you need to do is change your text color to White:
Short answer: Form follows function. It's an age-old but often forgotten design principle: how things look or are shaped should follow what they are for. Function shouldn't be twisted or squeezed to fit a form. A user interface is for use and usability, so if you're making compromises on function (usability) in the name of form (aesthetics), you've got ...
Most of the time for live sites you should not have a page at all or, if you really want it live (perhaps to show to others and you don't have a development site), don't link to it publicly anywhere. This is because if a user sees that you have content that interests them enough to click on it, they are expecting to see the page. Having an "under ...
You save a document when you are satisfied with its current state. So the icon can represent that: It's a similar idea to OK buttons in dialog boxes (which sometimes include a checkmark icon).
Even though potentially controversial I would say that more and more you will not need an icon for a saving action anymore. It will just be assumed to be happening all the time automatically and therefore no specific user interface hook will be necessary. There will be no user action that triggers saving.
Do interfaces really need to “look good”? Nope. As you state, and prove, some very highly succesful websites that have horrific UIs succeed. Reddit is a great example. As is Craigslist. So no, you do not need a great looking UI to succeed. But a site better have some really amazing content to make it worth getting through a really bad UI. In other ...
This is what I came up with after reading some answers here... This is an SD card, work, and arrows all combined.
The 3.5" floppy disk has become iconic of save. It's used in the same way the record player has become iconic of audio/sound. I would say that any attempt to change to a new symbol would add confusion to a relatively stable system. That all being said, the 3.5 floppy disk was just removable media, so we could update the icon to be a thumbdrive.
The problem with your link is proximity and emphasis. If you want people to notice it you need to add design to the entire page such as background colors to direct the user to different parts. That is a starting point for adding emphasis to the Upload Prenda. Depending on what you do with backgrounds, graphics, and the design you may also need to adjust ...
To a user "save" means "save my new work to the file". I like the one on the left the most; makes it feel like "stuff goes into the file".
I don't feel it's a matter of being "user friendly". It's a matter of presentation. An incompletely design carries with it a stigma or connotation that you're okay showing off incompletel, unfinished work/products. If the site is customer-oriented (selling a product/service) this indicates that there's no attention to detail perhaps or maybe no ...
When Mac applications come with their own fonts, you can often find these within the application package (which is technically just a folder): Right-click on the application icon within the Applications folder and choose Show Package Contents. A new Finder window containing subfolders will open. Instead of rummaging each and every subfolder for the font ...
The easiest and simplest way would be to darken the button when its pressed. Applying a 30% black layer on top will do the trick.
iOS apps are using a lot of different icons these days for save. Typically it's some form of arrow/document combination.
I think that it's not immediately obvious that they're links. Nothing wrong with that though and they'll realise if they hover over it. I'd just add a fail-safe option where you've put [...] as a standard (blue) HTML link saying Read More or something similar. Nothing wrong with two links to the same content.
Finding excellent designers are hard. Not because they are few, but because the MAIN thing is how you & the designers communicate, get along, like each other, understand each others standpoint and language, how the designer envisions your aims. Find designs you like, and find out who did it. Collect samples of what you like, so you have something to ...
The reality is that most "user friendly" tools you are gonna find are too limited to live in the jungle of modern webapp craft. You cannot drag N drop your way to an asset-rich and use-case finished product. So the solution is to DiY it up using an accurate [shadow]DOM: Chrome Inspector, often called DevTools https://developer.chrome.com/devtools. It has ...
I use the save to folder and load from folder icons instead (a file folder with arrow going in or out).For "save as..." I add an edit text bar to the save icon.
Only top voted, non community-wiki answers of a minimum length are eligible