Mobile friendly master detail data entering

I am building a page that has to be mobile friendly. This page will have a lot of master detail data and I was wondering what the best practice is. I found a lot of articles on the web but they give, I would like to call them, abstract gui…
share this post : )
Overlay Vs dedicated page or separate section within the page?

Context
We have this situation where we need to display additional information about products that users has selected.
The page in question is the page that houses the products, each product is displayed in a tile with some basic inform…
share this post : )
Where should the icon to the mobile menu be placed?

I had a client bring up a good point recently about a mobile menu, specifically where should the “hamburger” icon be placed?
In looking at sites you see it in three common places, top right, top left or wherever the menu appeared on the …
share this post : )
Pattern or strategy for showing hierarchical response content?

I’m expanding my app’s capabilities from this:
…to displaying all the rules that were applied, results for each rule, rule description, and link to more info.
I’d really appreciate pointers to apps which solve this kind of detail/de…
share this post : )
Visualize realtime timeline chart

We have a system that collects events.
An event typically occurs every 10th second or so, but its pretty random.
The system collects the events during a project’s lifetime which usually runs for about a month.
We are currently presentin…
share this post : )
How to show negative values in a pie chart?

I have a list of accounts and want to show the balances in a pie chart. That’s pretty straightforward as long as all of the accounts have a positive balance.
When some of the accounts have negative balances (such as a loan or an overdraft …
share this post : )
Are there any documented best practices for in-app SaaS upgrade prompts?

I have a SaaS web app with 3 different plans. Each plan increases access to certain features or a large quantity of a particular feature. We’ll call them A, B and C with C being the highest level, most expensive plan.
Currently if you a…
share this post : )
Why are the keys on a keyboard square?

Some of the keys on a keyboard are rectangular in shape, and the Enter key is often a strange shape, but the majority of keys are square. But there could be other possible shapes for those keys.
For example hexagonal keys could fit well w…
share this post : )
How can the usage of browser alerts be restricted in a way that doesn’t limit the usage of this feature for positive UX?

Many of us have probably been trapped by a clever use of the browser alert feature by a spam website that we had the misfortune of being sent to. You try to exit and get another alert, which stops you from leaving the page. This is an impo…
share this post : )
Color picker for temperature/intensity adjustable light

I’m designing a color picker for intensity and color temperature on a lamp, where the user can adjust the intensity on the vertical axis and the color temperature on the horizontal axis.
Is this a good design pattern? What would be the bet…