Web Mapping Application Interface Design: Best Practices and Tools. Michael

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Web Mapping Application Interface Design: Best Practices and Tools. Michael Gaigg @michaelgaigg"

Transcription

1 Web Mapping Application Interface Design: Best Practices and Tools Michael

2 Team User Experience Designer Application Developer Human focused Research Design Front-End Back-End Tech focused User Interface Developer

3 Team UX Designer Information Design Application Developer Human focused Research Interaction Design Front-End Back-End Tech focused Graphics Designer Visual Design UI Developer

4 Design Influencers User Needs Context Culture Cost Lifespan Design Sponsor Compliance Business Needs Technology Market Opportunities

5 Process & Methods Strategy Concept Design Graphics Develop UX Storyboard UI State Diagram Wireframes GUI Design Prototypes Surveys Workshops Usability Testing Custom Skins Demos Focus Groups Logos & Icons Front-End

6 Evaluation & Validation Review Expert Review Wireframes Prototype Heuristic Evaluation Usability Testing

7 UI State Diagram Concept Navigational model from user s perspective Major interface elements and how they relate Map user stories to desired workflow Can be informal (white board or paper drawing) Whiteboard, MS Powerpoint, MS Visio

8 UI State Diagram - Example

9 UI State Diagram - Example SELECT LAYERS SCREEN click Continue click Move marker SHOW FEEDBACK FORM click Report problem show AGOL panel click Show issues select a layer from list click Cancel

10 UI State Diagram - Example

11 Wireframes Design Sketch & communicate ideas and workflows Identify missing requirements (gaps & holes) Validate design assumptions Focus on scope and functionality Ask WHY & WHAT! Paper, Balsamiq & mybalsamiq

12 Wireframes - Example

13 Wireframes Demo Balsamiq

14 GUI Design Graphics Look: Colors, shapes, layout, typefaces Feel: Behavior/states of buttons, boxes, menus From static image to interactive controls HTML & CSS, ActionScript, XAML Photoshop & Illustrator

15 GUI Design - Example

16 Prototypes Develop Combine visual appearance with interactivity Medium or high visual fidelity Navigation, content, mock functionality Deliver: HTML, CSS, JavaScript, Images jquery, Twitter, Bootstrap, Telerik KendoUI

17 Prototypes - Example

18 Prototype Demo ps/v3/index.php?p=contribu tion

19 Usability Testing Validation Design Validation Usability lab setting: Participant, facilitator, observers Pre-determined scenarios of most common tasks Find design inconsistencies & usability problems Identify navigation & presentation errors Morae, Adobe Connect

20 Usability Testing - Example

21 Usability Testing - Results Old version

22 Usability Testing - Results Old version

23 Front-End Development Develop Boilerplate Code - HTML5: Esri is on GitHub - Overview: - JS map: Dojo - Dojo toolkit: - dgrid: - Bootstrap: Use CSS Preprocessor - Stylus:

24 Tools & Resources jquery jquery UI jquery Mobile Dojo Telerik KendoUI Twitter Bootstrap Techsmith Morae

25 When & How much? Strategy Concept Design Graphics Develop UX 4 Storyboard hours UI State Diagram 8 hours 8+ Wireframes hours GUI Design 16 hours 16+ Prototypes hours Surveys 4 hours 16+ hours Workshops 32+ Usability hours Testing Custom Skins 32 hours 16+ hours Demos Focus Groups 16+ hours Logos & Icons 8 hours Front-End 40+ hours Proposals Requirements Design Implementation

26 Benefits: Save Money & Useful Product Focus on the user (early) saves money - Emphasis on important functionality - Identify unforeseen or missing requirements - Avoid unnecessary rework Improved client relationship - Both sides actively involved in the process - Opportunity for change order in a natural setting - Useful and usable product

27 Key Takeaways Happy Users = Continued Business = Happy Client UX & UI cannot be after-thoughts Sketch, Sketch, Sketch Expert Review + Wireframes is a popular package Make the user a stakeholder!

28 Stay connected Michael Gaigg,

29 Please fill out your Session Surveys Offering ID - Wednesday: # Thursday: # 395 # #

30

31

User Experience Design in Agile Development. Sean Van Tyne

User Experience Design in Agile Development. Sean Van Tyne User Experience Design in Agile Development Sean Van Tyne THE CUSTOMER EXPERIENCE REVOLUTION How Companies Like Apple, Amazon, and Starbuck Changed Business Forever Available January 2012 Pre-order yours

More information

MERVIN FRANCIS JOHNSINGH

MERVIN FRANCIS JOHNSINGH MERVIN FRANCIS JOHNSINGH Email Address: mervinfj@aditi.com LinkedIn Profile : http://in.linkedin.com/in/mervinfjohnsingh SUMMARY Nearly 7 Years of Professional work experience spanning software development,

More information

UX for Successful Products

UX for Successful Products UX for Successful Products CRAFTING THE BEST EXPERIENCE FOR YOUR USERS Our 360 solution enhance your product experience. We create digital experiences users want to interact with, which is the core of

More information

Designing the User Experience

Designing the User Experience Designing the User Experience Tips & Techniques for Quick and Cheap UX Design Ray Vadnais User Experience Architect Academic Web Technologies University of California, Irvine What I do User Experience

More information

Title: Front-end Web Design, Back-end Development, & Graphic Design Levi Gable Web Design Seattle WA

Title: Front-end Web Design, Back-end Development, & Graphic Design Levi Gable Web Design Seattle WA Page name: Home Keywords: Web, design, development, logo, freelance, graphic design, Seattle WA, WordPress, responsive, mobile-friendly, communication, friendly, professional, frontend, back-end, PHP,

More information

Print to Interactive Roadmap. with Patrick McNeil

Print to Interactive Roadmap. with Patrick McNeil Print to Interactive Roadmap with Patrick McNeil Spoiler alert: Print to web doesn t mean what it used to The agenda The agenda The problem Industry overview User centered design process End goals Skills

More information

UI Designer JOB SPECIFICATION. Get in touch hello@foundation-sp.com

UI Designer JOB SPECIFICATION. Get in touch hello@foundation-sp.com UI Designer JOB SPECIFICATION Get in touch hello@foundation-sp.com Role Overview The UI Designer will be able to take functional and branding requirements and turning it into an amazing user experience.

More information

Suggestions of Prototyping Tool for Service Design Co-Creation

Suggestions of Prototyping Tool for Service Design Co-Creation Suggestions of Prototyping Tool for Service Design Co-Creation Focusing on Mobile Young-jun Ko *, Hoe-Jun Jung **, Kwang-Myung Kim ***, Eun-Byeol Keum **** * Seoul National Science of Technology, yjko@seoultech.ac.kr

More information

Graphic Designer / Developer

Graphic Designer / Developer Graphic Designer / Developer W. Richard Reesman 2715 Bluefield Ave. Nashville, TN 37214 1-615-403-7479 richard@ reesman.com http://www.reesman.com Goals I am looking for a full time or contract to hire

More information

I feel like I won the job lottery. We have the best company culture at Fresh Tilled Soil. I get to work with a bunch of incredibly talented

I feel like I won the job lottery. We have the best company culture at Fresh Tilled Soil. I get to work with a bunch of incredibly talented WEB DESIGN 1 I feel like I won the job lottery. We have the best company culture at Fresh Tilled Soil. I get to work with a bunch of incredibly talented individuals and build awesome and meaningful products.

More information

UI/UX Development and Design

UI/UX Development and Design UI/UX Development and Design SHARIE POWELL Downey, Ca To continue my career as a senior user interaction design engineer in a robust e-commerce environment that values the customer experience powells562@yahoo.com

More information

YUKIKO JONES UX/UI Designer

YUKIKO JONES UX/UI Designer YUKIKO JONES UX/UI Designer DESIGN PORTFOLIO 2014 Version 2.1 Howdy! My name is YUKI ( you-key ). I am a UX/UI Designer. I love to work on UX (User Experience) and DESIGN to solve problems and to make

More information

Index. Services. Tracey Talevich WEB160 / Summer 2015 Final Package

Index. Services. Tracey Talevich WEB160 / Summer 2015 Final Package Tracey Talevich WEB160 / Summer 2015 Final Package Index Title: Web Design, Brand Strategy, UI/UX Drafting Tracey Talevich Seattle, WA Headline: none Text: The index page will explain what tracey.pw is,

More information

Personal CV of Johnny Xu

Personal CV of Johnny Xu Personal CV of Johnny Xu JOHNNY XU CREATIVE DESIGNER / DEVELOPER Personal Details Mobile Email Website Linkedin Github (+61) 0421 644 329 johnny_xu_1227@hotmail.com http://www.gaga-graphics.com http://www.linkedin.com/in/johnnyxu

More information

GENERIC AGENCY STATEMENT OF WORK. Website Redesign Project Generic Company

GENERIC AGENCY STATEMENT OF WORK. Website Redesign Project Generic Company GENERIC AGENCY STATEMENT OF WORK Generic Company TABLE OF CONTENTS Our Envisioning Methodology... 3 Promote a Friendly Image to Prospective & Current Clients... 3 Enable Ease of Use... 3 Create a Design

More information

Wireframes. Example: U.S. Department of Health & Human Services - 200 Independence Avenue, S.W. - Washington, D.C. 20201 1

Wireframes. Example: U.S. Department of Health & Human Services - 200 Independence Avenue, S.W. - Washington, D.C. 20201 1 Wireframes Design Wireframes A wireframe is a basic visual interface guide that suggests the structure of an interface and the relationships between its pages. They serve as a blue print that defines each

More information

DEPARTMENT of DIGITAL MEDIA / INTERNET SERVICES:

DEPARTMENT of DIGITAL MEDIA / INTERNET SERVICES: WEST VALLEY COLLEGE DEPARTMENT of DIGITAL MEDIA / INTERNET SERVICES: Curricular Profile & Program Information The following degree and certificate programs are expected to be state approved in 2015. All

More information

Adobe Dreamweaver Exam Objectives

Adobe Dreamweaver Exam Objectives Adobe Dreamweaver audience needs for a website. 1.2 Identify webpage content that is relevant to the website purpose and appropriate for the target audience. 1.3 Demonstrate knowledge of standard copyright

More information

Web design and planning

Web design and planning Project 2 Web design and planning Timing: 12 to 18 hours Project overview In this project, student teams work on a project to build a website for a client. Each team might have a different client, depending

More information

AppDev OnDemand UX Design Library

AppDev OnDemand UX Design Library AppDev OnDemand UX Design Library A full year of access to our UX Design Library courses, plus future course releases included free! The AppDev OnDemand UX Design Library includes the principles of UX

More information

JOHN Y. PAK. Address: Los Angeles, CA 90007 Phone: (714) 501-1869 Online portfolio: hirejohnpak.com/rs_portfolio.html E-mail: hirejohnpaknow@gmail.

JOHN Y. PAK. Address: Los Angeles, CA 90007 Phone: (714) 501-1869 Online portfolio: hirejohnpak.com/rs_portfolio.html E-mail: hirejohnpaknow@gmail. JOHN Y. PAK Address: Los Angeles, CA 90007 Phone: (714) 501-1869 Online portfolio: hirejohnpak.com/rs_portfolio.html E-mail: hirejohnpaknow@gmail.com SUMMARY A multidisciplinary and versatile Visual and

More information

WEST VALLEY COLLEGE. Department of Digital Media. curricular profile & department information. http://digital-media.westvalley.

WEST VALLEY COLLEGE. Department of Digital Media. curricular profile & department information. http://digital-media.westvalley. WEST VALLEY COLLEGE Department of Digital Media curricular profile & department information CONTENTS: AA Degree - Web & Mobile Design Certificate of Achievement - Web and Mobile Design Certificate of Achievement

More information

Top 10 Skills and Knowledge Set Every User Experience (UX) Professional Needs

Top 10 Skills and Knowledge Set Every User Experience (UX) Professional Needs Top 10 Skills and Knowledge Set Every User Experience (UX) Professional Needs The user experience (UX) of your products is only as good as the knowledge and skills of your UX staff. Here are the top 10

More information

38 Essential Website Redesign Terms You Need to Know

38 Essential Website Redesign Terms You Need to Know 38 Essential Website Redesign Terms You Need to Know Every industry has its buzzwords, and web design is no different. If your head is spinning from seemingly endless jargon, or if you re getting ready

More information

Jacob Stiyer UX Designer w. www.stiyer.com e. jstiyer@gmail.com c. 832 651 5312

Jacob Stiyer UX Designer w. www.stiyer.com e. jstiyer@gmail.com c. 832 651 5312 Jacob Stiyer UX Designer w. www.stiyer.com e. jstiyer@gmail.com c. 832 651 5312 Core Competencies Requirements Gathering and Human centered Design, Usability Testing, A/B Testing, Focus Groups, Analytic

More information

RICHARD LUCIANO (203) 952 9496

RICHARD LUCIANO (203) 952 9496 RICHARD LUCIANO (203) 952 9496 PORTFOLIO: http://www.richardluciano.com/portfolio/ :SUMMARY: I am a senior level professional in the digital creative space with 20+ years of hands on experience in web

More information

Accent Technologies. UI / UX Designer

Accent Technologies. UI / UX Designer Accent Technologies UI / UX Designer Job Description 2015 UI Designer Location Melbourne, Florida (remote is negotiable) Required Education Bachelor s Degree or higher (plus) Employment Type Full-Time

More information

Skills for Employment Investment Project (SEIP)

Skills for Employment Investment Project (SEIP) Skills for Employment Investment Project (SEIP) Standards/ Curriculum Format For Web Design Course Duration: Three Months 1 Course Structure and Requirements Course Title: Web Design Course Objectives:

More information

Announcements. Project status demo in class

Announcements. Project status demo in class Web Design cs465 Announcements Project status demo in class Why? You will likely be involved in Web design You have many of the skills necessary Understand similarities and differences between GUI design

More information

Richard Halford Lead User Experience Designer

Richard Halford Lead User Experience Designer Richard Halford Lead User Experience Designer User Experience Portfolio Email: richard@richardhalford.com Mobile: 07515 520 750 Website: www.richardhalford.com Profile I have been a user experience specialist

More information

eorgette ullivan Portfolio

eorgette ullivan Portfolio Portfolio Experience Designer: Design Research, Interaction and Visual Design georgettes.com georgette@georgettes.com 512-362-8078 Innovating Enterprise IT Management Software Description Create a reference

More information

NUR - Prototyping. Low Fidelity

NUR - Prototyping. Low Fidelity NUR - Prototyping Low Fidelity User interface design - big picture Application Domain step 0 User Research user needs and requirements Problem Description sources: marketing research step 1 User Modeling

More information

Marcel Dziedzic. Summary. Experience. User Experience Practitioner. Simplicity Evangelist. Desimply LTD, Owner & UX Consultant, 2011 present

Marcel Dziedzic. Summary. Experience. User Experience Practitioner. Simplicity Evangelist. Desimply LTD, Owner & UX Consultant, 2011 present Marcel Dziedzic User Experience Practitioner. Simplicity Evangelist. Summary UX designer with over 8 years experience in producing detailed UX deliverables for complex cross-platform projects. Experienced

More information

Smietanski CLIENTS EDUCATION SOFTWARE CODE TOOLS FRAMEWORKS CMS. Joseph Smietanski Smietanski.me Joseph@Smietanski.me 214.546.0277

Smietanski CLIENTS EDUCATION SOFTWARE CODE TOOLS FRAMEWORKS CMS. Joseph Smietanski Smietanski.me Joseph@Smietanski.me 214.546.0277 EXPERIENCE. 2014 - Present, UX Manager, Santander Consumer USA 2013-2014, Web Design Manager, Santander Consumer USA 2013-2013, Sr. Web Designer, Santander Consumer USA 2010-2013, Web Designer, AcrobatAnt

More information

BI DESIGN AND DEVELOPMENT

BI DESIGN AND DEVELOPMENT CHAPTER BI DESIGN AND DEVELOPMENT 14 INFORMATION IN THIS CHAPTER: BI design BI user interface Privacy, security, access standards Design methods Prototyping lifecycle Application development tasks BI application

More information

COMPSCI 326 Web Programming. Lecture 04: Avoiding the Mess with Bootstrap

COMPSCI 326 Web Programming. Lecture 04: Avoiding the Mess with Bootstrap COMPSCI 326 Web Programming Lecture 04: Avoiding the Mess with Bootstrap Goals HTML Examples How to write and view CSS Examples Box model How to write and view Bootstrap A framework to get rid of the boilerplate

More information

WE BUILD ONLINE SYSTEMS USEFUL WEB & MOBILE APPLICATIONS

WE BUILD ONLINE SYSTEMS USEFUL WEB & MOBILE APPLICATIONS WE BUILD ONLINE SYSTEMS USEFUL WEB & MOBILE APPLICATIONS Ruby On Rails Android Apple HTML5 RWD EXAMPLE CV OF OUR TEAM MEMBERS SENIOR CORE DEVELOPER SENIOR CORE DEVELOPER PROFILE SKILLS Bartosz is a developer,

More information

21 ST CENTURY LEARNING SOLUTIONS

21 ST CENTURY LEARNING SOLUTIONS 21 ST CENTURY LEARNING SOLUTIONS MEDIA DEVELOPMENT CAPABILITIES BROCHURE 21 ST CENTURY LEARNING SOLUTIONS, INC. media team profile At 21st Century Learning Solutions (21CLS), our media team creates cutting

More information

Adobe Flash Catalyst CS5.5

Adobe Flash Catalyst CS5.5 Adobe Flash Catalyst CS5.5 Create expressive interfaces and interactive content without writing code Use a new efficient workflow to collaborate intelligently and roundtrip files with developers who use

More information

HELP I NEED TO HIRE A USER EXPERIENCE DESIGNER

HELP I NEED TO HIRE A USER EXPERIENCE DESIGNER HELP I NEED TO HIRE A USER EXPERIENCE DESIGNER TABLE OF CONTENTS: pg.2 pg.5 pg.8 pg.10 ONE. I KNOW I NEED UX. BUT WHAT IS UX AGAIN? TWO. WHAT ARE THE MOST COMMON UX ROLES? THREE. HOW DO YOU FIGURE OUT

More information

Lucy Zhang UI Developer Lucyzhang3630@gmail.com/sales@besthtech.net Contact: 646-896-9088

Lucy Zhang UI Developer Lucyzhang3630@gmail.com/sales@besthtech.net Contact: 646-896-9088 Lucy Zhang UI Developer Lucyzhang3630@gmail.com/sales@besthtech.net Contact: 646-896-9088 SUMMARY Over 7 years of extensive experience in the field of front-end Web Development including Client/Server

More information

National Competency Standards. For. Mobile Application Developer

National Competency Standards. For. Mobile Application Developer Finalized & Validated by Industrial Advisory Group (IAG) 13th December 2013 National Competency Standards For Mobile Application Developer Page 1 Introduction The National Competency Standards are written

More information

Priority: Medium Channel to Actor: Graphical User Interface (GUI) Usage Frequency: Weekly Secondary Actors: Database, Brisk Application

Priority: Medium Channel to Actor: Graphical User Interface (GUI) Usage Frequency: Weekly Secondary Actors: Database, Brisk Application University of Arkansas CSCE Department Capstone I Preliminary Report Spring 2015 Abstract Brisk - Intelligent Time Management Riley Turben, Daniel Pumford, Eric Hall, Ryan McAlister Managing teams of people

More information

Web design & planning

Web design & planning Instructor Guide Timing: 12 to 18 hours Level: Ages 15 and up Web design & planning Project Overview In this project, student teams work on a project to build a website for a client. The client selects

More information

Dreamweaver Domain 2: Planning Site Design and Page Layout

Dreamweaver Domain 2: Planning Site Design and Page Layout Dreamweaver Domain 2: Planning Site Design and Page Layout Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify best practices for designing

More information

Is to define and implement a design strategy with deep understanding of user and business needs that makes user interfaces and experiences great.

Is to define and implement a design strategy with deep understanding of user and business needs that makes user interfaces and experiences great. OBJECTIVE: Is to define and implement a design strategy with deep understanding of user and business needs that makes user interfaces and experiences great. SUMMARY: Have 6.5 years of experience as a UX

More information

Facebook Twitter YouTube Google Plus Website Email. o Zooming and Panning. Panel. 3D commands. o Working with Canvas

Facebook Twitter YouTube Google Plus Website Email. o Zooming and Panning. Panel. 3D commands. o Working with Canvas WEB DESIGN COURSE COURSE COVERS: Photoshop HTML 5 CSS 3 Design Principles Usability / UI Design BOOTSTRAP 3 JAVASCRIPT JQUERY CSS Animation Optimizing of Web SYLLABUS FEATURES 2 Hours of Daily Classroom

More information

Recon Rally. The User Experience Design Behind the Rally. By Michael Grubbs, Tiffany Milano, and Daniel Rotondo

Recon Rally. The User Experience Design Behind the Rally. By Michael Grubbs, Tiffany Milano, and Daniel Rotondo Recon Rally The User Experience Design Behind the Rally By Michael Grubbs, Tiffany Milano, and Daniel Rotondo ABSTRACT The Recon Rally application aims to provide alumni, new and current students, parents,

More information

ANUP KUMAR Alpharetta, GA 678-860- 7893 anupkumar@mac.com www.graphicsaddiction.com

ANUP KUMAR Alpharetta, GA 678-860- 7893 anupkumar@mac.com www.graphicsaddiction.com ANUP KUMAR Alpharetta, GA 678-860- 7893 anupkumar@mac.com www.graphicsaddiction.com OBJECTIVE To work with a stellar team passionate about creating great digital experiences and demonstrate my versatility

More information

James Singletary IV :: Front End Web Developer located in Tampa, Florida

James Singletary IV :: Front End Web Developer located in Tampa, Florida James Singletary IV :: Front End Web Developer located in Tampa, Florida (813) 843 5176 :: jsingletaryiv@gmail.com :: jamessingletaryiv.com Technical Summary HTML5, CSS3, JavaScript / jquery, Ajax, JSON,

More information

Experience managing the delivery, ongoing success, and continuous improvement of one or more digital products and/or platforms.

Experience managing the delivery, ongoing success, and continuous improvement of one or more digital products and/or platforms. The labor categories that are within scope of this Multiple Award Blanket Purchase Agreement are the following: Category 1 - Product Manager Category 2 - Technical Architect Category 3 - Interaction Designer

More information

Creating Value through Innovation MAGENTO 1.X TO MAGENTO 2.0 MIGRATION

Creating Value through Innovation MAGENTO 1.X TO MAGENTO 2.0 MIGRATION Creating Value through Innovation MAGENTO 1.X TO MAGENTO 2.0 MIGRATION AGENDA 1. Overview of Magento 2.0 2. Features and benefits of Magento 2.0 over Magento 1.x 3. Why should we upgrade to Magento 2.0

More information

H22130, page 1 UI/UX Designer Job Description

H22130, page 1 UI/UX Designer Job Description H22130, page 1 UI/UX Designer Job Description Nothing in this job description restricts management's right to assign or reassign duties and responsibilities to this job at any time. DUTIES This is a term

More information

TIAGO FAIA MARQUES Online CV / Portfolio WWW.TIAGOFAIA-FREELANCEWEBDEVELOPER.COM

TIAGO FAIA MARQUES Online CV / Portfolio WWW.TIAGOFAIA-FREELANCEWEBDEVELOPER.COM TIAGO FAIA MARQUES Online CV / Portfolio WWW.TIAGOFAIA-FREELANCEWEBDEVELOPER.COM tiagofaia@gmail.com +44 7845 304 968 Greenford, London https://uk.linkedin.com/in/tiagofaia/en Profile I am a creative Front

More information

HTML5. Turn this page to see Quick Guide of CTTC

HTML5. Turn this page to see Quick Guide of CTTC Programming SharePoint 2013 Development Courses ASP.NET SQL TECHNOLGY TRAINING GUIDE Visual Studio PHP Programming Android App Programming HTML5 Jquery Your Training Partner in Cutting Edge Technologies

More information

Web Design Basics JMC:3600

Web Design Basics JMC:3600 Web Design Basics JMC:3600 Spring 2016 Adler W336 Instructor Kevin Ripka Office: W341 Office Hours: MW 12:30 2pm & by appointment Phone: 319.335.3431 kevin-ripka@uiowa.edu COURSE DESCRIPTION This course

More information

Andrew Hill USER EXPERIENCE DESIGN PORTFOLIO

Andrew Hill USER EXPERIENCE DESIGN PORTFOLIO Andrew Hill USER EXPERIENCE DESIGN PORTFOLIO Projects Medical Device Call Center & Field Service Management Desktop & Mobile Apps (Siebel Open UI, ios) User Shadowing & Ethnographic Research Observation

More information

Career Paths... Digital Job Areas Digital

Career Paths... Digital Job Areas Digital Job Areas Affiliate Marketers are responsible for setting up and managing relationships with affiliate websites which are connected to their own main brand. Key responsibilities include setting up, monitoring

More information

DIG 3110 Web Design & Interactive Media

DIG 3110 Web Design & Interactive Media Florida International University FIU Digital Commons Course Syllabi Spring 2014 DIG 3110 Web Design & Interactive Media Susan Jacobson Journalism and Mass Communications Department, Florida International

More information

A Guide to Mobile App Development Platforms

A Guide to Mobile App Development Platforms A Guide to Mobile App Development Platforms Choosing a Mobile Development Framework Often a developer has a great idea they can visualize but a gauntlet to run through before they see it climb up the bestseller

More information

DESIGN PROCESS IMPROVEMENT FOR EFFECTIVE RICH INTERACTION DESIGN

DESIGN PROCESS IMPROVEMENT FOR EFFECTIVE RICH INTERACTION DESIGN DESIGN PROCESS IMPROVEMENT FOR EFFECTIVE RICH INTERACTION DESIGN Taesung Park¹, Ji Hyun Lee¹, Soo Kim¹, Mijin Kim¹, Minjung Shim¹, Jinnie Jin-kyoung Park¹ and Hajeong Noh¹ ¹UX Lab, NHN Corporation, Republic

More information

Web Design Specialist

Web Design Specialist UKWDA Training: CIW Web Design Series Web Design Specialist Course Description CIW Web Design Specialist is for those who want to develop the skills to specialise in website design and builds upon existing

More information

Brief Description of project: This project will be an interactive Javascript. 1. What do you want to accomplish by doing this project?

Brief Description of project: This project will be an interactive Javascript. 1. What do you want to accomplish by doing this project? Date: 10/9/2013 Title: History of Web Development Brief Description of project: This project will be an interactive Javascript presentation detailing the history of web development from its early days

More information

The Starter League Course Catalog

The Starter League Course Catalog The Starter League Course Catalog Contents I. Program Descriptions, Objectives, Lengths, Dates, and Tuition II. Program Fees III. Cancellation and Refund Policies IV. Student Code of Conduct V. Student

More information

Cloud Counting. Research Analysis

Cloud Counting. Research Analysis Cloud Counting Research Analysis July 2014 research Research Evaluation Methodology Heuristic Evaluation was the main methodology used to evaluate the cloudcounting.com website. The UserFocus Heuristic

More information

Prototyping and Usability Testing with Visio

Prototyping and Usability Testing with Visio Prototyping and Usability Testing with Visio Karen Bachmann Whitney Quesenbery, Whitney Interactive Design Overview of Prototyping Uses, functions and types of prototypes What is a prototype? A model of

More information

«Lo-fidelity» Prototyping

«Lo-fidelity» Prototyping GENERALLY ACCESSIBLE «Lo-fidelity» Prototyping SwissCHI Event August 2006 Christian Hübscher, UBS August 31, 2006 Table of Contents SECTION 1 SECTION 2 SECTION 3 Theory of «Lo-fidelity» Prototyping Prototyping

More information

Outline. CIW Web Design Specialist. Course Content

Outline. CIW Web Design Specialist. Course Content CIW Web Design Specialist Description The Web Design Specialist course (formerly titled Design Methodology and Technology) teaches you how to design and publish Web sites. General topics include Web Site

More information

a bright bold creative web design agency

a bright bold creative web design agency a bright bold creative web design agency People ignore design that ignores people. - Frank Chimero Design is not just what it looks like. Design is how it works. - Steve Jobs JADU SPACECRAFT AN INTRODUCTION

More information

Design. Darryl Brown! Mobile Development! 2b Design & Development

Design. Darryl Brown! Mobile Development! 2b Design & Development Design Design Darryl Brown Mobile Development 2b Design & Development Design Tommy O Connor Mobile Design We Are William Design Introduction You should walk out of this session with a non-technical map

More information

BINDI RAVAL UI/Web/Visual Designer & Front end developer

BINDI RAVAL UI/Web/Visual Designer & Front end developer BINDI RAVAL UI/Web/Visual Designer & Front end developer http://www.designera.net/ Summary: bindi@designera.net Hi, My name is Bindi Raval and I am User Interface/Web/Graphic/Visual Designer with 9 years

More information

UNIVERSITY WEB GROUP AGENDA. 1 Introduction Ellen Keir. 2 Central web team activities Ross Haggart. 3 Life Sciences \ CMDN activities Andrew Millar

UNIVERSITY WEB GROUP AGENDA. 1 Introduction Ellen Keir. 2 Central web team activities Ross Haggart. 3 Life Sciences \ CMDN activities Andrew Millar UNIVERSITY WEB GROUP AGENDA 1 Introduction Ellen Keir 2 Central web team activities Ross Haggart 3 Life Sciences \ CMDN activities Andrew Millar 4 CASS activities Danny Cassidy 5 Admissions activities

More information

SUHAIL DAWOOD. me@suhaildawood.com suhaildawood.com @suhaildawood. 647-526-0601 Toronto, Ontario 2013-2017

SUHAIL DAWOOD. me@suhaildawood.com suhaildawood.com @suhaildawood. 647-526-0601 Toronto, Ontario 2013-2017 SUHAIL DAWOOD me@ 2013-2017 (Expected) BSc. Computer Science Specialist: Focus in Web and Internet Technologies & Artificial Intelligence Major in Statistics Minor in Mathematics Minor in Near and Middle

More information

5 Steps to an Engaging Enterprise Mobile Strategy /

5 Steps to an Engaging Enterprise Mobile Strategy / t 5 Steps to an Engaging Enterprise Mobile Strategy / Growing New Business Through the Mobile Channel / A White Paper for IT Directors, CEO s, CTO s & CIO s Table of Contents Executive Summary /! 3 5D

More information

Leon Govier Senior User Experience Designer/ Digital Project Manager

Leon Govier Senior User Experience Designer/ Digital Project Manager Leon Govier Senior User Experience Designer/ Digital Project Manager Cardiff CF23 mail@leongovier.com - 07538507771 - Please email during work hours only I have been working in Design, Digital and Print

More information

Web Designing with UI Designing

Web Designing with UI Designing Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Web Designing with UI Designing

More information

We hold these truths to be self-evident... 3. Fireworks can create CSS. However, see article 2 for clarification.

We hold these truths to be self-evident... 3. Fireworks can create CSS. However, see article 2 for clarification. We hold these truths to be self-evident... 1. Fireworks is a DESIGN program. 2. While Fireworks can design a website or interface, it should not be used for live websites only prototypes and presentations.

More information

Building Web Applications

Building Web Applications Building Web Applications Mendel Rosenblum CS142 Lecture Notes - Building Web Applications Good web applications: Design + Implementation Some Design Goals: Intuitive to use Don't need to take a course

More information

Spiel. Connect to people by sharing stories through your favorite discoveries

Spiel. Connect to people by sharing stories through your favorite discoveries Spiel Connect to people by sharing stories through your favorite discoveries Addison Leong Joanne Jang Katherine Liu SunMi Lee Development & user Development & user Design & product Development & testing

More information

Some observations. Let s talk about prototyping. Who is this guy? EFFECTIVE PROTOTYPING A developer s guide to better design through prototyping

Some observations. Let s talk about prototyping. Who is this guy? EFFECTIVE PROTOTYPING A developer s guide to better design through prototyping EFFECTIVE PROTOTYPING A developer s guide to better design through prototyping Everett McKay UX Design Edge uxdesignedge.com Who is this guy? Principal of UX Design Edge, a UX design training and consulting

More information

Curriculum Vitae. personal details. career objectives

Curriculum Vitae. personal details. career objectives Curriculum Vitae adinolfi raffaele UX designer & team leader personal details date and place of birth 28/01/1977 Turin (Italy) nationality Italian mobile phone +39 339 5676748 email address uxd@raffaeleadinolfi.it

More information

By Peter Merholz, http://peterme.com. If you use it, please attribute it. Thanks.

By Peter Merholz, http://peterme.com. If you use it, please attribute it. Thanks. Ideation/Generation Definition / Requirements Iterative design Implementation Ideation/Generation Definition / Requirements Iterative design Implementation Understand the market Customer empathy Ideation/Generation

More information

Exploring Mobile Space Stanfy Publications. Mobile Application UI/UX Prototyping Process

Exploring Mobile Space Stanfy Publications. Mobile Application UI/UX Prototyping Process Exploring Mobile Space Stanfy Publications Mobile Application UI/UX Prototyping Process Prototyping is an important part of an iterative design process where each screen is refined until it achieves the

More information

Website design & development process

Website design & development process Website design & development process Key stages of the process 9 1 Support, development and maintenance Competitor and audience analysis 8 Training IMPROVE THINK Wireframe and prototype (UX) 2 7 User testing

More information

Style Guide: UI Map. 101 Best Practices: UI Map

Style Guide: UI Map. 101 Best Practices: UI Map UX 101 Best Practices: UI Map Style Guide: UI Map What is a UI Map? A UI Map is a layout of menus that is arranged into a flowchart. The UI Map is used to help understand the navigation path and potential

More information

RARITAN VALLEY COMMUNITY COLLEGE ACADEMIC COURSE OUTLINE. ARTS 274: Visual Design For The Web

RARITAN VALLEY COMMUNITY COLLEGE ACADEMIC COURSE OUTLINE. ARTS 274: Visual Design For The Web I. Basic Course Information RARITAN VALLEY COMMUNITY COLLEGE ACADEMIC COURSE OUTLINE ARTS 274: Visual Design For The Web A. Course Number and Title: ARTS-274 Visual Design For The Web B. New or Modified

More information

DINESANANDAN ANANDAVEL (DINESH)

DINESANANDAN ANANDAVEL (DINESH) (DINESH) DINES_ANANDAVEL@HOTMAIL.COM 1427 Manotick Station Road. Greely, ON K4P0E2 613-262-4824 Portfolio: http://www.dines.ca/ OBJECTIVE A FT/PT/Contract position to utilize my UI/UX integration, Web

More information

Web Design. Abu Dhabi - May - 2016. Technical Description

Web Design. Abu Dhabi - May - 2016. Technical Description Web Design Abu Dhabi - May - 2016 Technical Description Table of Content 1.0 Introduction 2.0 Competency Specification 3.0 Practical Work 4.0 Test Project Design Requirements 4.1 Module 1: Client Side

More information

OBJECTIVE: User Experience Designer

OBJECTIVE: User Experience Designer OBJECTIVE: User Experience Designer PROFILE User Experience (UX) Designer working closely with cross functional teams, developing websites and other site-based web assets creating and iterating sitemaps,

More information

Dogs & Cats How Product Managers can work with UX Designers to create great products

Dogs & Cats How Product Managers can work with UX Designers to create great products Dogs & Cats How Product Managers can work with UX Designers to create great products Patrick Neeman Director of Product Design, Apptio @usabilitycounts www.usabilitycounts.com Stephanie Bergman Director

More information

Mobile App Design ITP 340x (3 Units)

Mobile App Design ITP 340x (3 Units) Mobile App Design ITP 340x (3 Units) Fall 2013 Objective Teach the fundamental concepts, techniques, practices, workflows, and tools associated with the practice of user experience design for mobile apps.

More information

Design Your Future. Take your communications career to a higher level with a Master s Degree specializing in Web Design and Online Communication.

Design Your Future. Take your communications career to a higher level with a Master s Degree specializing in Web Design and Online Communication. Design Your Future Take your communications career to a higher level with a Master s Degree specializing in Web Design and Online Communication. Unmatched Expertise. Unparalleled Experience. Managing digital

More information

Designing The User Experience. 2010 AIGA Design Camp

Designing The User Experience. 2010 AIGA Design Camp Designing The User Experience 2010 AIGA Design Camp TABLE OF CONTENTS Designing The User Experience...1 Definitions:...3 User Experience... 3 Interaction Design... 3 Experience Design... 3 Information

More information

Native, Hybrid or Mobile Web Application Development

Native, Hybrid or Mobile Web Application Development Native, Hybrid or Mobile Web Application Development Learn more about the three approaches to mobile application development and the pros and cons of each method. White Paper Develop a Mobile Application

More information

The USER & The Design Process

The USER & The Design Process The USER & The Design Process Jane Pirone User Friendly User Centered Design UX (User Experience) User Testing Usability UI (User Interface) why should we care so much about the USER? oh and what about

More information

NUR- Prototyping. Low Fidelity

NUR- Prototyping. Low Fidelity NUR- Prototyping Low Fidelity User interface design - big picture Application Domain step 0 User Research user needs and requirements Problem Description sources: marketing research step 1 User Modeling

More information

Windows Presentation Foundation (WPF)

Windows Presentation Foundation (WPF) 50151 - Version: 4 05 July 2016 Windows Presentation Foundation (WPF) Windows Presentation Foundation (WPF) 50151 - Version: 4 5 days Course Description: This five-day instructor-led course provides students

More information

VC 491 Parallax Web Design (Independent Study) Cazenovia College Spring 2014 Independent Study Syllabus Student: Kathryn Wheeler

VC 491 Parallax Web Design (Independent Study) Cazenovia College Spring 2014 Independent Study Syllabus Student: Kathryn Wheeler VC 491 Parallax Web Design (Independent Study) Cazenovia College Spring 2014 Independent Study Syllabus Student: Kathryn Wheeler Instructor Brian Hauser Class Meeting Time & Location Mondays & Wednesdays

More information

JOB VACANCY FORM. Company Description

JOB VACANCY FORM. Company Description AMERICAN UNIVERSITY OF BEIRUT Career and Placement Services Student Affairs http://www.aub.edu.lb/sao/cps/pages/index.aspx If you wish to be removed from the mailing list of Career and Placement Service,

More information