Next week:
—we will finish critiquing the remaining midterm projects.
—please complete Project 2 Part 1 and come to class with a five minute proposal presentation.
— lastly, there will be a small coding quiz spanning the material we went over in the coding lectures. This could be HTML, CSS, or jQuery. It will be a mix of multiple choice and short-answer questions.
http://b.parsons.edu/~karmt613/AppRedesign/The%20New%20Calculator.html
This is the promotional website for project 1.
http://b.parsons.edu/~karmt613/WikipediaProject/Sisyphus.html
This is the Wikipedia Mini Project.
Please refer to the link here:
http://b.parsons.edu/~dux721/web%20interaction/
For Presenters:
For the Critiquers
I’ll repeat: This is not a personal attack. We are critiquing the work, not the person who made the work.
Understand the Problem Area and Designer Intent
First, try to fully understand the context and goals of the project, and then offer critique. This means making sure you ask questions. What is the problem that the presenter is trying to address? What was the desired outcome? Why does this thing lead to that thing? Etc.
Unhelpful Critique
Personal taste comments (“I like”, “I don’t like”)
Making value judgements (“This is good or bad”)
I like it
I hate it
It’s cool
I love it
I hate you
I love you
You suck
You are awesome
I wish you would shut up
Your work is bad
I would have done it like ______
You should try it like _____
This is right
This is wrong
[Yawning]
[Tweeting]
[Facebooking]
[Internetting]
[Ignoring]
Helpful Critique
Generally this revolves around what is effective and ineffective and why. Considering if it matches the intent and why or why not.
Bringing up precedence or similar work is helpful, especially when you can pinpoint exactly how that work functions in an effective manner in relation to the presenters work.
It can also be useful to just describe what you’re seeing and clarifying how things work, it can often prove to unearth some other observations or suggestions.
For the Presenters
For the Critiquers
Macro
—Does the app and website meet the intended goals?
—Did the feature deliver on your expectations?
—Is the visual system cohesive? How does it relate to the platform’s overall graphic and UX system?
—Does the tone of the website match the app feature? Does it make you want to use the app or explore the new feature?
Micro
—Any parts of the promotional website that are particularly memorable, especially in moments of interaction and delight that could be using jQuery?
—Is the iconography and UI elements communicating accurately?
—How is the organization of elements and information in both the app and website?
—Is there adequate feedback in UI elements? Is the navigation evident? Are the intended affordances made clear? Does the mental model implied by the feature fit with the rest of the app?
—Any instances in the code that you are curious about?
Experience & Flow
—What’s the experience of getting started?
—Was it clear about what it did and how it works? How did the messaging come across?
—How easy does it seem to use the app feature? Did you understand immediately what the app was about, or did you need a lot of time to figure it out?
Visual Aesthetics & Craft
—Do the colors and forms work?
—Is the typography working?
—Are the aesthetics working considering the original platform (google or apple)?
—How are colors used? How is imagery used?
—Does it feel complete and put together?
Couple of leftover items:
Those of you who did not get feedback on your projects yesterday, please email me your PDFs or direct me to the link on your parsons b server. I will make comments and send back to you today and tomorrow morning.
I will also be looking at everyone’s Wikipedia pages so if you have specific questions about that, email me or message on slack office hours.
For next week:
Read through the Dev Tools Tutorial on Google. You only need to go over the following sections:
—Device Mode
—Test Responsive and Device-specific Viewports
—Get Started With Viewing And Changing CSS
—Inspect and Tweak Your Pages
—Edit Styles
—Edit the DOM
—Inspect Animations
—Using the Console
For Project 1 (also in the assignment google doc):
—Make any visual design edits mentioned in class
—Create your Fully functioning Prototype in InVision and post the link to the class website.
—Begin sketching and wireframing your promotional site
Project 2:
Begin to scope out and casually observe the LinkNYC kiosks. Why does it look like it does? How do people interact with it? What types of advertisements are show? Try to access a wireless hotspot, how is the process? Do you feel secure using it? Do others?
Leave a Reply
You must be logged in to post a comment.