Unit 7 & 9: Bootstrap & Designing User Interfaces Review

Fill in the blank: All site content needs to be inside a ____ div to make the content response

container

What is the second step of the design cycle after you develop empathy for you user?

define a specific problem to solve

what is the purpose of the prototype step of the design process

To get your ideas out of your head and into the physical world

True or False: Bootstrap example websites can be used as a starter template for your own projects

True

which is not a useful strategy for group brainstorming?

Judge each idea as good or bad during the brainstorm

<div class="row"> <div class="col-sm-6">1</div> <div class="col-sm-6">2</div> </div> What is the largest device that will display this row in stacked columns?

Smart Phone

Fill in the blank: _____ are a great way to pack more options into a navigation bar while keeping the interface clean and simple.

Dropdown Menus

Which of the following is not a Bootstrap component covered in this unit?

Emojis

true or false: if you go through the design cycle correctly, you only need to go through it once

False

Which of the following are good testing methods? I - Have the user constantly talk through their experience II - Follow up with questions for your user III - Show pride in your prototype (ie "This is really cool right?")

I and II

True or False: If you are adding your own CSS sheet, make sure your CSS file comes before the Bootstrap file.

False

True or False: It is important to avoid a beginner's mindset in design research, because you should already know a lot about your user and their needs.

False

True or False: The number of columns in a row depends on the device that the website is being viewed on

False

<div class=" container"> <div class="jumbotron text-center"> <h1>Bootstrap Site</h1> </div> <p>Lorem ipsum. . .</p> </div> The above code will result in which of the following sites?

"Bootstrap Site" text will be centered and inside a gray box; "Lorem ipsum" text will be locked to the left; there is padding

Which of the following will result in this button grouping?

<div class="btn-group-vertical"> <a href="#" class="btn btn-default">Left</a> <a href="#" class="btn btn-default">Middle</a> <a href="#" class="btn btn-default">Right</a> </div>

Which of the following does not correctly create a navigation bar?

<nav class="navbar-nav navbar-right"> <div class="container"> ... </div> </nav>

why is testing necessary

All of the above

which of the following describes the empathy step of the design cycle

seek to understand your users with interviews and other research

a pov statement contains

All of the above

what is the purpose of the ideate step of the design process?

explore as many possible solutions as possible