background preloader

Interface design & user experience

Facebook Twitter

How Five Web Design Principles Boost Student Learning in an Online Course. “Our team realized quickly that we needed to do a better job cross referencing material on our course site.

How Five Web Design Principles Boost Student Learning in an Online Course

For example if we mention syllabus, we must link to it. Some students we have learned want a great deal of guidance” MOOC instructor, Karen Head (2013) In the quote above, without realizing it, the instructor was referring to the concept of ‘user experience’. Introduction to Information Design. Differences between Information Architecture and Information Design I believe I got this originally from Jesse James Garrett some time ago.

Introduction to Information Design

Between the two names we have different concerns. The Difference Between Information Architecture and UX Design. Newsletter Sign Up Original UX articles Curated Resources Never miss an issue!

The Difference Between Information Architecture and UX Design

Information architects form the blueprints of the web. Uxpin web ui design best practices. 6 Interface Design Principles and Tips Every Web Designer Should Know. Good interface design is like the air we breathe - it's there when you need it and you use it without thinking.

6 Interface Design Principles and Tips Every Web Designer Should Know

UX is not UI. Design Better And Faster With Rapid Prototyping. Advertisement The old adage, “a picture speaks a thousand words” captures what user interface prototyping is all about: using visuals to describe thousands of words’ worth of design and development specifications that detail how a system should behave and look.

Design Better And Faster With Rapid Prototyping

In an iterative approach to user interface design, rapid prototyping is the process of quickly mocking up the future state of a system, be it a website or application, and validating it with a broader team of users, stakeholders, developers and designers. Doing this rapidly and iteratively generates feedback early and often in the process, improving the final design and reducing the need for changes during development. Prototypes range from rough paper sketches to interactive simulations that look and function like the final product. The keys to successful rapid prototyping are revising quickly based on feedback and using the appropriate prototyping approach. The Rapid Prototyping Process Scoping A Prototype Find the Story Do… Don’t… Applying the Pareto Principle to the User Experience: MeasuringU. Jeff Sauro • September 12, 2012 In 1906 Vilfredo Pareto, an Italian economist, observed that wealth was unequally distributed in Italy.

Applying the Pareto Principle to the User Experience: MeasuringU

He noted that 80% of the land and wealth was owned by 20% of the people. A similar relationship can be observed in the wealth and income across most countries. A minority of the population tends to generate the majority of the income and controls most of the wealth. For example, the top 20% of earners make 51% of all income in the US[pdf].

But why should we care about early 20th century Italian economics and the distribution of wealth? It turns out what Pareto observed isn't limited to wealth and income. In fact, Pareto would probably just be an even lesser known historical figure if it wasn't for Joseph Juran, a pioneer in Quality Management. The Anatomy of an Experience Map. Experience maps have become more prominent over the past few years, largely because companies are realizing the interconnectedness of the cross-channel experience.

The Anatomy of an Experience Map

It’s becoming increasingly useful to gain insight in order to orchestrate service touchpoints over time and space. But I still see a dearth of quality references. A step by step guide to scenario mapping. Scenario mapping is a really quick, easy and dare I say it even fun way to collaboratively create, discuss and communicate user scenarios.

A step by step guide to scenario mapping

Scenario mapping will help you to think about your users, to think about their tasks and most importantly to think about the sort of user experience you want to provide. It will also help to ensure that your designs are grounded in the real world because scenario mapping forces you to consider the context in which a design is likely to be used. 10 Heuristics for User Interface Design: Article by Jakob Nielsen. Summary: Jakob Nielsen's 10 general principles for interaction design.

10 Heuristics for User Interface Design: Article by Jakob Nielsen

They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. A guide to carrying out usability reviews. Think that you need to be a usability expert to carry out a usability review?

A guide to carrying out usability reviews

Well I won’t deny that it helps (spoken like a true expert!) But since user experience certainly isn’t rocket science anyone can have a good stab at carrying out a usability review and learn a great deal in the process. In this article I walkthrough a method for examining the usability of an interactive system (website, application, mobile app etc.) by using a combination of a scenario based and heuristic (i.e. best practice guidelines) based review. I also discuss when usability reviews are most useful and outline some of the pros and cons of the technique. Kick Ass Kickoff Meetings. During project-based work, every freelancer, agency, or internal department has “the kickoff meeting.” In theory, this meeting should have all the energy, excitement, and potential of the opening salvo of the Superbowl. Project team members should be inspired coming out of that meeting, full of ideas, and a desire to begin exploring solutions.

Agencies and freelancers should begin to see their clients as friends and collaborators with unique insights that can only come from frank, open discussion of the design challenge at hand. But this rarely happens. Every meeting is an opportunity. 6.10 ‘Agile’ Design: flexible designs for learning. Mike: Hey, George, come and sit down and tell Allison and Rav about that weird course you’re taking from UBC.George: Hi, you two. Yeah, it’s a great course, very different from any other I’ve taken.Rav.: What’s it about?

Lovely ui. Redirecting. Signify 2 - Icon Font. Five Factors for Successful Persona Projects. By Jared M. Spool Originally published: Jul 06, 2011. How We Redesigned Our Product in Less Than a Week. Step 1: Patterns and intent Before the design sprint, the sprint leader (me, in our case) was responsible for finding websites and products we might seek to emulate, “patterns.” These patterns could be as high-level as the “personality of website X” or as granular as a typeface or other visual style. UX_DecisionFlow.png (PNG Image, 1855 × 1200 pixels) - Scaled (55%) 6 principles of visual hierarchy for designers.

First there were stone tablets, papyrus scrolls and paper. Then came computer screens and electronic tablets. As the technology to display a page evolves, it remains the designer’s job to arrange the content clearly. But what’s the best way? It’s an increasingly important question, as responsive frameworks force designers to think about many different pages at once. Faced with dense text and short attention spans, designers developed 6 principles to guide the reader’s eyes to the most important information.

These 6 principles of visual hierarchy will help you design everything from brochures to apps, guaranteeing a positive reading experience for the end-user. Clay tablet: Wikipedia (left); iPad: (right) Scenarios. Scenarios describe the stories and context behind why a specific user or user group comes to your site. They note the goals and questions to be achieved and sometimes define the possibilities of how the user(s) can achieve them on the site. Bad UI/UX Design. iOS UI Animations. Use Your Interface. Lovely ui. Use Your Interface.