| TIME | NAME |
| 6:15 | Miguel Molina |
| 6:30 | Kelly,Noilya (Nelly) |
| 6:45 | Abramova, Malka |
| 7:00 | Aracena,Arcenio A |
| 7:15 | Asamoah,Wiredu |
| 7:30 | Canaria,Aliver |
| 7:45 | Chica Jr.,William Ivan |
| 8:00 | Cortes,Ivan |
| 8:15 | Gurung,Dev Raj |
| 8:30 | Mohammed,Kim N |
| 8:45 | Saenz,Anamaria |
| 9:00 | Santana,Luiyin |
| 9:15 | Tapia,Ramiro |
The Final Deck combines all of the research from the first half of the class (Stakeholder, Competitor and User) with the User Interface testing from the second half (wireframes, mockups, etc.).
Requirements:
You don’t want to spend your whole life redesigning the wheel do you? No, neither do we. If you are looking for a design that solves a problem that has been solved inside a different application before; then the template for your wheel is probably already out there. That’s a design pattern to you and me.
https://www.interaction-design.org/literature/article/10-great-sites-for-ui-design-patterns
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.
Design patterns were first described in the 1960s by Christopher Alexander, an architect who noticed that many things in our lives happen according to patterns. He adapted his observations to his work and published many findings on the topic. Since then, design patterns have found their place in many areas of our lives, and can be found in the design and development of user interfaces as well.
https://www.smashingmagazine.com/2009/06/10-ui-design-patterns-you-should-be-paying-attention-to/
The main function of a good user interface is to provide users with an intuitive mapping between user’s intention and application’s function that manages to provide a solution to the given task. Basically, user interface describes the way people interact with a site and the way users can access its functions. In fact, usability is a biproduct of a good user interface and it determines how easily a user can perform all of the functions provided by the site. Usability is a crucial part of every design, especially on websites with a large amount of functions and users.
https://www.smashingmagazine.com/2009/06/9-crucial-ui-features-of-social-media-and-networking-sites/
The idea of “faking it, until you make it” is not new but it has a unique UX twist. The ability to develop and test prototypes at rapid rates of iteration lets you “fake” new products, get user feedback and make improvements without ever “making the product” until you have things just right. This can be a very valuable way of making a small budget go a long way.
If anyone needs help. I am on campus in the 1111 office until class starts at 6pm.
(this one is really long)
Mental Models
A mental model diagram is a fishbone or horizon diagram where the top towers represent individuals’ motivations, emotions, and stories related to their experience in achieving a particular goal, regardless of the tools they use.
by JAKOB NIELSEN
Summary: What users believe they know about a UI strongly impacts how they use it. Mismatched mental models are common, especially with designs that try something new.
https://www.nngroup.com/articles/mental-models/
UXMAG.COM
Summary:Â Psychological concepts underlying good user experience and usability.
https://uxmag.com/articles/the-secret-to-designing-an-intuitive-user-experience
abovethefolddesign.com
Summary: To put it simply, a mental model is a person’s intuition of how something works based on past experiences, knowledge, or common sense.
http://blog.abovethefolddesign.com/2011/10/11/half-of-ux-is-90-mental/
By Indi Young and Brad Colbow
Summary: We tend to carefully create our HTML and CSS, and meticulously place every pixel to our designs. We plan exactly where our content should be placed on a particular site. Among many other decisions we need to make, we always keep in mind to craft a great experience for all our users. But how do we know what our users really want?
https://www.smashingmagazine.com/2012/04/mental-model-diagrams-cartoon/
Low-Fi Wireframes are due this Wednesday.
Low—Fi wireframes are often the first visual mock-up for applications and websites.
Check out the last couple of posts for linked to articles on wireframing techniques.
Below you will find  a link to the class presentation on Understanding Wireframing Techniques.
http://prezi.com/zl2f8n_bqxua/?utm_campaign=share&utm_medium=copy&rc=ex0share
http://webdesign.tutsplus.com/articles/a-beginners-guide-to-wireframing–webdesign-7399
http://sixrevisions.com/user-interface/website-wireframing/
http://studio.uxpin.com/ebooks/guide-to-wireframing/?_ga=1.218430617.1074708782.1445823609
The OpenLab is an open-source, digital platform designed to support teaching and learning at City Tech (New York City College of Technology), and to promote student and faculty engagement in the intellectual and social life of the college community.
