Website Critique

Feedback Techniques

Giving Feedback 

• Use “I” Language: I think, I noticed, etc. 
• Use Specific Examples 
• Look the Person in the Eye, Show Respect 
• Be Enthusiastic, Speak Encouragingly

Receiving Feedback

• Actively Listen 
• Be Open-minded 

Positive Improve Positive (P.I.P) Method: The Sandwich Method

• Top Bun: Positive Comment
• Lettuce: Feedback (What can be improved)
• Cheese: Feedback 
• Meat: Detail (How to improve) 
• Bottom Bun: Positive Comment 

Website Critique (with Christian)

Visit Webpage

Christian’s Positive Notes:

• Likes animation 
• Really likes parallax background
• The Smooth Scroll is nice

Critique:

• Choose a 3rd distinctive font or font effect to add visual variety.

Post-Feedback Results

• I used the text-transform property to capitalize the main title.
• I used a 1px silver text-shadow effect.

Reflection

Who was your partner and what was their project?

• Christian was my partner. He built a website for Space X.

Did you feel that having the sandwich template helped your critiquing efforts?

• The sandwich method helped me to organize my thoughts. I was able to give positive, constructive feedback without eliciting a defensive attitude from my partner.

In which role did you feel the most/least comfortable; being evaluated or in the role of the evaluator?

• I was more comfortable evaluating rather than being evaluated. Being evaluated makes me feel vulnerable. I had worked hard on my project and I didn’t want to have to change anything. I realized, however, that my website is built for the use and enjoyment of others just as much as myself.

What did you learn from interacting with your partner?

• I learned that sometimes two pairs of eyes are better than one. Having someone else look at your work can give a fresh perspective and help to identify problems.

What do your feel were your strengths / weaknesses as an evaluator?

• I felt that one of my key strengths was explaining how my partner might be able to fix certain problems I pointed out. For example, Christian was using HTML breaks to put spacing between pieces of content, so I showed him that it would be more efficient to use padding and margins in CSS.
• A weakness I had to be aware of was remembering that this was his project and not mine. I had to make sure to specify when I was just giving my personal stylistic preference.

What would you do differently next time you found yourself in an ethical constructive feedback situation?

• I would talk more about the components that I struggled with in order to see if my partner has an easier or better way of completing certain tasks.

Concluding Thoughts

Positives:

• Increased my design knowledge and capabilities by learning how to utilize:
  • parallax scrolling
  • relative and absolute positioning (of content over a background image)
  • media-queries
  • responsive images and font

Negatives:

• Although I utilized media-queries, I used them for graceful degradation rather than progressive enhancement. I am in the process of learning mobile-friendly design skills.
• I used floats rather than flexbox or grid on my images and layout. This is method is not as clean or efficient. I am in the process of learning CSS Grid.