Tag Info

Hot answers tagged

42

The problem with your buttons is that they are not raised above the background, so they don't seem clickable. I highly recommend the Material Design for details on how to choose between flat buttons and raised buttons, with exhaustive do's and don'ts. http://www.google.com/design/spec/components/buttons.html#buttons-flat-raised-buttons


15

Assuming you handle the changing between language versions (as in the example of your first bullet point - sending a page) in a reasonable manner, then yes, you should consider having the language in your URL, but for a reason you've not mentioned here. Note: This generally gets referred to as 'language/region' because, more often, the two letter codes are ...


13

The problem is it's not flat enough Are they icons or buttons? This is a common problem with flat design (see other answers) but one possible solution I haven't seen here yet is to remove information until the only viable option is to click. Think tiles. ...And at this point it should also become obvious that </> never was a suitable icon.


8

How about using a visual cue that users are most likely used to: an underline? Below is an example with solid underline and a dashed one.


7

i thought of something like showing the first skill and let the user figure it out himself, that the others are clickable / tapable aswell (sorry I din't have much time on my hands to do this, but it may help) download bmml source – Wireframes created with Balsamiq Mockups


7

On a mobile device, the current design trend uses this. Users have become familiar with the touch method to drill down for further information without having to be explicitly told to do so. Also, a "pointer" on a mobile device is redundant since there is never any other input device other than your fingers. Keep the simplicity and elegance of your ...


5

material design is good but they're not flat perfectly. I recommend you this, my ideal flat button p/s : if you want people consider something is a button, you need provide them "label" and "icon".With these two elements, most of users will know "ah, there's a button, let's click"


4

People are going to find it extremely hard to scan a list of 50 items, particularly if their presentation involves a less than 3-7 word description. The tools you should consider (both, by the way, trace back to our working memory, which is cognition's biggest bottleneck): Clustering Divide features into logical groups, and even into sub groups. This will ...


4

It could have also been done because the other two options are preferred. For the example you gave, perhaps paying with a credit card or paypal only took 2% off the top of the payment while paying through Amazon might have taken 5% or more. It would be beneficial to the site owner (but not the user) if the user went through the trouble of making a new ...


4

StackExchange itself allows for a user to discover the total family or community of websites through a number of cross-pollination opportunities. Navbar / Masthead toggle: Make your users aware xxx exists within a larger context Sidebar: Related content from one site to another based on context. Content pages: Contextually provide opportunities to ...


4

A few suggestions: 1. Make the Label Visually Part of the Button Labels are usually part of a button 2. Add a Light Border (optional) Highlights without necessarily adding depth 3. Group the Buttons Together Comfortably Make it feel like a group of buttons, each of equal importance 4. Use a Bolder Font Weight The icons are quite chunky, and ...


3

The way that I have seen color variations in text (black to grey) used on sites has been primarily to help the end-user visually sort the Information Architecture of the content they are trying to digest. This is commonly seen on forum boards where the post text is of a dark nature (usually from around rgb 0,0,0 to 70,70,70) as a means of saying "this is ...


3

I agree with both Long and DesignerAnalyst that a bit of styling makes them pop more as buttons. While I like the icons in your edited version, I would suggest adding the text below the icon, for those who may not know what the icon means. Icons are great when their meanings are obvious, but I program in JQuery and Javascript everyday, and didn't ...


2

What a great question, Niklas. I'm a huge fan of minimalism so I took a chance to write an elaborate answer. First, I beg to differ: the art movement and the design style are not the same thing. “Minimalism” as an eponymous art movement has formed in 60s, after the WWII, taking it’s roots in various precessing art movements such as Constructivism, ...


2

Advantages - Minimalist Web Designs Have Faster Download Speeds Easy Maintenance People Do Not Like Pop-Ups Helps the Focus on Content Convert Better White Space Helps Your Website “Breathe” Easier Navigation Fewer Server Resources Less Maintenance Easier Responsive Web Design


2

The call to action should be well-designed enough to stand out alone without animation. Place the button in a universally accepted area where the user will expect to find it. Adding animation often looks like a cheap trick and user's won't appreciate it especially if they are engaged in your site and then their focus and attention is taken away because of ...


2

In my experience, I've noticed that this is something used mostly by younger designers. In all honesty, I was guilty of it too in my youth (ha). When I've talked to younger designers about it, and reflecting on my own thinking, the reason seems to be two-fold: when we're younger, it's easier to read text that doesn't have as high of a contrast than it is ...


2

First, at least in most used programming languages you have a way to resize the image before or after uploading, so in that case you wouldn't have the need to restrict the image upload to any resolution. If this is not in your plans, you have to decide what will be the purpose of the screenshots on your app and then ask for max resolution you'd for that ...


2

Well, the definition of toggle is to switch from one effect, feature, or state to another. In the case of a navigation, it's a change between states. On the other hand, an overlay is something laid as a covering over something else. As you can see by the two definitions, they're completely different things. However, navigation overlays often implement ...


2

There is one quite solid reason for keeping language in the URL: data tracking. If tracking potential users and their breakdown by region is important for you (and in case of business, SaaS and e-commerce it is always important), it will be easier for you to set up the tracking and easier for various tools to track the content, campaigns and conversion if ...


2

Sometimes this is done for speed / scale. Only code is loaded for what is considered the primary options. When you click the more then more stuff is downloaded and more code is loaded. I get this is UX and the UX answer is don't want to wait for more. The reality is that is takes time to transfer data and load code.


2

No, it's not too much to display. I suppose it happened simply because whoever developed this site (most likely Michael himself) was expecting to add more options later or simply didn't know what are the payment options when he was coding the website, so maybe he thought something like: "I'll leave two options for display and hide everything else behind the ...


2

The general rule is not to cover functional things by other functional things, unless those latter things are popups or modals. To me your solution has two problems. One is that the navigation is hidden, another is that the form comes out of an unexpected location, seemingly detached from the search that is semantically associated with the icon. If clicking ...


2

Usually this comes down to space. If you have the space, two buttons makes more sense and is easier to implement. A single button is bit more confusing because you don't know which action will happen first.


2

From UX perspective, everything should be designed to cater to user needs. Main user need in case of personal websites is getting a holistic idea on a person who created it. Main objective? In most cases, hiring that person (given they match the need). Conversion point would be a viewer contacting the author. The most efficient way to transmit the ...


2

You could also give a textual clue You could change "more information" to something more specific


2

First of all, ads should always be placed on peripheral vision, never at the place where a user will directly look. Second, please if possible disable ads when a user views your blog on mobile. Your fill rates might go down on account of poor CTR. Have a look at this award wining blog writer: http://www.matthewwoodward.co.uk/ He has ads placed in ...


2

How about a single toggle between EDIT and DONE ? http://codepen.io/run-time/pen/yyJMKQ Hopefully you will be able to inform the user when changing their data soon. For future reference, I like how Google doesn't make the user explicitly commit changes and instead offers an easy way to go back...


1

Yes always, because people tend to share links mostly with people speaking the same language. Especially distinction like en-US and en-GB will less likely alienate visitors. In special cases the same product or service may have different names in different languages.


1

with number 50, they're not all features...they are functions. You don't have to show all functions of your products in one page, you have a whole website to do this. Back to features, usually most of products show no more than 3 features...range that people would remember about product before they use it. "Ah, this product A has ABC, APQ and AYZ, let's ...



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