Wednesday, November 28, 2012


What is SEO - Search Engine Operation
3-5 Things you can recommend to clients to help them optimize their results

How important is your content?
Keywords, what are those?
What did Google say?
Site maps?
Alt attributes?
How does css zengarden relate?
Titles? (length 65-75)
Meta Description?

Final Presentation Details

Final Details
7 Group Presentations
Each group will spend no more than 20 minutes.
Expected Presentation Content
  • Reintroduce team
  • What is their business goals? What is the goals of their website and mobile?
  • Summarize your Personas
  • Describe your groups strategy for making their online and mobile experience successful
  • Include Strategies: Identity, Social Media, Design, Content, Mobile
  • Walk through Web Experience via common/critical tasks 
Meeting expectations....
  • Bring handouts and electronic versions of site and presentation for client and me
  • Be ready and on time; Have functional prototype and presentation cued up and ready to go
  • Have files/URLs for client available
  • Back up your design strategy
  • Continue to show how you listened to the client; show that you are smart
  • No sleeping, dozing, texting, checking email, working on your PPT while others are presenting
Groups who want A's....
  • Have well organized, navigable, thoughtful & compelling design solutions for the client
  • Act and speak as a team; Spread out speaking points
  • Back up Strategy with Research (secondary or primary);Utilize topics from class/readings
  • Manage their time appropriately

Tuesday, November 27, 2012

CSS Zen Garden Help/Hints

I have had a few questions about help with Zen Garden.  Hope this helps...

  • I encourage you to explore the library of properties/styles CSS provides for you to experiment with . I want folks to try and push the limits. I know it's a technical assignment, with a demo that happened weeks ago, but I'll be looking for some trial and error.
  • Also, there's specific Dreamweaver CSS tutorials here, or go to youtube and search 'dreamweaver css' 
Here's a style you can apply to any class completely hide an area (which is ok, and may be good for mobile version):

display: none;

Here's an example on how you redefine the A (link) tag:

a {

font-family: "Arial Black", Gadget, sans-serif;
font-size: 16px;
color: #F00;
text-decoration: none;
font-style: italic;

  • 'text-decoration: none' hides the underline
  • More text decoration options here

Here's how you can add an image in a div:

.area5 {
background-color: #CCC;
height: 400px;
width: 400px;
position: absolute;
top: 250px;
background-image: url(image.jpg);

  • 'image.jpg' is an image you include in the same folder as the HTML and CSS files
  • You can move the image using property (absolute) and setting top, left, right, more here
  • You need to adjust the size of the height and width to be able to view the background image
  • View all the things you can do (styles you can add) here
  • You can add these styles to all areas, not just area 5

Monday, November 26, 2012

Nov 28

6-6:15  Prep for Final;Testimonials
6:15-6:45 CSS Zen Garden Exercise Fun
6:45-7:30 SEO In Class:
7:30-7:45 Break
7:45 - Class End  Mobile Prototype FUN


Testimonial 1

Four Paws was professional and efficient, their company was just what we needed.  We have treated our library three times in 4 months and before we gave in to another treatment, we asked Four Paws K-9 Detection to come in and use their services.  Their beagle, Marley, did her job well and detected bed bugs in our library.  Marley is a tender, gentle dog!  We had Marley inspect other classrooms and there were no other hits.  If there was going to be a hit, it was our library and Marley proved her keen sense of smell was right on target.  It has put our minds at ease in that we do not have a widespread problem.  We will be following up with their services again after our next treatment.  I would highly recommend their services to anyone who is in doubt whether they have bed bugs before they spend a lot of money on treatment.


Jill Smith, Treasurer

Jefferson Local Schools 



Testimonial 2

Four Paws has been a pleasure to work with.  Not only are Kelly and Annie experts at what they do, but they also are compassionate people who have a genuine interest in helping others.  They understand how frustrating it can be to deal with this issue.  From my experience, they have always been flexible to meet our scheduling needs, thorough with their inspections, and available if we have questions or concerns.  Thank you for the important work you do – you are helping so many people to get their homes and businesses back in order and restore their peace of mind.


-J.F., Columbus, OH



Testimonial 3

Our company is based in New York City and we were referred to Four Paws K-9 Detection, LLC to use them as a sub-contractor for one of our clients. From day one Kelly and Annie have been extremely helpful.  Their prompt response to any email or call sent their way makes it very easy for me to make my client happy. Once an inspection is completed the handler on site sends a detailed report immediately.  This allows me to communicate the results to our client before they even ask.  Typically we request that inspections be done in the middle of the night and it does not phase them at all.   They have far exceeded our expectations. I have never been to Ohio, but I feel like I have friends there. 


-Kelly Gonsalves, Assured Environments, NY.


Testimonial 4

Four Paws has helped my family feel at ease about checking for bed bugs!  Kelly Robbins is always prompt, efficient and professional.  I love that I can count on Kelly and Four Paws for reliable service every time.  I highly recommend Four Paws!


Cincinnati Oh

Wednesday, November 7, 2012

Nov 7

  • Prep for Nov 14
  • Nov 28 - Usability Testing 2 "squash" in lieu of reviewing final, pepping for final, turning in CSS assignment
  • Prototype Questions 
7:00 - 8:30
  • CSS, Primer and CSS Zen Garden Assignment

Bed Bug Zen Garden Exercise (Due Nov 28)

Purpose - To challenge you with a small exercise that shows the fundamentals of CSS and HTML, while illustrating responsive design.

Each group will create two CSS versions of the same HTML provided
  • Version 1 - Web version
  • Version 2 - Mobile Version, sized for smaller displays
Be sure to redefine the A tag - Also for the mobile, check out 'display:none'

You will be judged by the class on (1) executing without editing HTML (2) creativity of solution


DUE: Nov 28

NOTE: This is separate from main project for the client.

Zen Garden

Prep for Nov 14 "Bring a Friend Day"

Prep for Nov 14
  1. Bring a Friend Day - Yes, each group will now need to bring 1 friend. Ideally, someone: (1) who has no idea what the project is and (2) someone close to your persona, (3) someone without design experience
  2. Ask friends to particpate from 6:15-8:00 (or earlier)
  3. Clients will be here
  4. I'll ask general information about each person for everyone to take notes
  5. We'll conduct 1-1 Usability Testing Sessions, clients will observe only. You will be testing the interactive prototypes of the website, but bring mobile. 
  6. After the session we'll "Triage" - each group will highlight (1) common problems they observed, (2) a-ha!s, (3) behavior themes (not neccessarily problems)
  7. (I will bring snacks)
General Information (I'll ask to all friends at once)
I'll ask them to write their answers on a piece of paper. This will avoid having to ask the questions time and again

  • What's your profession?
  • Comfort level with using the internet (beginner, moderate, expert)
  • Amount of time/day you spend on the intranet?
  • What type of things/activities do you normally do on the intranet? (excluding smartphone)
  • Do you own a smartphone?
  • If so, what are typical websites you access from your smart phone?
  • How much time do you spend on the intranet on your smartphone?
  • Have you ever suspected of having bed bugs in your house/apartment?
  • If so, what did you do to confirm they were bed bugs?
  • If not, what would you immediately do to confirm they were bed bugs?
  • If you were on the internet, what would you search for to find out ways of confirming?
  • Are you aware of businesses that can help detect bed bugs?

Usability Testing Sessions
  • First question should be 'What do you think the purpose of this site is?'
  • Prepare 10 task-specific questions. (we can discuss some of these)
  • Essential question at end: Would you reccomend this site to others?
  • Essential question at end: What would you expect a mobile version of this site to be? (show yours) does this match your expectations?
  • One person ask questions, the others take notes - ROTATE
  • Avoid leading questions
  • No pointing
  • Don't feel you have to answer their questions, use: "what do YOU think it should do?"
  • Use "Is that what you'd expect?"