System Analysis & Design Chapter VII: User Interface Design Providing interactive and easy to use interfaces is an important task of system designer using.

Slides:



Advertisements
Similar presentations
Web Page Design Critical Elements for a Well Designed Web Page.
Advertisements

Chapter 11 Designing the User Interface
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Principles of Web Design 5th Edition
HTML Semantic Structure
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Web Accessibility Web Services Office of Communications.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
Live Meeting 2007: Presenter's companion Use the collaborative content features You want all new hires to participate actively in the new hire orientation.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
Designing for the Web 7 Useful Design Principles.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Web Development Life Cycle from Beginning to End…and BEYOND!
Excel Lesson 2 Business Forms. Task 1  Goals  Format cell data  Apply and modify cell styles.
© and web design. Acceptable Most Web designers crib some of their source code, either from other sites or their previous work. These are usually individual.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
1 California State University, Fullerton Chapter 8 Personal Productivity and Problem Solving.
Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.
Web Page Design Principles
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
Computer Vocabulary Acceptable Use Policy conduct expected from someone using a computer.
Web Development. Presentation Design Visualizing your web site or Visual Design.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
© 2001 Business & Information Systems 2/e1 Chapter 8 Personal Productivity and Problem Solving.
Lead Black Slide Powered by DeSiaMore1. 2 Chapter 8 Personal Productivity and Problem Solving.
PPT By: Tony Thai By Andrew King. 1. Original and Credible 2. Website Guidelines 3. Valuable and Timely 4. Custom-Tailored 5. Be Responsive 6. Easy to.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
1 Human Computer Interaction Week 10 Web Usability.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
5 Elements of Good Web Design A powerpoint by Himyt Kang & Harman Lidder.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Web Site Design. Overview Why? Internet and Intranet Common Mistakes. Elements of a Web Site. Structure. Navigation.
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.
Activity 3 - introduction

Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Unit 8.2 / Lesson 1 / presentation1b Website Styles.
Vocabulary 2 Internet Vocabulary. online On the internet.
Basic Elements.  Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Observing the Current System Benefits Can see how the system actually works in practice Can ask people to explain what they are doing – to gain a clear.
We looked at these two presentations and talked about the structure of setting up the table.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
The Elements of Design: Color
Elements of Design.
Elements of Design.
PROJECT ON WEB DESIGNING BY – POOJA SINGH CSE. WEB DESIGNING Web design Web design is a similar process of creation, with the intention of presenting.
Step 1: Design for a Computer Medium
Creating & Managing for Teaching Purposes
Web Development Life Cycle from Beginning to End…and BEYOND!
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
The Elements of Design: Color
Website Planning EIT, Author Gay Robertson, 2018.
For use on your feedback page
Web Standards and Accessible Design.
Tips on good web site Design
Objective Explain concepts used to create websites.
Web Development Life Cycle from Beginning to End…and BEYOND!
Presentation transcript:

System Analysis & Design Chapter VII: User Interface Design Providing interactive and easy to use interfaces is an important task of system designer using system design. People always look for computer software that help them solve their problems in easy steps. 1. Good interface A good interface should clearly define 1. input and output data of the business transaction, and 2. screen presentation including its layouts and the sequence of screens to complete a business transaction.

System Analysis & Design Chapter VII: User Interface Design 1. 1 Interface objects Based on requirements model, system designer can determine the objects must be placed on the software interface. The user interacts with those objects to accomplish transactions. Each interaction with one object results in one transaction. For example, based on the USE CASE model of the ATM system, the interface objects can be Balance Enquiry, Withdrawal, and Deposit. When the user interacts with Withdrawal object, the he/she wants to do withdrawal transaction.

System Analysis & Design Chapter VII: User Interface Design

System Analysis & Design Chapter VII: User Interface Design 1. 2 Interface Presentation A good interface must present the information in a clear and easy to understand manner. The good layout of information and sequence of screens that the user has to interact will help the user to solve his/her problem confidentially.

System Analysis & Design Chapter VII: User Interface Design 1. 3 Robustness In every work, a user might take incorrect actions that lead to system breakdown. The good interface not only prevents the errors from entering the system but also helps the user correct the errors. For example, the input text box of the calculator program should accept only digit, backspace, dot, or delete key.

System Analysis & Design Chapter VII: User Interface Design 1. 4 Usability The usability of the interface defines how easy it is to use the interface. Answering the following questions is useful when the interface is measured. -Are all information needed by the user are on the screen? -Is the system helpful and easy to learn? -How long does the system take to perform a task? To ensure the system usability, it must be integrated in to system development cycle. The users have to actively involve in interface usability experiments.

System Analysis & Design Chapter VII: User Interface Design 2. Website Design Now, it is common to design interfaces for websites. A good designed website increases user experience and shapes the image of business organization to a wide range of audiences. How to do a good web design? To answer this question, It is important to understand what form the good web site design.

System Analysis & Design Chapter VII: User Interface Design a. Content of the website The content is the most important part of the website. Writing original and useful content keeps the old audiences and attracts new audiences. "The best way to get other sites to create relevant links to yours is to create unique, relevant content that can quickly gain popularity in the Internet community. The more useful content you have, the greater the chances someone else will find that content valuable to their readers and link to it. Before making any single decision, you should ask yourself the question: Is this going to be beneficial for my page's visitors? It is not only the number of links you have pointing to your site that matters, but also the quality and relevance of those links. Creating good content pays off: Links are usually editorial votes given by choice, and the buzzing blogger community can be an excellent place to generate interest,” Google said.

System Analysis & Design Chapter VII: User Interface Design B. Text Layout Consider placing, and arranging text on the web page in the manner that the users feel comfortable. Heading styles (H1, H2,H3, etc.), boding, color, font size should be used properly to structure the content and stress the important points.

System Analysis & Design Chapter VII: User Interface Design

System Analysis & Design Chapter VII: User Interface Design C. Structure of the website A well-structured website helps both the users and search engines discover your web pages quickly. Home pageTutorialsSub-page1Sub-page2DownloadsSub-page 1Sub-page2ForumSub-page AboutSub-page1Sub-page2

System Analysis & Design Chapter VII: User Interface Design D. Customer service For a business website, providing a good customer service is an import part contributing to its success. Customers need your supports, want you to answer their enquiries quickly and helpfully.

System Analysis & Design Chapter VII: User Interface Design E. Visuals Visual effects of the website attract the users. Images, and backgrounds should be used properly to convey thoughts, and identity. Too many images in a web page result in slow page load. Color is also an import element of visualization. People from different cultures define different meanings on colors. In Cambodia, wearing white clothes is a sign of grief in funeral. This is contrast to the Western countries that use black color to convey the grief.