Tag Info

Hot answers tagged

21

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


14

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


8

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


5

Green, yellow, and red can’t go together? The Ethiopians must be terribly insulted. Google for green, yellow, and red images, and I think you find several attractive examples (along with ugly ones). How well any set of colors goes together depends on the exact color coordinates, and the relative positions, shapes, on sizes of the colored objects, and the ...


5

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.


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

Some quick ideas: Piece of paper with a plus sign on it. Pencil icon to represent "Compose", could be on paper as well. Plus sign within a button that is a color that stands out. If the page is all white with hints of blue, make the button a green color for example. A plus sign in a speech bubble. Any of these ideas with the text "New Thread", "New Post" ...


4

In a way, I think you have the cart in front of the horse. There is the old saying; if you take care of the pennies, the pounds take care of themselves. Of course, you need to be able to step back from details to see the whole now and again, but the devil is in the details. To quote the Master; da Vinci: Details make perfection, and perfection is not ...


4

I think you're looking at the question wrong. It's not a matter of "smaller things" or details being automatically more or less important than the broad aspects of colour and layout. It will always depend on the specific detail you're talking about. I think you get closer to the key issue when you ask Can they be useful in any and every situation to ...


4

As with everything, context is critical. If we're talking an emergency shut off valve at the gas pump, no, the 'little things' probably aren't important at all. Focus on the big thing "Make it obvious and large" is all you need. If, on the other hand, we're talking about differentiating a product in the marketplace, then it's pretty much entirely about the ...


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

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


2

Assuming that wordpress are the people who have reserched this the best I thought it worth taking a look at what they use. They use a pin icon to illustrate 'post'. Going with the theame that the blog is more like a noticeboard than anything thats actually posted. The other examples I have seen are all a little too generic to really comunicate what you are ...


2

It selects and goes to a new page? Without any other context, it sounds like a weird experience. A check box would probably do the job. Again without context, a more logical presentation might be to move the select column to the right and use a right arrow in some form. That would indicate that you will direct them to a sub-page for that row.


2

I do like the link Julian has posted but the issue with using opensource mock-ups is eventually it feels like everyone has them. If you want to be creative why not make your own? It would appear that you are virtually down that route but I think you are not executing your workflow effectively. I say that because you have not stated anything about ...


2

I found this post from abduzeedo.com very helpful. http://abduzeedo.com/useful-design-mockups-your-portfolio some of the mockups even have a duplicated smart object right in the first layer. All you have to do is replace the content in that smart object and you're good to go.


2

You have a flipped hierarchy issue. The buttons are visually more prominent, but the content they link to is secondary to the content above. So, one option would be to reverse that hierarchy. Make the current buttons plain links instead and then style the list of links above to look more like a navigation list. Perhaps something like this: ...


2

You'd probably get more of what you're looking for over at UX StackExchange. Nonetheless ... I would turn these into menus rather than modules on the page. The three headings would be the top nav and the list of links would drop down. I think that would make your concept much more apparent to the user. You could keep your thumbnails in the menu, if you're ...


2

You could add an arrow or a bar to emphasize the links more. To me, as they stand, they look like headers only (although I like the cleanness). You could also hyperlink in your descriptions (repeat the title) so that if someone doesn't see them as links, they can catch the hyperlink. eg: In Learning Java - Introduction, I decided to... Dominic's ...


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

What you basically have, is a bullet list for categories, and a "bullet list" for posts (it is not actually a bullet list, but in the sense of information retrieval, it is a bullet list.). In a sense, your blog does not have a classic blog format; there is very little to indicate that your posts are time-connected and therefore sequential. Nothing wrong ...


2

Build a simple interactive prototype I like to work with the developers from the start to make sure we're exploiting every possible advantage. Since we're already collaborating, building a rough prototype is no sweat. I've also worked with simple image-based prototypes but there's too much hand holding and explanation. The user never gets immersed.


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

The common UI widget for selecting one item from a list is a radio button. ( ) Item 1 ( ) Item 2 ( ) Item 3 Of course, rarely does selecting a radio button send you to another page, but it's certainly do-able. An alternative solution would be to simply make them links:     Item 1     Item 2 ...


2

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


1

I'd probably use a combination of: Changing/inverting the entire rows colour when you hover over it - to indicate that you can interact with it & Changing the cursor to the Pointer CSS property when you hover over the button - a very obvious indicator that something can be clicked on. In your particular case I'd use text rather than an icon, as it's ...


1

according to my view fa-eye for show & fa-eye-slash for hide is best for something to show and hide. available font icon at : http://fontawesome.io/icons/ you can also able to apply the color on icon. but you want to show or hide sub-menu than use other icon like plus,minus,down-arrow,up-arrow


1

It is a little hard to come up with very concrete suggestions, as I do not know the exact details of your calendar-needs. The visually most elegant solution would be something like this: But since you are using jQuery (yay!), my first suggestion would be Datepicker: There are of course a million alternatives out there, just search for jQuery calendar. ...



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