Tag Info

Hot answers tagged

8

Edit: The answer has been accepted but I would like to clarify and improvise a few things here. First, as far as visual styles are concerned, it's better to call it realism as against skeuomorphic. Realism would be a pure visual style. Second, flat styles can be misused resulting in bad UX, which does not mean that all flat designs = bad UX. I agree that ...


6

Relying solely on mouseover isn't enough. You'll need to find a way to communicate to users that the div is clickable so they will point the mouse at it. The mouseover change will be helpful as a confirmation at that point. Look at how other sites accomplish this. A textual call to action will make your div look clickable. Or making it look like a link ...


4

Although your interface is usable, it's important to utilize cohesiveness and decision-making in the case of image selection. By "toggle", I think your co-worker means the options should be more clear. Here are some mockups that might better illustrate what I mean: Drop Down This method is used heavily in social media, where the user intuitively clicks on ...


4

I don't think shadow on a button is old design if used elegantly and sparingly. You can see here in Googles Material Design they use "raised" buttons with shadow to show depth. https://www.google.com/design/spec/components/buttons.html#buttons-flat-raised-buttons


3

I think combining the two could will be confusing. The reason why companies create two distinct paths is because those two are different paths. What happens if someone thinks they have an account, and then when they don't and they start registering and they don't want that, what then? This is forcing a user to register if they don't have a login, and that's ...


3

The most basic type of timetable is known as Block Scheduling (Days/Quarters horizontally (x) and Time depicted vertically (y). There are a few types of Block scheduling like 4x4, day-wise or semester-wise. You can see some examples in this Wikipedia article. Another variety is Flexible Modular Scheduling. You can see some examples of Flexible Modular ...


3

The calm/easy colors that normal convention dictates isn't just there because they are a bland and boring app, it it because those colors have been tried and tested to allow users to look at the screen and use the app long without eye irritation and usability issues. It is a trend now for entertainment focused apps to use more bold colors to attract users ...


3

The four Divs on your homepage could be treated as Cards. By popular convention, you can create an action panel underneath your card and include buttons or links for actions such as "more details" or "share". download bmml source – Wireframes created with Balsamiq Mockups


3

I would simply separate it a little bit from the group and put a subtle divider in between. White space is a powerful tool for grouping.


3

I think it varies with the amount of data you wish to display. Let's take line charts for example - if you have only one or two lines describing your data, I think it becomes relevant to see the grid (and does not cause much clutter) as it helps to see the reference values. e.g. Seeing that the blue line just went over the '50' line grid is pretty easy to ...


2

I work for a company that offers services for non profits to raise money, and we don't always show a thermometer (that's what we call it) to show how much money has been raised. It depends on the case. That said, the reasoning for using a thermometer is simple: show publicly how much out of the goal has been raised. This provides donors a clear ...


2

You mention "I think it will create cognitive load for the user" and then say you want buttons not to look like buttons.... I think you'll need to: a) specify a little: is this ONLY for desktops? are you ABSOLUTELY sure nobody will use a touch device to visit your site/app? And if not: how do you plan to do what you want on touch devices? b) use elements ...


2

Which pendulum? We can not say that this is a pendulum between flat and skeuomorphic design.I would rather use another metaphor: Evolution. In Evolution, it is hard to see things goes backwards in general but there are also rare cases.Personally, I don't think that skeuomorphism will come back like as it is. Flat design is originated from minimalism idea ...


2

I would think using a traditional week view, using day (x) and time axis (y), would be a safe bet. Most people have been trained to look at time this way using calendars that have day, week and month views. Recently I was in charge of designing a time-registration system and we found that even presenting more days across weeks was creating confusion. I ...


2

I believe that what this really boils down to is that you are using the wrong control for the job. Most often when designing an interface, if you can't easily map an input to a certain control, it's not the correct control to be using. In this case while a slider might look more streamlined and attractive, you've noticed their limitation; They exist to ...


2

If you have more options than can be easily shown, a "more" link may be easier to understand than using arrows download bmml source – Wireframes created with Balsamiq Mockups As to placeholder values for dates. using "dd-mm-yyyy" would be preferable than using a real date for international users. In North America, we're used to the "mm-dd-yyyy" ...


2

If you want to keep it conversational you could try to make one sentence out of it with a Natural Language form: http://tympanus.net/Tutorials/NaturalLanguageForm/ Something like: This reminder will repeat on the | 1st | | day | of | every | | month |. You could combine this with javascript to enable conditional extra options to make it work.


1

If you want this to be the most flexible reminders app ever, I would allow users to select their own 'plan B', and present the options in plain language. Here's is an example of how it could be done. Suppose they've selected '5th Friday' of every month. A dialog could appear that says something like so: What would you like to do if there's no 5th Friday? - ...


1

I like to imagine (hope/dream) that it is pendular, like this: Naturally, as with any swing, it will probably fly backwards towards Skeuomorphism again for a while - almost as a reaction to the problems the completely flat aesthetic has created. Over time I like to think it will come to rest around that perfect middle where users are catered for ...


1

That is pretty clunky as the information is repeated across the page. I'd suggest using something like the OptimalSort card sorting approach: drag and drop into groups, maybe create new groups.


1

• As Tomaz said, break down the form in simpler, logical steps; • Indicate the number of steps in the interface at all times; • Avoid sub-steps; • Use a single column for input, otherwise it might confuse users about what's optional and what's required (http://baymard.com/blog/avoid-multi-column-forms); • Each page should check for errors before ...


1

If you do decide to go with gridlines, you must consider a few issues: Screen size is important - lots of grid lines close together on a small screen will be far more confusing than helpful. Besides, if the screen is small enough (i.e. anything mobile) your users will probably be able to check easily against the relevant axis. Perhaps have a rule that ...


1

The basic functionality sounds to me like what would be in the physical world called a jog dial. There are two basic types of wheels. One type has no stops and can be spun the entire way around, because it is a relative rotary encoder. This type depends on tracking the actual motion of the dial: the faster it spins forward or back, the faster it ...


1

An opinion from the other side: Oh my word I love this behaviour. I have moved to a Mac for work and I miss it dearly. When you're working on or reading a document or webpage, you can grab the bar scroll up or down to check something, and then drop it again to continue from where you were. As has been said here already, it's about cancelling an operation ...



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