Www.themegallery.com LOGO IT Project Management Information System and Information Architecture Prof. Dr. Ir. Riri Fitri Sari, MM, MSc Electrical Engineering.

Slides:



Advertisements
Similar presentations
Design, prototyping and construction
Advertisements

Website Design What is Involved?. Web Design ConsiderationsSlide 2Bsc Web Design Stage 1 Website Design Involves Interface Design Site Design –Organising.
User Interface Structure Design
Information Architecture Information Architecture (IA) is a process of identifying the objectives for building a Web site and then constructing a comprehensive.
SUCCESSFUL SERVICE DESIGN Turning innovation into practice READ MORE... USER GUIDE Read the “User Guide” to find out more about this site START Ready to.
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.
Human Computer Interaction
Pittsburgh, PA Copyright 2004, Carnegie Mellon University. All rights reserved. Concepts for Writing Effective Process Guidance Suzanne Garcia.
Multimedia & Website Design Initial Planning (Part 2)
Multimedia & Website Design Initial Planning (Part 3)
MSc Publishing on the WWW Web Design Week 2. Aims and Objectives To introduce the stages of web design and implementation To introduce needs analysis.
Information architecture Summary Natalia Shatokhina CS575 Spring 2010.
MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.
The Design Cycle: A Problem Solving Process
User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.
Information Architecture Week 7. Information Architecture QUIZ Please put your books away and get ready for this week’s quiz.
Knowledge organisation and information architecture, Nils Pharo Knowledge organisation and the Web Nils Pharo, 6th November 2002.
Information Architecture Donna Maurer Usability Specialist.
Philadelphia Area SharePoint User Group Welcome to the Philadelphia Area SharePoint User Group Russ Basiura SharePoint Consultant.
Why planning? In order to make a successful project good communication is key! The process of planning and designing a project involves many people from.
I find WordPress limiting for larger sites, Does anybody know a good theme for a travel site? There are some great plugins available for PowerPoint… >
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
Paper Prototyping Source:
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Multimedia Specification Design and Production 2013 / Semester 2 / week 7 Lecturer: Dr. Nikos Gazepidis * Notes by Dr Trevor Baker.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Design h.d.mabuse | Design | Staff | Process | Clients | Cases Created in 1996, C.E.S.A.R gathers a highly qualified team of professionals,
Sarah Rice - IA Summit 2004 Bottom-Up Information Architecture: Re-Design of an Enterprise Class Web Site.
Information Architecture The science of figuring out what you want your Web site to do and then constructing a blueprint before you dive in and put the.
Bayu Priyambadha, S.Kom Teknik Informatika Universitas Brawijaya.
Web Content Development Dr. Komlodi Class 22: Wirerfames.
A Project Guide to UX Design:
The Promise of Information Architecture Keith Doyle Web Content Architect University of Salford.
Student Portfolio Development. Portfolio Development Define the following: Portfolio Artifact Evidence Medium Annotation Design Analysis STUDENTS: Write.
Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.
Web Content Development Dr. Komlodi Class 2: Defining & Practicing IA.
ITM 407: Human and Technology Interaction Management Chapter 9. Design Production Dr. Evren Eryilmaz.
Problemsolving Problem Solving – 4 Stages Analysis Design Development Evaluate (ADDE) Note: In this unit Evaluate is not covered in depth.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
Information Architecture & Design Course Overview -Syllabus -Requirements & Preferences -IA & Design Readings -Group Projects IA Overview -What is IA?
A Blueprint for Successful Web Sites Information Architecture & Web Design Web June 18, 2003 Beth Bailey Kim Eke Elizabeth Pyatt.
1  [company] Inc. [year] Girl Scouts of the USA Secure Site Project Kickoff [date]
Agenda Characteristics of health-related sites Elements of visual and user experience design Group crit of top health sites Process – design activities.
Web Content Development Dr. Komlodi Class 1: Introductions, Elements of Web Design.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
Users and Data Models CMPT 455/826 - Week 3, Day 2 (Various sources) Sept-Dec 2009 – w3d21.
Navigation and Menus Will Meurer. Topics Navigation Basics Navigational Elements Other Navigation Techniques Implementation Usability Take Away Points.
Paper Prototyping Source: Paper Prototyping a method of brainstorming, designing, creating, testing, refining and communicating.
Information Architecture
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Class Four.
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.
Tethered Aerostat Program Concept Design Review Team Name Conceptual Design Review University/College Team Members Date.
Web Content Development Dr. Komlodi Class 11: Blueprints.
© 2011 DigitalDay | MOBILE WEB INFORMATION ARCHITECTURE Best Practices Workshop 1.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
 Define Wireframes, Mockups, and Prototypes  Techniques  Low vs. High Fidelity  Sketchy vs. Polished  Exercise: Define the Process.
Lecture 4 Web Design. Part 1.
Design, prototyping and construction
Web Programming– UFCFB Lecture-4
Anatomy of IA Search Browse “Invisibles” Interface Query Language
Web dissemination principles:
INTRODUCTION TO INFORMATION ARCHITECTURE
Website production.
Some Assistance May Be Required
Prototyping Sriram Mohan.
Design, prototyping and construction
Presentation transcript:

LOGO IT Project Management Information System and Information Architecture Prof. Dr. Ir. Riri Fitri Sari, MM, MSc Electrical Engineering Dept. University of Indonesia 1 Mei 2012

Agenda - Information System ( nformation-systems-introhttp:// nformation-systems-intro - Information Architecture

Organizations and Their Responses Strategic systems Continuous improvement efforts Business Process Reengineering (BPR) Business alliances Electronic commerce

What Is an Information System? Information systems (IS) collect, process, store, analyze, and disseminate information for a specific purpose.

SAP R3 user interface

Enterprise SOA is a blueprint for an adaptable, flexible, and open IT architecture for developing services-based, enterprise-scale business solutions SOAs build applications out of software services

What is information architecture? Intuitive navigation doesn’t happen by chance The problem: finding is the new doing The shear wealth of functionality and information has become the new problem mation-architecture-intro

information architecture is The science of expressing a model or concept for information Used for activities that require expressions of complex systems Consists of: Structural design of shared information environments Organizing and labelling information to support usability and find ability From Wikipedia

Simpler partial definition “the art and science of organising and labelling websites, intranets, online communities and software to support usability and find ability.” Structuring content and systems so people can find information It involves designing: Content grouping Navigation Labelling tagging Taxonomies, thesauri, indexes, metadata

WHY ?? An effective information architecture enables people to step logically through a system confident they are getting closer to the information they require. Most people only notice information architecture when it is poor and stops them from finding the information they require.

Be aware before you begin!!!! Designing anything based on your own preferences and biases is not the best approach Getting it right means understanding the problem at hand or goals as well as knowing your audience Make sure you understand the problem or site goals clearly ……

Tips for good Information Architecture Cookie cutting solutions tend not to work!!! Don’t take a website that worked for one person/business and build your site IA the same Don’t just take an organisations structure and mimic it- example ato.gov.au Get your needs analysis right FIRST There is no one solution for an information-rich site Blogs generally demonstrate bad IA Why??

history The term “information architecture” was first coined by Richard Saul Wurman in Wurman was trained as an architect, but became interested in the way information is gathered, organised and presented to convey meaning. Wurman’s initial definition of information architecture was “organising the patterns in data, making the complex clear”. The term was largely dormant until in 1996 it was seized upon by a couple of library scientists, Lou Rosenfeld and Peter Morville. They used the term to define the work they were doing structuring large-scale websites and intranets.

First step in IA analysis Make sure you can answer the following 2 questions What are your sites major audiences? What are you audiences major questions/problems/needs and how are you going to answer them?

There are many ways to document an IA Site maps Annotated page layouts Content matrices Page templates Personas Prototypes Storyboards

Site maps Site maps are perhaps the most widely known and understood deliverable from the process of defining an information architecture. A site map is a high level diagram showing the hierarchy of a system. Site maps reflect the information structure, but are not necessarily indicative of the navigation structure.

Annotated page layouts Page layouts define page level navigation, content types and functional elements. Annotations are used to provide guidance for the visual designers and developers who will use the page layouts to build the site. Page layouts are alternatively known as wireframes, blue prints or screen details.

Content matrix A content matrix lists each page in the system and identifies the content that will appear on that page. It may also document interactions between pages, page tags and other relevant information

Page templates Page templates may be required when defining large-scale websites and intranets. Page templates define the layout of common page elements, such as global navigation, content and local navigation. Page templates are commonly used when developing content management systems.

Personas Personas are a technique for defining archetypical users of the system. Personas are a cheap technique for evaluating the information architecture without conducting user research.

Prototypes Prototypes are models of the system. Prototypes can be as simple as paper-based sketches, or as complex as fully interactive systems. Research shows that paper- based prototypes are just as effective for identifying issues as fully interactive systems. Prototypes are often developed to bring the information architecture to life. Thus enabling users and other members of the project team to comment on the architecture before the system is built.

Storyboards Storyboards are another technique for bringing the information architecture to life without building it. Storyboards are sketches showing how a user would interact with a system to complete a common task. Storyboards enable other members of the project team to understand the proposed information architecture before the system is built.

Sources and references _whatisinfoarch ations/semantics/ php _architecture

LOGO