What term to use to show / hide pre-filled fields in a form?
We have a form that is about 70% pre-filled. However, in between the pre-filled input boxes, there are a few ones that needs to be filled-out manually.
However, when we show the form, we only want the person to fill in the few ones in bet…
Better Form Design: One Thing Per Page (Case Study)
In 2008, I worked on Boots.com. They wanted a single-page checkout with the trendiest of techniques from that era, including accordions, AJAX and client-…
Improve Your Billing Form’s UX In One Day
 |
The checkout page is the last page a user visits before finally decide to complete a purchase on your website. It’s where window shoppers turn into paying customers. If you want to leave a good impression, you should provide optimal usability of the billing form and improve it wherever it is possible to.
In less than one day, you can add some simple and useful features to your project to make your billing form user-friendly and easy to fill in. A demo with all the functions covered below is available. You can find its code in the GitHub repository.
The post Improve Your Billing Form’s UX In One Day appeared first on Smashing Magazine.
Web Applications – Why no scrollbars?
We’ve recently started developing a web application and are having problems with responsiveness in the design. Every time I try suggest a scrollbar as a solution I am told “No, it’s an application so it mustn’t have any scrol…
How should I show disabled state in table?
Let me explain a problem at first!
I am making a mockups for a web service hardly consisted of tables. Every table has action at the end of each row. So, every set of actions refers to certain row. At some parts of applicati…
How should I show disabled state in table?
Let me explain a problem at first!
I am making a mockups for a web service hardly consisted of tables. Every table has action at the end of each row. So, every set of actions refers to certain row. At some parts of applicati…
CTA-button in header-hierarchy to make the CTA more accessible
At the top of our web app, we have a heading followed by a CTA-button.
Something like this mockup i just made up:
download bmml source – Wireframes created with Balsamiq Mockups
Mission: Id like to make the CTA…
Stickers versus Emojis: what is the difference?
I have a very basic question. I would like to know the difference between a sticker and an emoji (as used in text messaging). Are they the same thing, our is there a difference? Is it just the size (with emojis being inserted…
Stickers versus Emojis: what is the difference?
I have a very basic question. I would like to know the difference between a sticker and an emoji (as used in text messaging). Are they the same thing, our is there a difference? Is it just the size (with emojis being inserted…
Designing warning/confirmation dialogue box
Currently working on a design which will prompt a dialogue box with confirmation message. Just some background on the design, when user attempt to add or delete data from a grid, a dialogue box will appear warning the users t…