New Perspectives On Web Design

CHAPTER 7 Designing Adaptive Interfaces

At the simpler end, we have ones like the lazy loading image example.

At the complex end, we can end up with sprawling flows for a carousel.

I find UI construction flows not only help me organize my thoughts

around the different ways to present and interact with content, but they

also help me communicate my ideas to others.

CReaTing aDaPTive CoMPonenTS

In my experience, component-based development can be done well in

isolation, but it excels in small, integrated, collaborative teams. You don’t

need to hop on the Lean UX or Agile bandwagons, but having a diversity of

perspectives on an interface is really helpful.

Load

Type

Single Pane

Carousel

Ye s

Single

Carousel UI Construction Flow

Lazy load additional panes

Ajax?

Ye s

No

JS?

No

Ye s

Multiple

Linear

JS?

No

Touch? Add next & previous buttonsAdd class to trigger carousel layout

Add gestures

Ye s

No

Pagination?

Add pagination links

Ye s

No

UI construction flows can get really complicated, as

this sample one for a carousel demonstrates.