+ All Categories

Home > Documents > Sketches wireframes mockups prototypes

Sketches wireframes mockups prototypes

Date post:	26-May-2015
Category:	Documents
Upload:	dr-v-vorvoreanu
View:	398 times
Download:	4 times

Download Report this document

Share this document with a friend

Embed Size (px):

Popular Tags:

paper linked wireframes

functionality interactivity

8

Sketches

Transcript

Page 1: Sketches wireframes mockups prototypes

Sketches

Page 2: Sketches wireframes mockups prototypes

Storyboard made with sketches

Page 3: Sketches wireframes mockups prototypes

Wireframe

Page 4: Sketches wireframes mockups prototypes

Mockup

Page 5: Sketches wireframes mockups prototypes

Prototype

Functionality

Interactivity

Simulates the final design

Can be:

Paper

Linked wireframes

Pre-alpha version

Page 6: Sketches wireframes mockups prototypes

Prototyping tool – InVision App

Page 7: Sketches wireframes mockups prototypes

Lo-Fi

Hi-Fi

SketchesWirefram

eMockupPrototyp

e

Page 8: Sketches wireframes mockups prototypes

Lo-Fi

Hi-FiPrototype

Sketches

Wireframe

Mockup

Recommended

Hugo Rodriguez - plex2e.com · • Elaboración del prediseño (wireframes y mockups) –Contratar Diseñadores Gráficos –Contratar Diseñadores de Experiencia de Usuarios –Contratar

Project Showcase: Our Bodies Ourselves. The coolest stuff Strategy session Logo redesign Wireframes Design mockups First impression testing Mobile responsive.

1. Reviewingexercise2 - Aalto€¦ · Mockups and interactive prototypes in Powerpoint or Keynote Numerous UI design templates iOS, Android, Web, Blackberry, Windows No support for

Transforming My Toolkit - jamesmelzer.comjamesmelzer.com/poster.transforming-my-toolkit.ia... · Transforming My Toolkit: A One-Year Journey from Wireframes to HTML Prototypes Prepared

Design Thinking - Nordic Testing Days · 2019-11-27 · Wireframes Graphic design Prototypes Code. Usability Testing Observation + interview. Cynefin Framework. Wicked Problems ...

Mockups and prototypes

HISTORY - City Tech OpenLab...Wireframes, digital paintings Graphic designers: Setting type Business cards and flyers Logos Website mockups Can be used with multiple platforms. Indesign

from concept development to assets deliverywilu.co.uk/portfolio/JW_case_studies_UX-UI.pdf · • Balsamiq Mockups for the wireframes • Adobe Illustrator for the logo design •

KH Kirsty Hudsonkirhu.co.uk/cv.pdf · Kirsty Hudson Experience Interface Designer NBS Interface designer June 2015 - present UI/UX design from wireframes through to high level mockups,

Prototyping Workshop - Wireframes, Mockups, Prototypes

Wireframes & Mockups presents…. What is a Wireframe? a sketch or a guideline before you build actual website a “skeleton graph” that shows how the contents.

Wireframes and Prototypes- How well do you Know this?

Sample work wireframes, prototypes and design documentsmalakumar.com/.../12/MalaKumar_SampleWireframes-1.pdf · Sample work wireframes, prototypes and design documents Welcome to

INDEX [ ] · PDF fileINDEX 1. INTRODUCTION 2. WHAT ... A Word about Wording Why People Confuse Wireframes, Mockups, and Prototypes Don’t Mock Mockups Context for ... electric guitar

Helping Hands Final Report - University of Washington€¦ · Helping Hands Final Report Awet Alazar: paper prototypes, digital mockups, writing Shiv Ahluwalia: paper prototype, digital

Wireframes, prototypes and mockups - comparison of tools.

Joseph’s UX Portfolio · 2020. 6. 24. · Joseph Lin UX designer with 5+ years of experience conducting UX research, creating mockups, prototypes, and wireframes. I follow Human

DESIGN STRATEGY Creating Wireframes And Prototypes … · 12/4/13 Design Strategy — Creating Wireframes And Prototypes With InDesign | Smashing Magazine 1/37