110

Present their current position in time and budgets together, as bar graphs. This will make it clear that they are either over or under budget for where they ought to be at this point in the month, or over their entire monthly budget.


35

Make the title of the workout the same as the active click colour, so that it prompts users to click on the title. Even if the whole card is active - it gives the user something to focus on.


15

Use a prorated amount to determine whether spending is under or over budget. For example, a $1,000 grocery budget works out to around $33 per day. Multiply that by the current day of the month, and use that amount to determine if the user is over budget (before they've reached the full amount). This will allow you to provide accurate feedback all through ...


13

I recently did some testing with a similar design where the cards were not tappable, only the button like your "Start". The participants mostly expect cards and tiles to be tappable IF there is only one action. They also tended to click on the headers. In your design, I would think that tapping the card would start the workout, so if you want to have two ...


9

If the client says the logo must appear on all the company screens, even those of the mobile application, of course he's in his right to say that and is absolutely correct. But, this is where the professionalism of a graphic designer comes: for this situation there are design variables in a corporate image. Nowadays a logo is not simply the image of the ...


8

There's nothing wrong with having clickable cards. An example of that is YouTube: when you're browsing a list of videos, each video is represented with a card. Notice that the card also has a "show more" button, which brings up a dropdown menu with additional actions. Most of the time, however, the user will just want to watch the video, and so that's what ...


7

I think when a big chunky object represents an action by interacting with it directly (clicking, tapping, hovering, etc) there should be an explicit visual hint (especially given "Cards" in Material Design are not usually directly interactive). Forgive the crude mock-up, but I added chevrons to the cards and I think that makes it obvious they're clickable ...


7

I'm assuming they're talking about something like this: From what you've described, they might be looking for something like classic iOS date spinner, or the Material UI "datetime-local" component found here: https://material-ui.com/components/pickers/ Each number field - day, month, year, hour, minute - can be moved up or down via the keyboard, similar to ...


5

I'm afraid that there will be always be stakeholders who overrule you. If they say it's a must, there's not much you can do about it. That being said, your number one reason (it would consume screen space) is a fair one. Especially on mobile devices, the limited screen space needs to be considered. Try to back your arguments with examples of other apps or ...


4

In my opinion, this is an obvious dark pattern - the site seeks the attention of its users and encourages them to spend more time on it. The generic term for this is "alert fatigue" and there are multiple industries that have done studies about it, e.g., healthcare, aviation, autonomous cars. A few starting points could be: "Never cry wolf", a chapter from ...


4

Some ideas: If you have a (modal) screen where a user needs to wait until certain information is loaded, submitted or calculated, you can show an advertisement underneath a progress bar. You can compare this to ads on railway stations. If your main screen consists of a list (e.g. news items), grid (e.g. photos) or something like a timeline, consider ...


4

App updates are an important platform for communicating product changes and improvement. They are a practical place for communicating information, and therefore are the domain of UX writing. App update notes are not the domain of marketing and copywriting. This is not the place to sell to your customer how great the app is; it's the place to tell them what ...


4

Doing it like Gmail would work. Swipe left and right to uncover actions.


4

Users don’t care about the route, but they do care how long they have to wait and if they feel like they’re progressing toward their goal In some SPAs routing may not exist, making this more of a responsiveness question. In your case it does so I would recommend you change routes immediately and then fill the void with positive feedback as you progressively ...


3

There was a research done on that a couple of years ago. Have a look here: https://think.storage.googleapis.com/docs/mobile-page-speed-new-industry-benchmarks.pdf One of the first things they mention is: The average time it takes to fully load a mobile landing page is 22 seconds, according to a new analysis. Yet 53% of mobile site visitors leave a ...


3

As I'm designing for e-commerce for many years, through some tests I found out that the price is the most important thing in the checkout process, whilst everything close to purchase button attracts more attention. What users want to know is the price so they look for it even if it's not in the right place. And what they need to know is the payment method ...


3

The main point about it is the retention of context for the given sub-task. You have a main task and a sub-task, sometimes an interaction with both is necessary in parallel. The bottom sheet presents the sub-task while the main context is still visible, so as to aid the user's mental flow. Here are a two examples. Maps The best example is Google Maps (or ...


3

Feature 1: Let the user type in the location with a text field but with the option to use the current location. a click on the "tracking" icon opens modal to ask for permission and fills in the current location. Feature 2: If you're opting to get the phone number as additional information you can prompt the phone number input directly with a button "...


3

What if the user wants to know if they can still cancel the booking? Would it be a distraction to the main flow(booking) if we explain to them the cancel policy in the confirmation page? What if a user wants to know cancelling policy and cannot see it in the current view, just before confirmation? It can just break the main flow at all! Changing ...


3

Maybe you could ask them for a zip code or city or something like that?


2

I think the question is too vague at this point to be answered. For instance facebook notification strategy is multichannel effort involving push notifications, email and desktop notifications. Knowing facebook their strategy is secret, super-technical and quite elaborate. However Google has tried to provide some guidelines for developers on how ...


2

The NNG website summarizes response times and need for feedback: Response Times: The 3 Important Limits In summary, 0.1 seconds for the UI to feel instantaneous. From 0.1 to 1.0 seconds the UI will have a noticable delay. After 1.0 seconds the user will feel their work is being interrupted. This is independent of the technology used for the user ...


2

Definitely 1). Save the data in between, and organize the questions in ways that help the user chunk out the process in a logical way without feeling overwhelmed.


2

If I was in your positon I would go with some of next options: - very bottom 10 - 15% of the screen, without covering important functionalities, and with clear X to close / minimize - if some important functionalities are on the bottom, same thing mentioned just on top - "Floating action button". If you google this, you will see in material design it ...


2

A title is what the page is about--it describes the page. If the page is about the application, you can make that the title. If the page is about something else, make the title "Something Else".


2

Use filters to view outstanding items, and an archive can show a 'Sent' history and timestamp. Since you have a potentially long list, give the power of filtering, so that states that are urgent 'Pending', 'Waiting', etc... are shown with the number of items outstanding. Filter the view so long lists can be dealt with. If you have their address, you can ...


2

Tap to exit is probably sufficient, but there are many options and only one way to know for sure. Most preview modes are non-interactive, so tap to exit works pretty well. It may not be the most intuitive, but unless the user suddenly becomes completely passive at that point they will touch the screen eventually and end the preview. However, if your ...


2

I'd suggest using a circular progress bar with the number / percentage written inside of it, this way you are giving your users a more accurate information, meanwhile also making sure it's still quick to scan. Something like this:


2

It all depends on the importance you want to give an action. I think it would be best to use normal dialog in that case. This way you will get the user to focus on the task of answering yes or no. Do not forget that offering as options yes / no is not correct, because you force the user to read the message.


2

Neither Apple nor Google does not advocate the use of a specific orientation for their devices as a default. Material design only guides that layout should adjust to suit the screen size and orientation. The iOS Human Interface Guidelines says: If it’s essential that your app run in a single orientation, support both variants. An app that runs only in ...


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