DESIGNING SYSTEMSFUNDAMENTALS‣ Design on purpose‣ Design for user types‣ Design with a content model‣ Hierarchy, Hierarchy, Hierarchy!
Plans are of little importance, but planning is essential. — WINSTON CHURCHILLPhoto by Cecil Beaton, at 10 Downing Street, London, in 1940
Photo by R. D. Ward As we know, There are known knowns. There are things we know we know. We also know there are known unknowns. That is to say, we know there are some things we do not know. — DONALD RUMSFELD
Photo by R. D. Ward But there are also unknown unknowns, the ones we don’t know we don’t know. — DONALD RUMSFELD
DESIGNING ON PURPOSE‣ Why does this site exist?‣ Who would miss it if it goes away? Why?‣ What opportunities does this website present or create?‣ What problems can ONLY be solved via this website?
TEAM WORK!Get at least the designer, developer,project manager and product owner in aroom together, ask questions, take notes!
USER TYPES‣ Identify each type of user who will use the site.‣ Document the kinds of tasks each type of user will likely want to do on the site.‣ Ask if those tasks remain the same for each type on mobile, tablets and desktop. What changes?
THINK LIKE A CREATOR!Put yourself in the shoes of the contentcreators early and often and you willbetter understand the correct structureof the content, produce better designs,and increase your likelihood for asuccessful project and a happy client!
CONTENT FIRST!right after user types & purpose
THE CONTENT MODELA detailed map of all the types of contentyour project needs, the discrete attributesthat make up each content type, therelationships between them, and thecontexts through which they’re displayed.
“ A content model helps clarify requirements and encourages collaboration between the designers, the developers creating the CMS, and the content creators. — RACHEL LOVINGER
CREATING A CONTENTMODEL FOR DESIGN‣ Audit Current Content‣ Identify Content Types & Attributes‣ Identify Relationships‣ Identify Contexts
CONTENT AUDIT‣ What’s there now?‣ What’s going to get tossed?‣ What’s going to be new?
CONTENT TYPES‣ A discreet type of content (e.g. blog post, event, recipe, etc.)‣ The attributes that make up that type of content (e.g. a recipe might have a title, ingredients, lead description, full description, preparation, etc.)
CONTENT TYPES‣ Divorced from placement‣ Watch for patterns
CONTENT TYPE GOALS!‣ What types of users is this content for?‣ What are the key questions for each user type this content answers?
CONTEXTSA context provides conditions and reactionsbased upon a defined criteria. Conditionsmight be things like sections, content typesor user types. Reactions might be things likedisplay a list of these attributes from aparticular type of content in a particularsection of the markup.
CONTEXTSA context is a display that includesdiscreet parts from various pieces and/ortypes of content, displayed conditionallybased on things like relationships.
COMPONENTSThe actual bits that get displayeddepending upon the context.
COMPONENT HIERARCHY‣ List out all the components displayed within a given type or context.‣ Assign a 1, 2 or 3 to each component.‣ Evaluate your 1’s, 2’s and 3’s against your key questions for each type or context.
COMPONENT HIERARCHY‣ The more components you have, the harder to keep the client from assigning a 1 or 2 to LOTS of things.‣ Iterate on the fly with the client. In round one, don’t worry even if they give everything a 1. Keep iterating until 10% or less are a 1 for any screen.
THE PSYCHOLOGY OF VISUALHIERARCHYGestalt psychology was founded by MaxWertheimer in 1912 and expanded upon byothers like Kurt Koffka.Gestalt psychology is based on the observationthat we often experience things that are not apart of our simple sensations.
Especially visually, the whole is often more than the sum of its parts.
Aoccdrnig to rscheearch at Cmabrigdeuinervtisy, it deosnt mttaer waht oredr theltteers in a wrod are, the olny iprmoetnt tihngis taht the frist and lsat ltteres are at the rghitpclae. The rset can be a tatol mses and you cansitll raed it wouthit a porbelm. Tihs is bcuseaewe do not raed ervey lteter by it slef but thewrod as a wlohe.
According to a research at CambridgeUniversity, it doesnt matter in what order theletters in a word are, the only important thingis that the first and last letter be at the rightplace. The rest can be a total mess and you canstill read it without problem. This is becausethe human mind does not read every letter byitself but the word as a whole.
Surprise amplifies our“ emotional response. When we anticipate a moment, the emotional response is diluted across time. A moment of surprise compresses emotion into a split second, making our reaction more intense, and creating a strong imprint on our memory. - AARRON WALTER // DESIGNING FOR EMOTION