Style guide exercise

Download Report

Transcript Style guide exercise

Apple OSX
Sami Pohjolainen, Gulshan Kumar
 This
is a presentation about Apple OSX
guidelines
 Sami
Pohjolainen,
[email protected]
 Gulshan
Kumar,
[email protected]
 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

Familiarity, simplicity, availability and discoverability
etc.
 How

principles of HID
to prioritize design decisions
Meet minimum requirements, deliver features that endusers expect, differentiate your application.
 Software

installations and updates
Packaging, installation, assistants and updating.