Tag Info

New answers tagged

1

The old - attention grabber Of all low-level visual 'features' (colour, size, etc.) that our brain processes, motion (ie, animation) is the most attention grabbing one. See this quote from chapter 2 (What we can easily see) of Visual Thinking for Design, Ware 2008: The web designer now has the ability to create web pages that crawl, jiggle, and flash. ...


0

I like to use animation to communicate where things are located. For example on page load show the navigation open but then animate the minimize feature so the user knows where to find the nav when they need it.


1

Definitely sample 2 — it's much more economical in terms of real estate (doesn't waste space like sample 1). I don't see much clutter provided by the sample 2 but if you are worried about non-matching amount of rows, I'd merge Street and House number to eliminate one row in the right table. Many vendors do it, allowing one common entry form for both of ...


2

Having built a few apps in a similar space many years ago, the underlying UI/app framework is unhelpful. Essentially what you have is both a "List UI" and "Item details" on the same screen. Two basic options: 1. Have two separate screens - List & Item Simplest to implement. Arguably could be less efficient. download bmml source – ...


2

Clearly your app (a cool idea, btw) is aimed at a specialized audience, which raises a key question: In addition to the relatively limited/niche audience of *nix users in academia, do you also want it to be used by average high school/college students & teachers? The other 98% of computer users have expectations for how a Mac/Windows/iOS/Android ...


1

There are many potential advantages of a native UI over a web app but they are getting fewer as web apps are gaining more functionality, and it comes down to a trade-off analysis. The biggest advantage is a more direct access to the OS, especially the file system. For example, it is problematic to store large amounts of data on the client side in a web ...


2

Tabs usually contain different data. For example different sections of a form, like @staccato said. Now each tab is a new annex which the user add. When adding a lot of annexes it will be difficult to distinct different tabs. Instead of tabs you could have a list of annexes and a plus button below it. (For creating a new annex) You can have a list of ...


1

I understand that this is a data entry form for inserting and updating system entities into a database. Seems like a tool that people would need to work with on a daily basis and it's therefore imperative that the UI they use doesn't cause too much cognitive load, which results in unhappy users. The form you're presenting is over 20 fields long. I first ...


0

I've been using Invision for a while and it allows to setup very simple interactions and also supports project collaboration.


0

Check out the Notification patterns for Android Lollipop, specifically the Summarize your notifications section. These are the Do and Don't images for Hangouts notifications: Generally speaking, Lollipop groups notifications in a "smarter" way than KitKat: categorical/app-specific notifications reduce the number of notification cards. Theoretically then, ...


7

These are called 'Dark patterns' and these can be used in many different ways to influence users behaviour. Social networks as you mentioned put the logout button in a separate menu, Facebook in particular hide the 'deactivate' option very deeply in a settings structure. Some people also believe that you can never delete your Facebook account, when in ...


1

You should experiment with various options and try which is the most intuitive to your users - you will likely need a Settings menu anyway so users will be able to choose 1st day of the week and so on... default status for the dates could be undecided, default action of 1 click could be to make the day available, 2nd click would toggle it to unavailable ...


3

Not an easy question. 1. You can't let people click 5 years' worth of days. That will take ages. 2. Off the top of my head, a nice way to lower the amount of clicking: Perface the date picker with some thing like this download bmml source – Wireframes created with Balsamiq Mockups This will at least ensure the user doesn't have to click ...


0

The Nintendo 3DS has a Wifi switch on the side that slides up to activate/deactivate. As soon as it is released, it springs back to the original position. (In the 3DS's case, it's rather confusing, because WiFi on/off are clear states, and that state is preserved even after powering off) Having a switch that mechanically resets itself to the original ...


1

First of all: I understand you're under pressure and under some limitation. I will try to offer some improvements, but this is not the best solution, and might be problematic. Try to make the best of this by Monday, but try to get another timeframe for improvements. Suggestion: If you must view, edit and add on the same UI, tread carefully. You're ...


0

Start off with a calender, and keep it clean, using very minimal colors (white reccomended), and when the user wants to set availability, just let them click on the date, and bring up a split menu, with the right half showing a green button saying 'available', and the left being red and saying 'unavailable'. Good luck!


1

I agree with Ash that the 'Edit' action is actually a Rename action: if the only change a user can make is to the name, it's not 'Edit' in the sense of making changes to the parameters of the Instance. I also think that 'Delete' is an action at a different level of the structure of the application. The Edit/Rename is in the context of the name of the ...


3

Here, the 'Edit', as you stated, only applies to modifying the name of the 'Instance'. As the 'Edit' action is really 'Rename instance', I would call it this (or just 'Rename') explicitly and make 'Delete' a separate action. I have not had success with placing 'Delete' under an 'Edit' entry point; I have observed it to be the last place users look. Its a bit ...


1

The pencil pretty clearly implies that you are editing only the title, given it's location and that it's not clear what is all specific to the "instance" in your screenshot. A gear implies settings. A wrench is pretty vague in meaning. I would probably include an "Edit" option next to "Informations" (but it's a little unclear what those options do ...


2

Conceptually at least deleting could could fit under an Edit option. This being said, Its better to have action options related to a specific item presented upfront, as users can see both the information and actions permitted in one location. this will reduce the number of steps required to perform a task and will add transparency to your solution. You ...


0

The space bar is the easiest button to press repeatedly, given that it is in the center-ish of a standard keyboard, and is also the biggest button. Also, it is not difficult to prevent the default scrolling action.


0

Here is one use case to consider We have a app where we load the link page in a separate window. This is so current list view is still visible and the user can continue to monitor the list while researching the details page separately. This helps with multi tasking. Also the state of the list is not lost. Say you are scrolled down in the list. Of course I ...


0

I have yet to see a GUI that could replace the expressive power of a text representation for any query. Bugzilla has a somewhat clumsy Custom Search interface that allows you to "Show Advanced Features" to be able to put parentheses around groups of criteria like (a OR b) AND (c OR d NOT e) - almost impossible to change your mind if you make a 1 wrong ...


0

It never hurts to show a selection of relevant information on the listing page, information that is appropriate when users are comparing between options. A single product page makes good sense for SEO and for link sharing, however you can still have a combination of unique product pages but also the ability for a product view modal on the listing page (as ...


0

Your description reminded me of the Advanced Search feature in the Thunderbird mail client. In Thunderbird's Advanced Search window, users either pick "all of the following" (a query with only AND operators) or "any of the following" (a query with (a query with only OR operators). The query itself is then constructed from a number of 'rules', which are of ...


2

Finance, accounting, risk management people use interfaces like this all the time. I want category A, B, C in time range X but without B1 and C 2. If you're making an app for such users I don't think it's an issue at all. As always make sure you understand how users complete their task and what they are trying to accomplish (don't take the BA's word for ...


0

Instagram's App, at least for smartphones (not tablets), has a kind of wizard style get forward to complete your new Instagram picture process. See https://play.google.com/store/apps/details?id=com.instagram.android



Top 50 recent answers are included