From Wireframes to UX Personas

Slides:



Advertisements
Similar presentations
Introduction to Control Flow Patterns and BizAgi
Advertisements

Lecture Set 3E Introduction Basic Software Development Issues 1. Notes on Software Development 2. Intro to Software Development Tools 7/31/2008 2:43PM.
Chapter 2- Visual Basic Schneider1 Chapter 2 Problem Solving.
Going with the Flow All you ever wanted to know about flowcharting Jay Ford.
Introduction to BizAgi. Slide 2 User Interface (Summary) The user interface for BizAgi resembles Office It uses a similar ribbon The Palette contains.
Multimedia & Website Design Working in Teams. This week Look at team work issues in web design Plan file and directory conventions Introduce formal software.
BPMN An Introduction ISIS. © ILOG, All Rights Reserved 2 Definition of BPMN Business Process Modeling Notation provides:  The capability of defining.
Team Eris Mobile GPS integration. Simplicity  function Edge cases.
Lesson-21Process Modeling Define systems modeling and differentiate between logical and physical system models. Define process modeling and explain its.
BUSINESS PROCESS MODELING By Raghavi Jayaprakash.
Chart Basics Paul Morris CIS144. Gantt Charts Gantt charts are essentially bar graphs that help plan and monitor project development, resource allocation,
User Interface Design Process Gabriel Spitz. User-Interface design Steps/Goals Understand who are the users and what do they do Articulate how will users.
CONSTRUCTION OF A FLOW CHART DR OKUNOWO BOLANLE EDM UNIT.
Algorithm & Flowchart.
CONSTRUCTION OF A FLOW CHART DR OKUNOWO BOLANLE EDM UNIT.
Introduction: Definition Introduction: Definition A flowchart is a diagram that describes a process or operation. It includes multiple steps, which the.
Chapter Seven Process Modeling, Process Improvement, and ERP Implementation.
MIND MAPPING.
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
User Interface Design Process Gabriel Spitz. User-Interface design Steps/Goals.
A (very) short course in Business Process Modeling Notation
BPMN By Hosein Bitaraf Software Engineering. Business Process Model and Notation (BPMN) is a graphical representation for specifying business processes.
Simple Process Mapping Techniques
V v USABILITY 30 April UX Team of One Basic question: who are your core audience, what do they need, and what do they want to accomplish? Share.
Graphic Organizers A Strategy for English Language Learners.
Text Structures. Text Structure: Description Definition: Author explains a topic idea, person, place or thing by listing characteristics, features, and.
Business process models and its support in Visual Paradigm Zuzana Brťková.
User Interface Design Storyboarding Wireframe Diagram AP Inventor.
Add the definitions on your paper and cut out the pictures for a visual example.
Flowcharts C++ Lab. Algorithm An informal definition of an algorithm is: a step-by-step method for solving a problem or doing a task. Input data A step-by-step.
 Activity diagram is basically a flow chart to represent the flow from one activity to another activity.
YEAR 11 - IPT Term 2 - Tools for Information Processing hardware and Personal information system.
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
Software Engineering: Models David Millard
Algorithms and Flowcharts
Information Systems in Organizations 2.1 Analyzing organizations as systems and processes & Modeling Processes with Swimlane Diagrams.
Chapter One Problem Solving
Activity Diagram.
Systems Analysis and Design in a Changing World, Fourth Edition
Data analysis tools - quantitative
Business Process and Functional Modeling
Identifying & Creating Use Cases – Part 2
Working out the Details
Information Delivery Manuals: Process Mapping
WHAT IS A Process Map? Illustration of the sequence of activities, inputs and outputs to the activities, and relationship across multiple functions, or.
Graphic Organizers.
Graphic Organizers.
Mind Maps.
Introduction to Control Flow Patterns and BizAgi
Activity Diagram.
Principles of User Experience Design
process mapping symbols
How to organize your thoughts into visual relationships
Using Distributive Property
Dokumentasi Perubahan Proses: Pengantar BPM
Warm Up 3x + 5y = 25 4x + 7y = 34 Find the value of x and y so that both equations are true.
Unit# 9: Computer Program Development
Graphs, Trees and Algorithms 1
AH-3 common errors Not using a separate pool for the client (consultant submitting his/her expense report) Consequence is no start event for the “main.
Designing User Experience (UX)
Fundamental Programming
The Business Process Management and Notation
#1 #2 #3 Solve: 21 ÷ Solve: Solve: 3 (7 + 4) 12 ÷ 3 – 2 + 1
No Yes START Do you live in Scotland? Take umbrella See last Flowchart
Identifying & Creating Use Cases - Part 3
Six Sigma and Lean Thinking
Business Process Modeling Notation (BPMN)
Different Medias and Formats
Introduction to Programming
Presentation transcript:

From Wireframes to UX Personas A STARTING POINT

Wireframes Wireframe tools make the process of knowing how to create an app or website fundamentally easier by visually stripping the product down and focussing purely on functions and user activity.

Fishbone analysis The fishbone diagram, or the cause and effect diagram, is a simple graphic presentation that displays all the possible causes of a problem.

Problem solving

Swimlanes A swim lane map is similar to a flowchart in that it maps out a process, decisions, and loops. A swim lane map places events and actions in "lanes" to delineate a person/group responsible, or a specific sub-process. A swim lane will focuses on time, people (job function), process/sub-tasks After sequencing the current state, characterize and label them as adding value, or as not adding value. Work to eliminate non-value added steps, and connect the value-added steps together. Any process that involves multiple people and/or groups and multiple steps can benefit from being analysed with swim lane diagrams.

UX Personas User personas are used to answer the question: “Who are we designing for?”