Webdev:Design Gotchas: Difference between revisions
No edit summary |
|||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
== Overview == | == Overview == | ||
Many designs given to webdev are missing certain elements or have common layout issues that affect buildout. Below is a list of them. | Many designs given to webdev are missing certain elements or have common layout issues that affect buildout. Below is a list of them. | ||
== Common Design Issues == | == Common Design Issues == | ||
| Line 13: | Line 12: | ||
* Interaction states/flows | * Interaction states/flows | ||
** Many UI elements have hover/up/down states that need to be designed | ** Many UI elements have hover/up/down states that need to be designed | ||
* Link colors | * Link colors and underlines are often missing | ||
* Color palette | * Color palette - would be nice to have | ||
* | * Examples of base font sizes and styling for headers, links, lists, bold, etc. | ||
Latest revision as of 23:26, 9 April 2009
Overview
Many designs given to webdev are missing certain elements or have common layout issues that affect buildout. Below is a list of them.
Common Design Issues
- Variable content
- Different languages have longer or short text lengths, this affects height and width of elements
- Content changes over time, design should be flexible enough to handle changes
- Form field labels can't be next to form fields
- Error states and messaging
- Every form needs to have error styling and messaging for error conditions
- Interaction states/flows
- Many UI elements have hover/up/down states that need to be designed
- Link colors and underlines are often missing
- Color palette - would be nice to have
- Examples of base font sizes and styling for headers, links, lists, bold, etc.