parsons interactive / web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… ·...
TRANSCRIPT
Parsons Interactive / Web 1 Fall 2011 / j f grossen carly burton 09.07.2011 / Class #2 Slides
Do something design.
� a� � � � b � �
� � � � �i �� � �
T � � �
� � h� i �h � � � � � �h� i � hw�
� � h� i �h � � � � � �h� i � hw�
� e "l55/� s� � /"� : � y � s5�
The Blog.
� � 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 � � � � � �
� � � � � � � k� �
� a� � n� � � �#g02� e� a� � h�T � � � � � � � � � V� #g02� e� a� � h�
Good / Bad Web Design
• � � x� � � � � � � c � � � � � �• � x� � � � � � �• � hh� � � � � �• � � l ni �• � � � � o � � V� � � x� nh� �• � l e � x� e� l �• � � � � b � � V� � � l � � � � � � �• � � x� � � � � ae� x� � � � � �• � � x� � � � � ae� x� � � � �
Expert or Heuristic Evaluations
� � 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� : � � � : : � � �
� 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� � � �
Usability.gov – US Department of Health and Human Services Download it here: h;p://www.usability.gov/guidelines/guidelines_book.pdf
√ 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
Your next assignment…
Get Local.
bodegas
dry cleaners
shoe repair
No!
No!
No!
research
mood boards
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
� � � 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� � �
� 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/� �
� 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: �
Have Fun!
j f grossen [email protected] [email protected] 646.526.6324
http://sugarcomastudios.com/web1_spring11/