Tag Info

Hot answers tagged

22

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 ...


15

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 ...


9

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 ...


7

It all depends on the actual use; who uses it to what aim. There are a million alternatives, and what you must bear in mind is what data is ok to be approximately right and what parts need to be exactly right. You could call this the granularity of the data. How the data is fed is of course also a consideration. But mainly: what needs to be how detailed to ...


5

how about #1 and #2? Or from the noun project: this icon for drops labled #1 and this icon for poop labeled #2


5

I suggest a bunch of indicators working in tandem: 'Greyed Out' - give the unavailable buttons some transparency, (or the appearance of transparency with lighter colours). This will make sure it is noticeably different from the other buttons, at the very least sparking curiosity as to why it's different. 'Strike-THROUGH!!!!' - "Like seriously guys look, I ...


5

Things that can be used to differentiate buttons: the labels (obviously) color size order location proximity shape/style The more unintended damage an action may cause, the more likely you want to pick from more than just one of those options above. Not knowing the user flow for these commands, I don't know if your suggestion is enough, but it's ...


5

It also doesn't help that you're working with three four-letter words that all start with the letter 'S'. :) Color is an immediate indicator that something is different. In your first example you really have no idea what any of those buttons do unless you really take the time to pay attention and read them, at a glance, they are far to similar to ...


5

Think of the Tango (the dance). You learn the moves (components of the dance) in a set sequence. When you know them well, you can make up your own sequences and so create a unique dance of your own. In short, componentize. Learn the bits and pieces as others have done them. Things like color, typography, layouts, parallax scrolling, ajax effects, etc. Don't ...


5

I think what you are after, are some way of indicating "more, unspecific information". As @Cakey points out, not everything in the world needs an icon, so maybe some indication of editing might work fine. Luggage tags are usually used for tags as in identifying synonyms on additional information, mainly as a help for search and batch. Such as swiss ...


4

I think this question has been asked before but I haven't found it yet and if you do a google search for wireframing tools or mockup tools you will get a huge list to go through. That said some people use Omnigraffle for mockup which if I had to use I would. Other tools: balsamiq pidoco justinmind framebox (which is online) Mockup Builder Depending on ...


4

A more elegant solution would be to grey out the button, set it's state to disabled and use a disabled cursor to clearly show the state. I've thrown together a quick codepen to demonstrate this.


4

I think that everyone so far has gotten tied up with taste, design principle, and /or opinion, while the question, if you guys take a look at the title, is actually a pretty objective one. Do interfaces really need to look good? While "Looking good" is indeed a matter of opinion, the world clearly demonstrates over and over and over again, that while ...


4

I agree very much with user568458. Form Follows Function To expand however on his/her answer: Budget Constraints In the "real world" budget is everything. Its why the vast majority of new website based companies fail. They make it slick and hip rather then focusing on Sales & Profits. For those that have said a company can't be judged just be users. ...


4

The main 'issue' (not really an issue though) that I have with the depth is due to the divider lines in your submenues: The drop shadow is underneath the lines, when it should be on top (with some transparency applied to it), which causes the lighter line to appear even lighter. I'd try that first, moving the shadow to the top. However, something else ...


4

My guess is that the bubble just calculates the required margin at both sides of the word: --word-- --longerword-- What happened in this case is that, because the letters of the typeface have different widths, it looks like the bubble is staying the same size. When, in reality, it's just a coincidence. If the font were fixed-width, so each character ...


3

In my opinion, a designer should never always design anything in any way! I've been designing professionally for a few years now, and every time I have designed a product it has been, first and foremost, to meet the requirements of the client - be it a website, app, email template or other interface. If the client wants a subtle, flat interface (in line ...


3

The most important thing I always find is usability, put yourself into the shoes of your users. So if the buttons are in the right place, people can find everything and the use of your OS/Website/App/etc. is smooth. I think some users look more closely to the design of an application then others, but they all demand that it works well, or that there is ...


3

I agree with both Johannes and DA01, they've both raised the points that I would with regards to positioning, alliteration etc. But what I would like to add. With already having icons for sign save and send, then the re-positioning alone of the send button should be plenty. I would suggest not changing the colour as there is no need and it's also a bit ...


3

The fact that something isn't there at all is a great indication that it is not present! If you'd like to still display the things that were 'chosen but missing' in each result element I suggest not doing it as the same elements in the same section with the only difference being styling. Rather have it be clear to the user that this section shows what ...


3

The first chart type I thought of was a bubble chart. You could put time as the x-axis and the page link as y-axis and then use the bubbles to represent the number of clicks at that time. Here is an example of said chart type: Source (raphaeljs) (Thanks user568458)


3

Just putting in my two cents: No, it is not universally important for an interface to look good (which is vague and impossible to measure anyway). However, some interfaces must have certain looks. The "look" of a site is similar to how you'd dress for job. You wouldn't paint houses in a business suit, nor would you wear cargo pants and a mask as a CEO. ...


3

You have my sympathies, this is a tricky thing. A very similar question has been asked before: How to hire a graphic designer? I would urge you: find someone local. Find the best you can, locally. Designing via email or even skype is a major hassle. It can be done, but I personally do not think it can be very efficient even if the people involved have know ...


3

In all the simple button examples (including other examples in the animation section), the ripple effect compliments the colour of the text or icon - which should follow readability (use a colour contrast checker if in doubt). In general, this is common sense: if you have a 'dark' button requiring light text, adding light ink will be visible and consistent; ...


2

I think the logic is flawed. I choose some amenities and as a result I expect to see ONLY hotels that combine these amenities. You should inform the user that there is NO hotels that have all the amenities and maybe let them see the results with missing amenities by clicking another button. The red crossed button works well in my opinion. If there are users ...


2

Another way of doing it, using the new corner radius handles Draw a rectangle the width of your current circles Using the direct select tool (white arrow) hover on the rectangle. You will notice there are little handles inside the shape, close to each corner. These handles control the radius of the corners. Grab any of them and drag them towards the inside ...


2

It highly depends upon the application. If its an application with a lot of other eye catchy alternatives readily available, then yes, your interface needs to look good but if it is something unique and intuitive, users might not pay that much attention to GUI, rather they would focus on the functionality of your application.


2

In my opinion, first of all they should work properly. If they do, the next step is their look. So basically, for people who use them continuously and they're happy with working, the look doesn't matter. In the same time for every rookie folks the look has a big impact. I think this is the most important factor. It decides if they'll stay a bit longer or ...


2

I would try the noun project for these icons. You can either take inspiration from what you find there or use what you find there as long as you purchase it or give the artist attribution. These are broad concepts that call up different imagery for different people depending on their cultural background. Who is your audience? Is this also for the daycare ...


2

When it comes to colors you typically are going to want to stick to 3 colors (triadic color scheme) on your site overall as a rule of thumb, when it comes to choosing the colors there are many sites which have been created to assist with the styling and help to make the scheme look as good as possible. Adobe Kuler, Color Scheme Designer both of these sites I ...



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