|7:45||Chica Jr.,William Ivan|
Final Deck Requirements—Individual and Group
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.).
- Stakeholder (about your client/client’s company)
- Competitor (about your products competitors)
- User Research
- User Interviews
- User Observations
- Collaborative Design Sessions
- Iterative Wireframes
- Iterative Mock-ups
- Color Studies
- Iconographic Development
- Typographic Development
UI Design Patterns
10 Great Sites for UI Design Patterns
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.
User Interface 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.
10 UI Design Patterns You Should Be Paying Attention To
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.
9 Crucial UI Features of Social Media and Networking Sites
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.
Fake It ‘Til You Make It—From a UX Point of View
Rapid Prototyping, Faking It Until You Make it in a UX Driven World
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.
Videos—Mind, Journey and Experience Mapping
Matching The User’s Mental Model: Joe Natoli | UX Training
Joe Leech – The psychology of decision making in UX
Experience Mapping For UX Design | Fresh Tilled Soil
How To Create A Customer Journey Map
Webinar: How Journey Mapping Transforms Customer Experience
(this one is really long)
Modeling and Mapping your Users
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.
The Secret to Designing an Intuitive UX : Match the Mental Model to the Conceptual Model
Summary: Psychological concepts underlying good user experience and usability.
Half of UX is 90% Mental
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.
Mental Model Diagrams (Cartoon)
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?
Homework—Due April 6th
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.
Class Presentation— Understanding Wireframing
Below you will find a link to the class presentation on Understanding Wireframing Techniques.
A Beginner’s Guide to Wire–framing
A Tuts+ tutorial
Ultimate Guide to Website Wireframing
By Cameron Chapman
Download the Guide to Wireframing