Apple Web Design Guide

Description

Apple Computer. — Cupertino, December 1996. — 39 p. — ISBN 1-56830-171-5.We here at Apple would like to help make people's adventures on the Web as good as they can be. Based on our experience designing, building, and testing easy-to-use computer products, we're offering suggestions for creating Web pages that are usable and effective.This document contains information about general human interface principles that you can apply to designing Web pages. It provides some general Web design considerations and links to other Web design resources that we've found useful and informative. This informationhas been drawn from our Macintosh Human Interface Guidelines, from experience and expertise on the part of members of the Apple human interface community, and from information gleaned from the Web itself.We plan to expand the information in this document over time and are interested in your ideas.Мы в Эппл хотим помогать делать путешествия людей по интернету настолько интересными, насколько это возможно. На основе своего опыта в разработке, создании и отладке простых в использовании компьютерных продуктов мы предлагаем решения для создания удобных и эффективных сайтов. Этот документ содержит сведения о принципах создания человеко-ориентированных интерфейсов, которые вы можете применить при создании сайтов. Он содержит ссылки на основные соглашения в области веб дизайна и сайты, которые мы посчитали удобными и информативными. Эта информация взята из нашего Руководства по Человеко-ориентированным Интерфейсам Макинтош, из опыта сообщества по созданию таких интерфейсов и просто из интернета.Мы планируем расширять этот документ, а потому заинтересованы в ваших идеях.ContentsIntroductionPlan Your Site Have an ObjectiveDevelop Content Before DesignAdd ValueProvide The Basics Provide Author or Contact Person InformationIdentify With your Corporation or InstitutionList your URLLet People Know How Current the Site IsCommunicate Effectively Keep Pages ShortUse Formatting WiselySummarize InformationUse Specific Link ReferencesDefine a Language Style (or Use an Existing Style)Use Familiar TechnologyLabel Human Interface Elements ClearlyUse Book Title Capitalization for Human Interface ElementsUse Useful and Clear Error MessagesHelp Users Find Their Way Take Advantage of KeywordsProvide a Directory of Your SiteShow Users Where There AreMinimize the Need to Scroll and ResizeUse Descriptive TitlesChoose the Appropriate Depth Versus Breadth for Your SiteUse Appropriate Navigation buttonsHelp Users Find Their Way (continued)Avoid Dead EndsInclude Internal Links on Long PagesInclude Links to the Key Locations in Your Web SiteDuplicate Navigational Items at the Bottom of Your PagesBe Consistent in the Placement of Navigation LinksUse Cross ReferencesProvide a Search MechanismDesign for Efficiency Don’t Bury InformationMinimize File SizeUse Small ImagesUse Thumbnail GraphicsRepeat Images Where PossibleSpecify the Width and Height for GraphicsUse Interlaced ImagesKnow the Difference Between GIF and JPEGAccommodate Differences Provide Alternate Text for ImagesProvide Files in Cross-Platform FormatLet Users DecideMake it Look Nice Use Appropriate FormattingAssume a Screen Size of 640 pixels x 480 pixelsDesign for Different Page OrientationsDon’t Capriciously Change Link AppearancesUse Caps/Lower Case or Initial Cap Style for HeadingsUse Empty (White) Space LiberallyEstablish a Layout Grid for Your SiteUse a Consistent Visual Design LanguageEncourage Dialog Provide Ways for People to Interact With Each OtherProvide Ways for People to Interact With Well-Known PeopleProvide an E-mail ContactProvide a Way for People to Request Specific InformationMake the Interaction Live, If You CanThink Globally Provide A Way For Users To Choose A LanguageKnow The Region For Which Your Site Is DevelopedChoose Your Graphics WiselyKnow The DateConsider Language DifferencesAvoid Assumptions About TextConsider Alignment DifferencesMaintain Your Site Test Your Web SiteCopy Edit Your PagesDon’t Overuse Under Construction SignsCheck For Broken LinksUpdate Your Site RegularlyKeep Information TimelyProvide Access To Archived InformationHTML Tips Comment Your HTML CodeKnow Nesting PrioritiesUse The BORDER Attribute For TablesBOLD Vs. HEADER TagsOrdered ListsCase SensitivityUse PARAGRAPH Marks Appropriately