Chapter 2: Agile Methodologies and Approaches
33
Figure 2-5As you work, you take note that there really isn ’ t that much of a difference between the two mockups.
All you have to do is check to see where you are in the category hierarchy to show products or
subcategories.
As Claudia reviews these mockups, she mentions that it would be nice to offer related items for any
product. You take this as your cue to start the process of creating a mockup for the Product Detail page.
Again, you use the shorthand rectangles that helped you create the home page, but this time you provide
space for a large product image, image name, longer description, and a “ buy now ” button.
“ It ’ s not that simple, ” Claudia says, reacting to your mockup. “ We also need to provide other
information, such as colors and sizes. And I ’ d like to show related items off to the side. ”
“ What do you mean by related items? ”
“ Well, if they ’ re looking at a shirt, it would be nice to show some pants or shoes, ” she says.
When you ask if these would be random selections, she says, “no”, that she would like to construct each
page like she does her store. In the store, she will routinely put together outfits, as doing it this way
increases her sales.
“ Let ’ s do this, ” you say, feeling a need to go away for a while to take better notes. “ We ’ ll do a related
items sidebar, but it sounds like we need to figure out a way to group things together that doesn ’ t
involve categories. Something like a group number or something. Everything with the same group
number stays together. ”
She nods and understands where you are going. She has other things to do, so she is also anxious to step
away for a while. As she looks at the mockup for the Product Detail page (shown in Figure 2 - 6 ), she
mentions how happy she is with the process so far.