Apple 2 manual Icons in a Picker

Page 168

C H A P T E R 5

Icons

The standard Newton pickers automatically align each icon with its text at their vertical midpoints. If you want to adjust the centering—visually balancing the icon as opposed to mathematically centering it—you can include white pixels at the top or bottom of the icon.

5-14

Icons in a Picker

Image 168
Contents Newton 2.0 User Interface Guidelines Addison-Wesley Publishing CompanyLibrary of Congress Cataloging-in-Publication Data Contents Container Views Page Controls Pickers ViiIcons Data InputViii Page Routing and Communications Newton Services Glossary GL-1 Index IN-1 XiiNewton and Its Users XiiiXiv Controls Pickers XviIcons XviiRouting and Communications XviiiXix Choosing a printer in a routing slip10A status slip shows the progress of a Find Operation Who Should Read This Book XxiWhat’s in This Book Related BooksXxii Visual Cues Used in This Book Developer Products and SupportXxiii Apda XxivNewton and Its Users Understand NewtonKnow Your Audience Accessibility What People Do With NewtonObserve Basic Human Interface Principles Metaphors1Metaphors help people quickly grasp how software works Direct Manipulation Feedback See and PointConsistency User Control ForgivenessStability Aesthetic IntegrityDesign for the Newton System Observe the Built-In ApplicationsUse the Common Pool of Data Keep Applications Simple Use Screen Space WiselyCheck the Screen Size Newton and Its Users Involve Users in the Design Process Define Your AudienceAnalyze Tasks Build Prototypes Observe UsersTen Steps for Conducting a User Observation Explain how to think aloud Tell the participant that it’s OK to quit at any timeTalk about the equipment in the room Explain that you will not provide help Describe in general terms what the participant will be doingConclude the observation Use the resultsNewton and Its Users Page Container Views 1Examples of container views How Views Look View ControlsView Title 2Standard controls for manipulating views3Various title styles View Border Matte BorderStriped Border Wavy BorderPlain Border Drop ShadowsMain Views View FillTitle or Folder Tab 9A title or a folder tab tops a main viewPrimary Controls and Status Bar Separator Bars11Separator bars separate multiple items in a scrolling view Main View’s Border Auxiliary Views Notification alerts communicate important messages to usersSlips 14Users can move most slips15Dismissing slips that complete actions Notification Alerts 16A notification alert tells the user something importantConfirmation Alerts 18A confirmation alert tells the user about a grave situation Status Slips Title and Message Progress Indicator Close, Stop, or Cancel 21A gauge in a status slip measures elapsing progressPalettes User Decision23A palette provides handy access to useful settings Drawers 24A drawer slides open and closedRoll Views How Views Work Opening Container ViewsView Display Order What Is Active BackdropView Position Position of a Main View25Where to position a small auxiliary view Position of Auxiliary ViewsClosing a View Closing a Main ViewMoving a View Closing a SlipClosing a Drawer Changing a View’s Size 26Dragging a view’s drag handle moves the view28A view may change size in response to user actions Scrolling Scrolling With Scroll Arrows 30Scrolling by tapping a down arrowUniversal Scroll Arrows Local Scroll Arrows 32How scroll arrows work in the Date Book’s Day view Four-way Scrolling 33Scroll arrow color may indicate what scrolling will reveal34A control for scrolling in four directions Automatic Scrolling 36Automatic scrollingOverview Contents OverviewScrolling Performance 37How an overview relates to a detail view Overview Button 38The Overview button at the bottom of a MessagePad screenSwitching to and from an Overview 39Getting an overviewScroll and Overview in an Overview Nonfunctional Scroll and Overview Controls Closing an OverviewPage Controls Buttons Text ButtonsText Button Sizes Naming Text Buttons Naming Take-Action ButtonsNaming Cancel- and Stop-Action Buttons 4Name buttons distinctively wherever possible5Where to use a button named Cancel Picture Buttons 7A picture button depicts what the button doesDesigning Picture Buttons Button Behavior Button Feedback10A button disappears when it isn’t available Button StatesButton Placement 11Where to put buttons in a view Button Spacing13Regular spacing between buttons on a MessagePad Close Boxes Large ButtonsWhere to Use a Regular Close Box Where to Use a Large Close Box16Where to use a large Close box Radio Buttons17Only one radio button in a cluster can be selected Checkboxes 18Each checkbox can be on or off Sliders 19One checkbox vs. two radio buttonsHot Spots 20A slider used for data inputStandard Newton Buttons 21Providing feedback for small, transparent hot spotsAnalog Clock Button Info Button23Where an Info button goes Recognizer Button26Where a Keyboard buttons goes Keyboard ButtonNew Button Show Button29Where a Filing button goes Filing Button30A Filing button reports where a data item is stored Action Button31Where an Action button goes Item Info ButtonRotate Button 32Seeing an Item Info slip33A Rotate button lets users change the screen orientation Page Pickers List Pickers Elements of List PickersCheck Marks IconsItem Names Table of Items 2A list picker can contain a two-dimensional table of items Unavailable ItemsOrganization of List Pickers Sources of List Pickers 4Grouping items in list pickersPosition of List Pickers 5Pickers can pop up from buttons, labels, and hot spotsUsing a List Picker Picking an Item7Using a list picker from a button User Editing of Pickers Scrolling Index Tabs 10A lengthy picker can include scroll arrows and index tabsHierarchical List Pickers 11How a two-level hierarchy of list pickers works Number Picker 12A number picker simplifies specifying a numerical valueDate and Time Pickers 14Date pickers specify one date or a date range Contents of Overview Pickers Overview PickersPosition of Overview Pickers 15The parts of overview pickersUsing an Overview Picker Picking ItemsScrolling Items 16Entering a new value in an overview pickerStandard Newton Pickers Creating New ItemsInfo Picker New Picker Show Picker Action Picker20The Action picker lists commands for acting on data People PickerNames only Icons Designing Effective IconsThinking Up an Icon Image Make Shapely Icons Design for the Newton DisplayAvoid Text in Icons Make All Sizes of an Icon Look AlikeUse Icons Consistently 3Small icon resembles large iconExtras Drawer Icons Think About Multicultural CompatibilityExtras Drawer Icons Together Icons Extras Drawer Icon Size 6Large icons crowd the Extras DrawerExtras Drawer Icon Shape Extras Drawer Icon NamesAnimating an Extras Drawer Icon 7An icon’s mask either highlights or animates the icon Title Icons 8Combining an icon with its mask to animate the iconButton Icons Icons in a Picker11Icons can help communicate picker item functions Icons in a Picker Data Input Input Fields1Users enter and edit data in input fields Tapping Scrolling Lists and Tables 2How a picker works for data input3Data input using scrolling lists with or without checkboxes Radio Buttons 4With radio buttons, a user can select one value for a fieldCheckboxes SlidersWriting, Drawing, and Editing Text InputSimple Input Line 7How an unlabeled text-input line worksLabeled Input Line 8How labeled text input lines workText Input Lines that Expand 9How expandos workParagraph Input Structured List InputShape Input General Input 12Interface element for shape inputRecognition 13Interface element for general inputUser Control of Recognition 15Users may need to control recognition separately in a slip Deferred Recognition Forcing Recognition Configuring RecognitionData Input Editing Selecting Text and Shapes 17Selecting words and shapes Erasing Text or Shapes 18Orientations of the scrubbing gestureData Input Scrubbing a little or a lot Joining Words Breaking ParagraphsInserting Space in Text Inserting New Text Data Input Inserting space in textUser taps caret Picker pops up User selects a Replacing Text Correcting Misrecognized Text26How a Corrector view works Changing Capitalization of Text Changing Paragraph MarginsRemoving Extra Space from Paragraphs Duplicating Text or ShapesTyping Moving ObjectsDisplaying Keyboards 28A Keyboard picker lists alternate on-screen keyboardsKeyboard Position KeysCharacter Keys Return TabDel ShiftType-Ahead and Auto-Repeat OptionArrow Keys Error Handling Error CorrectionError Detection RoutingandCommunications In/Out Box Box Out Box In/Out Box ItemsViewing Items in the In/Out Box 2A Show button provides access to alternative views Viewing Routing InformationRouting Outgoing Items 3Viewing routing information in an Item Info slipAction Button and Picker 4An Action picker lists the transports available for sendingAn Action Button’s Location Action Picker Contents Building an Action Picker 7An Action picker can include two kinds of actionsRouting Slips Sender Picker 9Changing the sender’s name or location Recipient Pickers Choosing a PrinterChoosing Fax or E-mail Recipients 10Choosing a printer in a routing slip11Choosing fax or e-mail recipients in a routing slip Transport Picker Send Button and Close BoxRouting and Communications Other Routing Slip Elements Format Picker14Format choices vary by transport and class of data Routing and Communications Preview Button 16Previewing outgoing page images Routing Outgoing ItemsRouting Incoming Items Sending Out Box ItemsReceiving In Box Items Receiving Remote In Box Items Disposing of Received ItemsPutting Away Received Items 20The Tag picker disposes of currently selected In Box itemsPutting Away Items Automatically Filing Items That Are Put AwayRouting Status Extending the Tag Picker21Status slips apprise users of lengthy transport activities Stopping a Send or Receive in Progress Transport Preferences 23Some common preference items for transports Routing Alternatives 24A Call routing slip sets up an outgoing phone callRouting by Intelligent Assistant 25Routing with the Intelligent AssistantProgrammed Sending Newton Services Automatic Busy Cursor Notify Button and Picker3The Notify picker lists ongoing actions and deferred alerts Alarms Unacknowledged Alarms Alarm EtiquetteSound Find5A standard Find slip specifies what to find and where to look Text SearchesDate Searches Scope of a SearchFind Customizing the Standard Find Slip 8Searching specified applicationsCriterion added by the frontmost application Initiating or Canceling a Search Search StatusSearch Results 11A Find overview lists items that match search criteria Filing Filing Button and Slip Filing Button’s Location Filing Slip’s Contents Newton Services Editing Folders Folder Tab 17Slips for entering and editing folder names18A folder tab allows users to filter a view by folder 20A folder tab can include a digital clock and calendar Intelligent Assistant Invoking the AssistantInterpreting the Request Phrase Assist Slip Waits for input Newton Services Task Slips Help HelpHelp Preferences System-wide PreferencesApplication Preferences 32Preferences New and Show Buttons Screen SizeTapping v. Writing Picker Placement and Alignment Field AlignmentClose Box Size Button LocationButton Size CapitalizationPicker Icons Dismissing a SlipFonts Punctuation to AvoidExtras Drawer Icons Storage Date and Time InputPage Alert box Alert soundApplication Application base viewCommand Busy cursorButton Tapped. See also picture button and text buttonContext-sensitive ControlDate Book DimmedExtras Drawer fieldfloating container view Folder tabItem Info slip Ink textInput Input areaNotification slip OutputPalette Parent viewPoint Proto templateRouting Routing slipSee proto template GL-8User interface Word wrapGL-9 Page Index IN-1IN-2 IN-3 IN-4 IN-5 IN-6 See also routing In BoxIN-7 IN-8 IN-9 IN-10 Page IN-12 IN-13 IN-14 IN-15 IN-16 Lon Poole
Related manuals
Manual 94 pages 48.18 Kb

2 specifications

The Apple II is a defining product in the history of personal computing, first introduced in 1977 by Apple Computer, Inc. Designed by Steve Wozniak, the Apple II was one of the first highly successful mass-produced microcomputer products and played a significant role in bringing personal computers into homes and schools.

One of the Apple II's standout features was its color graphics capability. It was one of the first personal computers to provide color output, thanks to its built-in video interface. The initial model supported a resolution of 280x192 pixels with a palette of 6 colors, which allowed for vibrant visuals that set it apart from contemporaries like the monochrome Altair 8800.

The Apple II was notable for its open architecture. This design allowed users to expand the computer's capabilities easily through a series of expansion slots. Users could add floppy disk drives, additional memory, and various peripheral devices, making the system highly adaptable to individual needs. This encouraged a thriving ecosystem of third-party hardware and software, which contributed to its popularity.

Another significant feature was its use of the 6502 microprocessor. This 8-bit CPU was not only affordable but also powerful for its time, allowing the Apple II to run various applications efficiently. Along with a built-in keyboard and an innovative plastic case that housed its components, the design was user-friendly and appealing.

The Apple II also introduced the concept of “bootable software” through the use of floppy disks. The disk operating system (DOS) allowed users to store and run multiple programs without having to reload software manually, providing a level of convenience that had not been widely available before. Key software like VisiCalc, the first spreadsheet program, helped boost sales, showcasing the Apple II's utility in business and education environments.

The computer was also well-known for its early adoption of BASIC programming language. Apple provided an operating system that supported Applesoft BASIC, which enabled users, including students, to write their programs, further fostering a community of developers.

In summary, the Apple II's color graphics, open architecture, powerful 6502 processor, innovative use of floppy disks, and support for BASIC programming made it a revolutionary product in its time. Its legacy laid the groundwork for future personal computers and established Apple as a leader in the burgeoning tech industry. The Apple II remains an iconic symbol of the early personal computing era, reflecting a generation's transition into a digitally connected world.