The lean method Vision I – June 4, 2014. The lean approach: Topics The lean startup Customer development MVP Prototypes Customer acquisition Get customers.

Slides:



Advertisements
Similar presentations
How Can I Learn How Effective My Website Is?. Analytics Reports (i.e. Google Analytics) Usability Study Website Visitor Study There Are Generally 3 Different.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
User Interface design Teppo Räisänen
TOPIC LEARNING BTEC Level 3 Unit 28 Websites L01- Understand the customer requirements L02- Create a website design that meets the audience and purpose.
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Evaluation in Digital Media Graphics Basic Concepts.
P2-WIREFRAME Presented by Rahul Potghan Sonal Kulkarni.
Principles of Web Design for Online Educators Rodger Hergert Illinois Online Network May 18, 2005.
Developed by Justin Francisco, SUNY Fredonia USER INTERFACE DESIGN By: Justin Francisco.
Instructional Information in Adaptive Spatial Hypertext Luis Francisco-Revilla and Frank Shipman Presented By : Ananda Man Shrestha.
C++ Training Datascope Lawrence D’Antonio Lecture 11 UML.
User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.
Website Development Presentation for Project 1 and 2 Pavel Florea.
Web Interface for the Visually Challenged by: Group Nine.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
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.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Cascading Style Sheet. What is CSS? CSS stands for Cascading Style Sheets. CSS are a series of instruction that specify how markup elements should appear.
PowerPoint Presentation By: David Larson. IPA’s Identify Components of Visio 2010 interface, navigate a Visio drawing, and get help Using Visio. Manipulate.
 What is a wireframe?  What features are important?  Which wireframe tools might you want to try?
Web-designWeb-design. Web design What is it? Web-design features Before…
Interim Presentation Group 4 - May 14th, 2012 Langson Library Redesign.
Requirements Information and data which need to be displayed or accessible to the user Sitemapping (Site Map) Flow Chart models of site structure displaying.
INSTRUCTIONAL DESIGN JMA Review Principle Review Principle 2. Toolbook (Data) Toolbook (Data) 3. M-Learning M-Learning Objectives.
Presented by groups 7 & 8 (Jen, Julie, Sue, Eric, Huguette & Mark) Website Development.
Intro to Web Dev Session 2 – Planning and Structure.
Rux Richmond User Experience Presenting Yourself: Tips for showcasing your IA experience in your resume and portfolio February 26, 2009.

SharePoint Branding "just not look like SharePoint!" Branding is the act of creating a specific image or identity that people recognize in relation to.
PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
Interactive Gameplay Design Game Design Document Mario Michaelides Lecture 5 (10am), Week /10/2005 The Game Design Document.
ITM 407: Human and Technology Interaction Management Chapter 9. Design Production Dr. Evren Eryilmaz.
2015 Website Updates. Design: Overall layout of visual elements Navigation: Arrangement of menus Layout: Arrangement of content on an indvidiual page.
Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Deliverables -IA Methodologies -Research Topic Presentations.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
PowerPoint 2010 Vocabulary.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Jacob Mortensen 2/8/13. Visual design is the look of the Web page and the colors and graphics used. VISUAL DESIGN.
Wireframes in Physical Design Yonglei Tao. 1-2 Website Wireframes  A visual guide that represents the framework of a website  Created for the purpose.
Welcome to PowerPoint Design and deliver beautiful presentations with ease and confidence.
1  [company] Inc. [year] Girl Scouts of the USA Secure Site Project Kickoff [date]
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
הרצאה 2. ניתוח ותכנון של מערכות WEB נתמקד ב :  תכנון המערכת  תרשים כללי המתאר את המערכת  תכנון התהליך  תכנון תרשימי זרימה של התהליכים במערכת  תכנון.
Service Development and design
Putting it all together: A web designers workflow.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
 Presentation is the process of presenting a topic to an audience.  Use a presentation show to illustrate the presentation content.  PowerPoint is.
William H. Bowers – Requirements Torres 9.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.
Web Design Basics What is a good web site from a design standpoint?
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
 Define Wireframes, Mockups, and Prototypes  Techniques  Low vs. High Fidelity  Sketchy vs. Polished  Exercise: Define the Process.
Web-design.
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Copyright © 2013 MyGraphicsLab / Pearson Education
PAGE LAYOUT - 1.  Most HTML elements are defined as block level elements or inline elements.  Block level elements normally start (and end) with a new.
How to Develop for e-learning
Elements of User Experience
Anatomy of IA Search Browse “Invisibles” Interface Query Language
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Call : (+91) | | Skype : kinshtech | Website : Beginners Guide to Wireframing.
Planning a Website MAD2053.
CLICK TO TYPE SLIDE TITLE
Phases of Designing a Website
WEB DESIGN Cross 11, Tapovan Enclave Nala pani Road, Dehradun : ,
Presentation transcript:

The lean method Vision I – June 4, 2014

The lean approach: Topics The lean startup Customer development MVP Prototypes Customer acquisition Get customers to use your MVP

3 components of the lean method Business model design Customer development Agile engineering

There are no facts inside your building – get outside!

Gathering insights Powerpoints Wireframes Models Prototypes Etc.

Website wireframe A visual guide that represents the skeletal framework of a website Depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together Usually lacks typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content – in other words, it focuses on what a screen does, not what it looks like

A website wireframe focuses on The kinds of information displayed The range of functions available The relative priorities of the information and functions The rules for displaying certain kinds of information The effect of different scenarios on the display See also: A beginner’s guide to wireframingA beginner’s guide to wireframing