Louvain-la-Neuve, 27 th June 2011 Nguyen Thanh-Diane.

Slides:



Advertisements
Similar presentations
National Institute of Statistics, Geography and Informatics (INEGI) Implementation of SDMX in Mexico.
Advertisements

Mobile Apps Workshop. Overview 1. The App Marketplace 2. What Makes a great App, design tips 3. Build and Deploy - Development Costs / Timescales.
The DataFlex Web Framework Changing the Game Stephen W. Meeley Development Team Data Access Worldwide
Going Mobile According to the Mobile Marketing Association, more people worldwide own mobile devices than own a toothbrush…roughly 90% of the American.
Dialogue – Driven Intranet Search Suma Adindla School of Computer Science & Electronic Engineering 8th LANGUAGE & COMPUTATION DAY 2009.
Part 3: Design Days 15, 19, 21, 23 Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction.
Software Requirements
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.
Technologies of e-Commerce 2 Unit 8 – e-Commerce LO1 : Know the technologies required for e-commerce Live the dream…
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 5 Slide 1 Requirements engineering l The process of establishing the services that the.
CRYSTAL REPORTS Jacob Grogan. CRYSTAL REPORTS AND WHY IT’S USEFUL? “ Crystal Reports is a popular Windows-based report generation program that allows.
CIS 1310 – HTML & CSS Web Metrics Stats ’n Stuff.
Chapter 1 Introduction to HTML, XHTML, and CSS
INFO 6002 Assistive Technologies and Universal Design Accessibility and Usability Evaluation Chaohai Ding Msc of Web Technology
File-Mate 1500 Design Review 1 November 19, 2013 KEVEN ABBOTT, ARCHITECT TYLER CROUSE, SPONSOR LIASON KIANA DELVENTHAL, TEAM LEADER, RECORDER LIAM WESTBY,
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Looking Good Online Design and Presentation of Websites 1.
This work was supported by the TRUST Center (NSF award number CCF ) Introduction In 1995 Mary J. Culnan stated that ‘fair information practices.
Research paper: Web Mining Research: A survey SIGKDD Explorations, June Volume 2, Issue 1 Author: R. Kosala and H. Blockeel.
Jason G. Caudill Assistant Professor of Business Administration Carson-Newman College.
1 The Architectural Design of FRUIT: A Family of Retargetable User Interface Tools Yi Liu, H. Conrad Cunningham and Hui Xiong Computer & Information Science.
Introduction CIS 136 Building Mobile Apps 1. What is a mobile app? 2  Computer program  Designed for small devices  Smartphones  Tablets  Other handhelds.
CrystalWeb Crystals you can play with! Final Report December 7, 2004 Ed Barnard Stephanie Silberstein Frederick Wang Harris Wang
Project Proposal Interface Design Website Coding Website Testing & Launching Website Maintenance.
Web Site Design Principles
Software Engineering for Business Information Systems (sebis) Department of Informatics Technische Universität München, Germany wwwmatthes.in.tum.de Design.
SCSC 311 Information Systems: hardware and software.
Requirements Elicitation. Who are the stakeholders in determining system requirements, and how does their viewpoint influence the process? How are non-technical.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Understanding the Web Design Environment. External factors that affect Web design Many variables affect how Web pages appear New screen resolutions Wide-screen.
U.S. Department of the Interior U.S. Geological Survey Web Presence, Data Sharing, Real- time Analysis and Crowdsourcing GFSAD30 Sixth Workshop – July.
Košice, 10 February Experience Management based on Text Notes The EMBET System Michal Laclavik.
How Did Information Technology Boost the Dissemination of Community-wide Antibiogram to Healthcare Providers? Lei Chen, PhD, Sr. Epidemiologist Steve B.
Chapter 9 Design guidance and design rationale. UIDE Chapter 9 Sources of Design Guidance Standards Standards –User interface standard Design Guidelines.
Collaborative Development of a Web Knowledgebase for a Liaison Program: “Back to the Future” Holly Harden, MLIS, Liaison Librarian Kathleen B. Oliver,
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Designing Attention-Centric Notification Systems Five HCI Challenges Scott McCrickard Center for Human-Computer Interaction & Department of Computer Science.
Federal Department of Home Affairs FDHA Federal Statistical Office FSO Storytelling in times of tablets Armin Grossenbacher November 2014.
Dr. H. Rex Hartson Fall 2003 Introduction to the Course Copyright © 2003 H. Rex Hartson and Deborah Hix. CS5714 Usability Engineering.
Use of Technological tools in the Dissemination of Census Data Central Statistics Organization Afghanistan United Nations Workshop for South Asian countries.
IdealXML an interaction design tool Francisco Montero & Víctor López LoUISE Research Group University of Castilla-La Mancha Bucharest, Romania, June 5-8,
Basics of testing mobile apps
Title THE CREATION AND SHARING OF LEARNING OBJECTS THROUGH OPEN SOURCE PLATFORMS BEAT FOR RESINT PROJECT Olivastri Silvio
Systems Analysis and Design in a Changing World, 6th Edition 1 Chapter 6 Essentials of Design.
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
User interface implementation Juri Strumpflohner Matthias Braunhofer.
Kypros-net Website : Greek Tutorial Program SI 622 Evaluation of Systems and Services M. Elledge P. Zaphiris.
Registration, Evaluation, Authorisation and Restriction of Chemical substances (REACH) – electronic support system Bc. Kryštof Dibusz Institute of Chemical.
Presentation by Giorgos Theodoridis. WordPress is a free web software you can use to create a beautiful website, blog, or app, (CMS) based on PHP and.
HCC 831 User Interface Design and Evaluation. What is Usability?
Instructions for Hosting and
WP4 Models and Contents Quality Assessment
Chapter 2 Web Site Design Principles
The Future of Drupal and Content Delivery
Systems Analysis and Design in a Changing World, Fifth Edition
The Role of Tool Support in Public Policies and Accessibility
Overview of Standards and Guidelines
Chapter 11 Designing Effective Output
HCI Bibiography Presented by: Shoaib Mehdi Abdul Nasir Waheed
Styling For Print From Screen to Paper
Making Your Site Mobile-Ready
Chapter 14 Moving from choosing components into design areas
Software Engineering D7025E
Web Mining Department of Computer Science and Engg.
Part 8 Q36 to Q40 of National 5 Prelim
Panel on the Development, Maintenance, and Use of Course Web Sites
Knowledge Sharing Mechanism in Social Networking for Learning
Presentation transcript:

Louvain-la-Neuve, 27 th June 2011 Nguyen Thanh-Diane

Table of Contents Motivations Goals of the thesis Research Methodology Review of the state of the art References selection Base of the ergonomic guide : DESTINE The OO-Method Examples of applications : Android and iOS Conclusion 2 Nguyen Thanh-Diane /2011

Motivations Problems: Huge variety of devices, software/hardware Large quantity of available guidelines Limitations of current works about ergonomic guidelines Incompleteness Heavy description Difficult interpretation Conflicting issues Out of date information The lack of classification of guidelines Examples: 1. Guideline: “Impose a style in using CSS” vs Guideline : “Let the user to choose its policy” (Norcier,2008) 2. Guideline for desktop computer : “Design a page in order to be readable in 800 x 600 resolution” (Norcier,2008) Guideline for widescreen: “Design for 1024x768 minimum resolution” (Michele McDonough,2010) 3 Nguyen Thanh-Diane /2011

Goals of the thesis Main Goal Provide user interface designers and developers with support for designing multi-platform user interfaces. Sub-Goals Know the state of the art related to guidelines for multi- platform interfaces. Create the ergonomic guide Disseminate the ergonomic guide among research groups devoted to improve usability of software systems. Verify the usefulness of guidelines by an application 4 Nguyen Thanh-Diane /2011

Research Methodology Methodology based on the design cycle research 5 Nguyen Thanh-Diane /2011

Review of the state of the art 6 Nguyen Thanh-Diane /2011

Smartphones Worldwide Smartphone Sales to End Users by Operating System 2009 year 2010 year Selected Smartphones: Android by its great increase in sales and using iOS : The first iPhone has revolutionized the design (own patterns and guidelines) of electronic devices that surround us. 7 Nguyen Thanh-Diane /2011

Motivation of the references selection to extract guidelines Main Motivations in selection of references: Up-to-date guidelines How to avoid the most current mistakes in applications or websites Complete and illustrated content Related to categories Credibility by experiments The popularity Examples : - Jakob Nielsen - Articles with the agreement of the U.S. Department of Health and Human Services 8 Nguyen Thanh-Diane /2011

Ergonomic guideline template 9 Nguyen Thanh-Diane /2011

Example of an ergonomic guideline 10 Nguyen Thanh-Diane /2011

Base of the ergonomic guide: DESTINE DESTINE : Design & Evaluation STudio for INtent-based Ergonomic web sites Compatible XML language called GDL Description of categories 237 available ergonomic guidelines for multi-plaforms in the database. List, name, description, resume, illustration of each guideline Structured and complete view on each guideline related to own categories 11 Nguyen Thanh-Diane /2011

12 Destine

13 Destine Nguyen Thanh-Diane /2011

14 Destine

15 Destine

Development step : the OO-Method learning The Interaction Model of OO-Method 16 Nguyen Thanh-Diane /2011

Conceptual Model : example 17 Nguyen Thanh-Diane /2011

Web View and Office View generated by OLIVANOVA software 18 Nguyen Thanh-Diane /2011

Application of the ergonomic guide on Android:HAT 19v Nguyen Thanh-Diane /2011

Application of the ergonomic guide on iOS:HAT 20 Nguyen Thanh-Diane /2011

Application of the ergonomic guide on Android:SIU 21 Nguyen Thanh-Diane /2011

22 Application of the ergonomic guide on iOS:SIU Nguyen Thanh-Diane /2011

Application of the ergonomic guide on Android:PIU 23 Nguyen Thanh-Diane /2011

Application of the ergonomic guide on Android:PIU Model selection, filtering 24 Nguyen Thanh-Diane /2011

Application of the ergonomic guide on Android:Master Detail Interaction Unit 25 Nguyen Thanh-Diane /2011

Conclusions The support for designing multi-platform user interfaces is defined in the software DESTINE with 237 guidelines. Challenge of unknown tools for Android and iOS Diversity of collaboration and partners Evolutions Future collaboration in OO-Method domain with other international researchers Experimentations: to determine the percentage of developer that will follow the rules of the guide 26 Nguyen Thanh-Diane /2011

Thank you for your attention 27 Nguyen Thanh-Diane /2011