Apple OSX Sami Pohjolainen, Gulshan Kumar.  This is a presentation about Apple OSX guidelines  Sami Pohjolainen,

Slides:



Advertisements
Similar presentations
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Advertisements

Chapter 11 Designing the User Interface
Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
Basic Principles of Web Page Design CSCI 150, CSCI 155, CSCI , MSTI 131 and MSTI 260 Developed by BNapoli.
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
1 Official Interface Guidelines by David Catmull User interface documentation published by Apple and Microsoft.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2: Planning.
Key Applications Module Lesson 19 — PowerPoint Essentials
© by Pearson Education, Inc. All Rights Reserved.
Visual Basic 2010 How to Program. © by Pearson Education, Inc. All Rights Reserved.2.
Visual Basic 2010 How to Program Reference: Instructor: Maysoon Bin Duwais slides Visual Basic 2010 how to program by Deitel © by Pearson Education,
A graphical user interface (GUI) is a pictorial interface to a program. A good GUI can make programs easier to use by providing them with a consistent.
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Exploring the Basics of Windows XP. Objectives Start Windows XP and tour the desktop Explore the Start menu Run software programs, switch between them,
A Guide to Oracle9i1 Creating an Integrated Database Application Chapter 8.
Interaction Styles Interface Widgets. What are Interaction Styles?  A Collection of interface objects and associated techniques from which an interaction.
Screen guidelines For data entry. Screen Layout for Data Entry Identify screen (name and purpose). Keep number of screens to a minimum. Ensure that all.
User Interface Design. Overview The Developer’s Responsibilities Goals and Considerations of UI Design Common UI Methods A UI Design Process Guidelines.
Chapter 2: The Visual Studio.NET Development Environment Visual Basic.NET Programming: From Problem Analysis to Program Design.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Exploring the Basics of Windows XP
2. Introduction to the Visual Studio.NET IDE 2. Introduction to the Visual Studio.NET IDE Ch2 – Deitel’s Book.
Microsoft Visual Basic 2012 CHAPTER TWO Program and Graphical User Interface Design.
Lecture Set 3 Introduction to Visual Basic Concepts Part A – User Interfaces and Windows Forms – The Toolbox.
In the Sandbox Playing with SkillPort 7 for the first time.
Systems Analysis and Design in a Changing World, 6th Edition
Microsoft Wang Li, Wang Yini, Li YIcheng.  This is a presentation about Microsoft Windows7 guidelines  Wang Li K8wali00  Li Yicheng K8liyi00  Wang.
Key Applications Module Lesson 19 — PowerPoint Essentials
CIS—100 Chapter 9—PowerPoint 1. The PowerPoint User Interface 2 There is a tall band across the screen that contains many, very visual commands arranged.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
IE 411/511: Visual Programming for Industrial Applications
AS Level ICT Selection and use of appropriate software: Interfaces.
What’s New in SkillPort 7 Presenter Name Title. SkillPort 7 – a whole new look and feel! Complete redesign of the SkillPort User Interface –Both Student.
Mr C Johnston ICT Teacher
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
Introduction To Microsoft Word C Apply intermediate skills in utilizing word processing software Word processing programs make the writing process.
XP New Perspectives on Windows XP Tutorial 1 Exploring the Basics.
MarkNotes Question 1 The Human Computer Interface (HCI) is an important part of an ICT system. Describe four factors which should be taken.
Productivity Programs Common Features and Commands.
User Interface Structure Design Chapter 11. Key Definitions The user interface defines how the system will interact with external entities The system.
Output Design. Output design  Output can be: Displayed on a screen/VDU/monitor. Printed on paper as hard copy. Sound.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
Why do we need good user interfaces?. Goals of User Interfaces Usable – how much effort to do a task? – example: often-used buttons easier to find – example:
Introduction to Web Page Design. General Design Tips.
12.1 CSC 123 Systems Analysis & Design Part IV: The Essentials of Design Chapter 12 Designing Effective Input.
Basic Editing Lesson 2.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
Introducing Software Computer Concepts Unit A. Introducing Software What is an Operating System? OS is the master controller for all the activities that.
Human Interface Guidelines Networking Lab Lee Ho Jae.
Oct 021 Outline What is a widget? Buttons Combo boxes Text components Message boxes.
AS Level ICT Health and safety guidelines covering the design and introduction of new software.
USER INTERFACE DESIGN (UID). Introduction & Overview The interface is the way to communicate with a product Everything we interact with an interface Eg.
Catholic University College of Ghana Fiapre-Sunyani INFORMATION TECHNOLOGY I Audrey Asante, Faculty of ICST Graphic User Interface Tutorials and Documentation.
CMPF114 Computer Literacy Chapter 3 The Visual Basic Environment 1.
Word Create a basic TOC. Course contents Overview: table of contents basics Lesson 1: About tables of contents Lesson 2: Format your table of contents.
Cs413_design02.ppt GUI Design The User Controls Navigation Traditional GUI design the designer can control where the user can go gray out menu options.
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
William H. Bowers – Specification Techniques Torres 17.
IE 411/511: Visual Programming for Industrial Applications Lecture Notes #2 Introduction to the Visual Basic Express 2010 Integrated Development Environment.
MarkNotes Question 1 The Human Computer Interface (HCI) is an important part of an ICT system. Describe four factors which should be taken.
Word processing is the software package that enables you to create,edit, print and save documents for future retrieval reference. creating a document.
Investigating User Interfaces
Human Interface Guidelines
Java Look-and-Feel Design Guidelines
Designing Information Systems Notes
CHAPTER 8 Multimedia Authoring Tools
Guidelines for Selecting Computer Software
Official Interface Guidelines
Presentation transcript:

Apple OSX Sami Pohjolainen, Gulshan Kumar

 This is a presentation about Apple OSX guidelines  Sami Pohjolainen,  Gulshan Kumar,

 Apple Human Interface Guidelines  These guidelines are designed to assist you in developing products that provide Mac OS X users with a consistent visual and behavioral experience across applications and the operating system.

 Involve users in the design process  Avoid feature cascade  Apply 80 percent solution  Detailed explanations on how to design user input:  Mouse, trackpad, keyboard.  Selecting, editing etc.  Drag-n-drop, text, menus, icons and pointers.  Windows and its controls.  Layout.  Keyboard shortcuts.

 Text is prevalent throughout the interface for such things as button names, pop-up menu labels, dialog messages, and onscreen help.  Using text consistently and clearly is a critical component of interface design.  Supports standard fonts for interface elements.  Provides a standard Colors window for picking colors.

 Aqua offers a photo-illustrative icon style—it approaches the realism of photography but uses the features of illustrations to convey a lot of information in a small space.  The graphic flexibility of Aqua icons can also help users identify files associated with an application.  Application icons should be vibrant and inviting, and should immediately convey the application’s purpose.

 Menus are user interface elements that users refer to frequently, especially when they are seeking a function for which they know of no other interface.  Ensuring that menus are correctly organized, are worded clearly,and behave correctly is crucial to the user’s ability to explore and access the functionality of your applications.  Guideline gives very detailed explanations on how menus work at the most basic level.

Menus appear in several different forms in the Mac OS X interface.

 Help Menu should be the rightmost menu of the application’s menus.  Only one custom item in the Help menu, but if more items, they should appear below the ApplicationName  Help menu should not be a table of contents for the help book

 Help Book is a collection of HTML files that provide onscreen help for a particular product.  Help button is a button that opens Help Viewer to the help content appropriate for the context. A help button is a round button with a question mark.  Help Viewer is a simple browser used to display Apple Help HTML files.  Help Tag is a brief text explanation that appears when the user leaves the pointer hovering over an interface element for a few seconds.

 Aqua is the overall appearance and behavior of Mac OS X. Aqua defines the standard appearance of specific user interface components:  Windows, menus, and controls.  Anti-aliased appearance of text and graphics, shadowing, transparency, and careful use of color.  Uses high-resolution, high-quality graphics and icons that include 32-bit color and transparency.  Keep graphics simple, and use them only when they truly enhance usability.  Don’t overload windows and dialogs with dozens of icons or buttons.  Includes layout guidelines

 Apple explains the design process itself  Involving end-users and how to make design decisions.  What are the characteristic of great software?  High performance, ease of use, attractive appearance, reliability, adaptability, interoperability, and mobility.  Explains principles of HID  Familiarity, simplicity, availability and discoverability etc.  How to prioritize design decisions  Meet minimum requirements, deliver features that end- users expect, differentiate your application.  Software installations and updates  Packaging, installation, assistants and updating.