parsons interactive / web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… ·...

36
Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class #2 Slides

Upload: others

Post on 29-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class #2 Slides

Page 2: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

Do something design.

Page 3: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

� a� � � � b � �

� � � � �i �� � �

Page 4: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

T � � �

� � h� i �h � � � � � �h� i � hw�

� � h� i �h � � � � � �h� i � hw�

� e "l55/� s� � /"� : � y � s5�

Page 5: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

The Blog.

Page 6: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

� � i � � � � � � � � � �

. g0� s � � � � � � � x � � � i h�� � � � � i � � x� � � � c � � �� � x� hm� � � � � � xx� i �� � hi � � � � � �

. g0� s � � � � � � � x � � � i h�� � � � � i � � x� � � � c � � �� � x� hm� � � � � � xx� i �� � x� hm� � � � � � xx� i �� � hi � � � � � �

Page 7: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

� � � � � � � k� �

� a� � n� � � �#g02� e� a� � h�T � � � � � � � � � V� #g02� e� a� � h�

Page 8: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

Good / Bad Web Design

Page 9: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

•  �   � x� � � � � � � c � � � � � �•  � x� � � � � � �•  � hh� � � � � �•  � � l ni �•  � � � � o � � V� � � x� nh� �•  � l e � x� e� l �•  �   � � � b � � V� � � l � � � � � � �•  �   � x� � � � � ae� x� � � � � �• �   � x� � � � � ae� x� � � � �

Page 10: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

Expert or Heuristic Evaluations

Page 11: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

� � nx� hb� � �   � � n� b � ��� � n/�� � � � sA� � r �� n�i h � � � s� h� � � � . � � � � � h � � h: �� h: � � : � r � � . � :/b� ": � � � : �� � A� �   "� :s/b� � h� "�: � � ��/h� . �: � b� � h� n� � s�i h b� h: � � �: � . �: � � ":h� n� s�sh� �� � � /s� h� � � � /� � � ": � � � "� � /� d� h� � h � A� : � � � : : � � �sh� �/ � � � n: � /i � /w� � � � � � /s� . � � : � � s� � � ":h� n� s� � h� /� hs� � h� � h. � s� h/� � ": � � � "� � /y��� � � � � � � � � � � � a� � � � � � � � � � � � � N� � � � � � � � � � � � � � � ��� � � � � � � � � � � � � a� � � � aee� � � m� � � � � � � � � � m� � � e� � � � � � e� t ko�

� � nx� hb� � �   � � n� b � �

� h: � � : � r � � . � :/b� ": � � � : �� � A� �   "� :s/b� � h� "�: � � ��

sh� �� � � /s� h� � � � /� � � ": � � � "� � /� d� h� � h � A� : � � � : : � � �

Page 12: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

� h: : � /s� :v/� � � � � � � s� � � � r � � . � �" "� � � /� : � /� �: � � o� �/ � � � � : � s� : � �� shl��•  � � � n� w� � h� /� Ahn: � /� s� � h� � : � � h s� s� � � � � n � i h � s� �s � � � h/� �/�� � /� � � � � � � � � � Ahn: � � : � � a� � h� Ahn: � /� h""� � � � �: s/� � � �h: � � : � � � � � /� � h s�� � � � /s�� � /� s� �s � � � � � � � � a�

•  �   � � � b � w� � h� Ahn: � � � n/� � � � "� n/� :/� � � � s� � � r �� n� � h � Ahn: �/� s� a� � h� /� /� �: � � � � : � � � ":h/"� � s/� sh� . � �s � s� � A� . � s� m � h: �� :n/s: �s � � � � � � h � n/� � s� � � a�

•  � x� h� � i � b � w� � � � n/� :/� � �/ � � A� n � � :/s� � � Ahn: � r �� n� �":h"h/� i h a� � h� "�� � /� . �/ s� � r �� n�� � � � /"�� � � s� �s � � hn� � � � � � n/� � �sh� � n� � � � : � � �i h /� � "/a�

•  � xnhiw� � /� s�/ � o: � � �s � � � � � � "� �r �� � �� � � � sh� s� � � n/� :a� � h� n/� :/� � � r � �� h s:h� � h� � s� � � : � "� :/h �� � � �s �a � � /� s� � � /� s� � � h /� /s� s� A� � �/ s� � � �: � � � �� � � a�

� � � n� w�

�   � � � b � w�

� x� h� � i � b � w�":h"h/� i h a� � h� "�� � /� . �/ s� � r �� n�� � � � /"�� � � s� �s � � hn� � � � � � n/� � �

� xnhiw�� h s:h� � h� � s� � � : � "� :/h �� � � �s �a � � /� s� � � /� s� � � h /� /s� s� A� � �/ s� � � �

Page 13: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

Usability.gov  –  US  Department  of  Health  and  Human  Services  Download  it  here:  h;p://www.usability.gov/guidelines/guidelines_book.pdf  

Page 14: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

√ Value √ Presentation √ Navigation √ Trust

/�� � � � sAy� hr �

� � /� �: � � o� �/ � � �� � � � � � /� � � f � /�� � � � sA�

� n� � � � � � /�

Foundation of Industry Best Practices

1.  Structure evaluation based on five key dimensions:

•  Functionality •  Navigation •  Trust •  Extensibility •  Presentation

2.  Review common elements across competition •  Conduct cognitive walkthroughs of key task flows •  Contextualize to core audience(s) •  Contextualize within key industry trends

3.  Rank experience and execution on 5-level Likert scale

� � � � � � s� � � � r � � . �� � h: � � � �: � � ) yx �

Heuristic Evaluation Methodology

+

Frog s Evaluation Methods

Page 15: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class
Page 16: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

Your next assignment…

Page 17: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

Get Local.

Page 18: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

bodegas

Page 19: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

dry cleaners

Page 20: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

shoe repair

Page 21: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

No!

Page 22: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

No!

Page 23: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

No!

Page 24: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

research

Page 25: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

mood boards

Page 26: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class
Page 27: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class
Page 28: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

Dr. Tangs Massage Parlor

v  Hands v  Necks v  Legs

Duis at augue arcu. Cras in libero ante, ac fringilla

augue. Aenean vitae urna id nibh ultrices pharetra.

Etiam luctus venenatis tortor. Morbi id sapien eu erat

vehicula commodo. Nunc a nunc lacus. Phasellus at

elementum mi. Nam tincidunt lectus non nunc

sollicitudin ullamcorper non sed nunc. Sed eget odio

risus. Nullam ac mi et ligula viverra aliquam sit amet ac

nunc

Page 29: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class
Page 30: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class
Page 31: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

� � � l nx� � � � � � x� m�•  � hn: � � n/� � //v/� � h� h� dh: � Ahn: � : � � h� � � � �i h � � h: � h � w�

•  nhs� /� h: � s�� � � � /� dh: � Ahn: � : � � h� � � � �i h /� � h: � s� � � w�

•  � � � � � /� Ahn� s�� � � "� :/h � � � A� �s � s� � � � n/� � //� h: � � :h� � /sh� � � � � �� � �/� s� /� s� �s � � � � � s� � � � n/� � � � � Ahn: � � � /� � /�

•  � � � "� � � � � h /b� "�e � : /� h: � � h� h: � "�� � e � /�

•  � � � � /� � h: � � h s/� h: � sA"� � s: � �s � � s/�

•  � A� hs� � : � � : �" � � � � � � � � � s/� s� �s � . � � � � � � � "� Ahn� � h� � n � � �s � � s� � �� � � � � h� � s� � � � n/� � //�

•  go( � � �� h� hn/� . � � � /� s� /�

� hn: � � n/� � //v/� � h� h� dh: � Ahn: � : � � h� � � � �i h � � h: � h � w�

nhs� /� h: � s�� � � � /� dh: � Ahn: � : � � h� � � � �i h /� � h: � s� � � w�

� � � � � /� Ahn� s�� � � "� :/h � � � A� �s � s� � � � n/� � //� h: � � :h� � /sh� � � � � �� � �

� � � "� � � � � h /b� "�e � : /� h: � � h� h: � "�� � e � /�

� � � � /� � h: � � h s/� h: � sA"� � s: � �s � � s/�

go( � � �� h� hn/� . � � � /� s� /

� A� hs� � : � � : �" � � � � � � � � � s/� s� �s � . � � � � � � � "� Ahn� � h� � n � � �s � � s� � �

Page 32: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

� x� � � ai � � � � hhm�� � ":h� � � s� � : � � � l ��� /� h:s� � � /� : � "i h �d>og� "�: �� : �" � w� h� � s� � �� n/� � //� Ahn,r � � � � h/� �� � � s� � � � h�� /� � h: � s� � � . � � �/� s� � � � /� �

� � ":h� � � s� � : � � � l �

� n/� � //� Ahn,r � � � � h/� �

Page 33: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

� x� � � ai � � � � hhm�� � � � � � � pn�� � sA� � "� � � � � �� � �h� � Ahn: � � hh� � � h�: � �"h/s� � � sh� s� � � � � h� � � � 5h: ��� "� A/� � �� � � h� � �� � c � *if you choose to bring in the physical piece, you must take a picture of it and post it on the blog

h� � Ahn: � � hh� � � h�: � �"h/s� � � sh� s� � � � � h� � � � 5h: �

Page 34: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

Have Fun!

Page 35: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

j f grossen [email protected] [email protected] 646.526.6324

Page 36: Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… · Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class

http://sugarcomastudios.com/web1_spring11/