Tag Info

New answers tagged

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


0

I would suggest having a regular text box where the user can type in a value, and include a dropdown arrow which expands into a more visual view of their choice. For a visual view you could do something similar to what the Google alarm clock app does: Tapping on different parts of the clock sets the time to wherever you tapped, and tapping on the numbers ...


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


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


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


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


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


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


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


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

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


0

Should we be considering taking interface cues from the physical world instead of older generations of computers? I think this question is setting up a false premise that it's one or the other. I'd argue it's likely neither. The best practice these day is to consider 'mobile first' to accommodate the very real fact that more and more people are using ...


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


0

@Scunliffe has already answered the first question. This is my take on the 2nd. First, you should decide if a modal window is required if the only action the user has to take is to click "Ok" The same guidelines from Scunliffe apply. If the message for each frame is just an information the user should read, make it a toaster. This pattern can be seen in ...


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


-1

You want to create a class for all divs. <div class="box"></div> but for the last div, create an id. <div class="box" id="rightbox"></div> then style them via css .box { //Your styles } #rightbox { // your unique styles for the right box } Make sure that you mark conflicting styles as !important in the ...


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.


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


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

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


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


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


0

In the physical world, one term that could applicable is potentiometer. It's typically a knob or slider and the further you turn it, the the higher or lower the resistance within. Note that these are difficult to implement in a virtual UI. Knobs and sliders are great physical objects to interact with*. They can be a real pain to interact with via a ...


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


0

Analyse the data from different perspectives or use-case scenarios. For example, your data maybe in the form of TV schedules - there may well be a single optimum way to layout a TV guide but what if your user is only interested in a particular time of day? or a particular type of TV show? or wants to know what was on yesterday? - That's likely to yield ...


0

You could have a badge that shows the current bid directly on the job list item. If it's the operator's turn to respond, add checkmark or x buttons to accept or reject. If reject is clicked and there are remaining haggles, provide the new bid input on the right. This way, the operator can respond directly from the list -- one click in the case of accept ...


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


1

Definitely show it, the progress bar will work as a visual nudge to donate. Users will not expect it to display their contribution if the scale is for thousands.



Top 50 recent answers are included