COSA VOGLIAMO• creare una community (non solo locale)• elevare lo standard qualitativo• favorire l’aggregazione e il networking• incoraggiare il “give back” alla community• divertirsi, tutti assieme
DI COSA PARLEREMO?• SKETCH• MOCKUP *• WIREFRAME• MOODBOARD• COMPS• VISUALS
SKETCHA sketch is a rapidly executed freehand drawing thatis not usually intended as a finished work.It might record or develop an idea for later use or itmight be used as a quick way of graphicallydemonstrating an image, idea or principal.Sketching is rapid, freehand drawing that we do withno intention of its becoming a finished product. Wikipedia + UXMatters
WireframeA wireframe is a visual guide that represents theskeletal framework of a website/interface.It depicts the page layout or arrangement of thewebsite’s content, including interface elements andnavigational systemsIt usually lacks typographic style, color or graphics,since the main focus lies in functionality & behavior. Wikipedia
WireframeA wireframe is a schematic or other low-fidelityrendering of a computer interface, intended toprimarily demonstrate functionality, features,content, and user flow without explicitly specifyingthe visual design of a product.Wireframes may function as interface specificationfor products requiring some form of interaction. Konigi
MOODBOARDA mood board is a collage of ideas and inspirationfor any design work, whether it be web or print, inthe form of visual representations.It’s like brainstorming, but solely for thedevelopment of a design’s aesthetics and feel,rather than its content and other plans as well.Mood boards represent an “emotion”.
MOCKUPIn manufacturing and design, a mockup, or mock-up,is a scale or full-size model of a design or device,used for teaching, demonstration, design evaluation,promotion, and other purposes.It’s a prototype if it provides at least part of thefunctionality of a system and enables testing of adesign. Wikipedia
MOCKUPA usually full-sized scale model of a structure, usedfor demonstration, study or testingA full-sized structural model built to scale chieflyfor study, testing or displayA working sample (as of a magazine) for reviewingformat, layout or content. Free Dictionary + Merriam-Webster
Le domande• Quali strumenti/tool usare per i diversi “output”?• Quali decisioni/scelte dietro i diversi tool?• Quali passi intermedi fare, per passare da un foglio bianco all’interfaccia/grafica definitiva?• Non solo il “come”, ma soprattutto il “perché”!• La nostra e la vostra esperienza.
UnA ultima cosa... Filippo Labacco, Antonio da Sangallo, Filippo Brunelleschi, ecc.