Parsons Interactive / Web 1sugarcomastudios.com/web1_fall11/wp-content/uploads/2011/09/pa… ·...

Post on 29-Jul-2020

2 views 0 download

Transcript of 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 #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 grossenj@newschool.edu jfgrossen@gmail.com 646.526.6324

http://sugarcomastudios.com/web1_spring11/