Live prototypes solve a problem, test options and gain design clarity. Prototypes help to determine style or functions, and to learn current design techniques. Prototypes show proof-of-concept to a client or to another developer.
Prototypes range from basic building blocks to full-functioning components.
Sometimes prototypes look ugly, but functions are refined and incorporated into larger projects. Prototype styles often become part of a library of reusable patterns and components.
Prototypes are an artifact of design thinking with stories to tell.
Navigation is the set of patterns which require the most research and exploration.
Examples of navigation get studied for each website to determine what it needs to do and how it should look.
Navigation patterns change over time. From using GIFS and hover effects, to using floats, Bootstrap and Flexbox.
There are many ways to approach the way users get from here to there.
Responsive design patterns control how content flows into mobile and desktop formats.
Responsive design embraces modern design elements once referred to as HTML5 and CSS3. Responsive design can use a thing called media queries to control design but not always.
Over time, new ways to control how content appears to users are added and implemented.
Cards are singular components that contain distinct segments of content.
Cards set each item apart and direct the user to focus on a goal.
Cards are useful in mobile settings where limited space requires succinct chunks of content.
Cards are also useful to direct actions for content functions such as shopping or other data entry.
The ability to control layout within a component of the larger layout can be difficult.
Certain functions such as tables can be hard to lay out on both desktop and mobile browsers. Navigation, forms and other layout components need to reformat to fit a given view.
These prototypes explore many new solutions to design layout now available in browsers.
Sticky footers are a small problem that have had many solutions over time.
"Sticky footers" is a term that means to keep the footer "stuck" at the base of the page. Because of CSS, this has not always been easy.
Recent additions to CSS help to make this small visual function easier.
Modals and iframes are content component structures that serve to set content in a separate context. They have certain desirable features as well as drawbacks.
In some cases it is necessary or desirable to remove the user to a separate space to focus on a task.