《iPhone手机客户端用设计.docx》由会员分享,可在线阅读,更多相关《iPhone手机客户端用设计.docx(28页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、iPhone手机客户端用设计在过去的两年里,你能想象的一些很烂的应用设计也入驻了优雅的iPhone。通过它周边的宣传, 使得世界各地的设计者们都利用这个新的移动工具来一展身手。结果虽搞出了成千上万的 iPhone应用,但通常不好用也不直观。然而有些设计师则是花费大量时间为制造更好用的界面 而努力着(是的,这些都是好用且有创意的界面)。本文探究了如何让设计师利用图形元素与屏幕交互,制作出易识别又易操控的iPhone应用。目 的在于揭示iPhone应用设计的普遍趋势与设计方法一一请注意,这些未必是设计与可用性中的 最佳观点。1.镜像iPhone原生界面元素“告诉他们你要告诉他们的,去告诉他们,然后
2、告诉他们你告诉过他们。”(译者:作者在表达 她当时的感受吧)在你的应用中创建一套新的OS可能很有趣,但在移动设备上处理时,人们只 想简明扼要。简明扼要的意思是,设计师得遵循OS的流程,创建一个无说明的应用,给最终用 户去操作。镜像出用户熟悉的布局与界面元素能够节约时间与精力。因此这看起来是设计iPhone 应用时的一个便利途径啊。FriendsNews FeedProfileInbox一ChatRequests国EventsPhotosNotesDoug Highland commented on your post.MindfulnessMake friends with your inne
3、r experiencePeaceful placeClose your eyes for a taste of happinessGratitudeAppreciate the love and support you receiveCompassionExperience your loving connection with othersBonus materialMeditationsChecklistSettingsTeam of Rivals: The Political.Doris Kearns Goodwin 9 The Wit and Wisdom of Abrah.Abra
4、ham LincolnLincoln on Leadership: Execu.Donald T. PhillipsQ lincolnLincoln: The Biography of a.Fred KaplanLooking for Lincoln: The Maki.tetor W. Kunhardt Jr.IXCOLImQiqqestedListsSearchSourcesA 2 Min Zi9*Zg Triple StepM 2 Mm XI的 Knee RunNike Training ClubNike Training ClubTue. 6 Jan 2009公3 Min Cardio
5、 Warm-Ups卜2 2 Mm Cud. Cross, Pun6100carbineGrange All AvailableNow +1 hour +2h+4h+6h+12h00Nick CarrawayCall me in the next 15 minutes?Janie CrawfordBike ride in the next 2 hours?Sally HayesMeet me this this afternoon (Sunday)?Going ice skating with some friends.Ignatius ReillyGet food tomorrow anyti
6、me (Friday) in Cupertino? Hot dogs?C ).分层的界面一些应用把界面设计成层,利用iPhone本身独有的特性让其固定,或者垂直、水平滚动。这种 方法有几个好处:1 .减少了必要的传统导航元素数量(即更少的按钮有助于避免界面混乱)2 .为用户获取信息提供了快速通道3 .有更多屏幕空间承载有用信息Loren BrichterRecentatebits1520 followers Berkeley. CAFOLLOWme if you really wantPublic Reply天 Direct MessageRecent TweetsSearch lorenbF
7、ollowingFollowersBpck/UnblockBestsellersNew ReleasesB&N RecommendsB&N ReviewtoresCartPicturesPicturesDay in SportsCelebritiesWeek in WeatherNew YorkWeek in TravelHeadlinesWeatherPicturesSnapshotsUpdated: 12/18/08 4:36 PM5 .在列表中使用图标在小屏幕上,图标可给应用的可用性与导航性带来巨大提升。让我们通过几个应用的例子看看它 的优势。10:00 AM1TodayNow:Lect
8、ure9 Biology 1D Higgins, 145 Hearst 1 assignmentNext:LabBiology 112A Biology 1 assignmentClassQ English CompositionR, Dodson, 245 Main 2 assignments1:30 PM宜 M 疆9金TodayCalendarAssignmentsCoursesConfigure SectionsDone也LatestPopularSaved渣bPoliticsN.Y. / RegionHealthOpinionBusinessTechnologySports*Arts*
9、ObituariesPhotosLatestPopuSavedMoreAllLibrariesEditIJ Address Book可 Event Planning, Projects三 To Do ItemsMembership ListQ Digital Mediaj: | Recipes私 CustomersQ 讨Search Mew LibraryQ 讨Search Mew Library9Sync.插图的使用依靠图形的应用程序越来越受欢迎,由于开发者试图让她们的应用与众不一致。偶尔奏效,但不 经常。越是传统的设计就越可能存在可用性问题。在推出一个“有创意”界面的产品前一定要进 行可用
10、性测试。_ _ /Log OutSugarSyncMagic BriefcaseWob ArchiveRecent DocumentsWork LaptopHome PC6 .使用手势经典的线性导航看上去很枯燥:一个按钮连一个按钮,来表现一堆东西的列表,或者表现这样那 样的交互。事实并非如此壮观,只是比喻一下。在公共事业的应用上使用有创意的交互可能性很 大。A 00 一 n_gLL,MX-OM1ONall recipes* DinnerSpinnerDish TypeIngredientsSpin Categories* O Q - Spinner Favorites Search Featu
11、red HelpAPI Calls Remaining: 44/100 Resets In: 3 minsCelebspetewentztnetneIronic facial hair is officially not irork. currentlys agogaryvee 27 27asonsechrest FLACID t hour ago4 Search: #wwdc74 Group: CelebsieW50 Search: tweetdeckMark All Seen2.简化界面也许简化用户界面听起来像是个机械任务,但在用户界面设计背后又隐藏着什么呢?答案很简 单:就是用户。用户需
12、要什么?什么令他们感到友好与模糊?你如何提供他们所需的东西,以便 不用时刻去关注那些重要的信息?提到在小空间内展示大量核心功能,Facebook的第一版就做的非常到位。当然,这里指的是展 示所有信息与拥有直观的界面。3.0与之相比,你会发现它使用“跳板”的方式来简化界面,既 保持了直观又保护了功能。I was feeling rt at this talk! http:/bit.fy/17miT3 garyvae me reviews :)LogoutNews Feed ProfileFriendsInboxChat RequestsEvents Photos Notes Doug Highl
13、and commented on your post.ActivityUploadsTUESDAY SEPTEMBER 8, 200924PHOTOS24PHOTOSMONDAY SEPTEMBER 7, 20091PHOTO1PHOTOSUNDAY SEPTEMBER 6, 20093 .模拟硬件界面很多应用程序打破了传统iPhone界面的操作,利用它特殊的手指手势进行操纵。它们中一些是 用户熟悉的硬件界面,光鲜亮丽的外表不禁让人回味起那种第一次点击的新鲜感。但应用程序不 可能由于你玩的多而变脏。i ) pLittleSnapperWhere To?4 .丰富、漂亮的列表视图当你对列表设计的
14、最新趋势感到兴奋时,你已经被确诊为一位“geek designer 了。人们遇到 一个列表时会做些什么?当然,只是略读。那如何把人们决定什么有趣变得更轻松?没错,更多 的视觉暗示! 基本上,用户通过寻找下一步的快照,来决定是否需要熟悉更多。而又大又漂亮的按钮就是途 径之一。通过色彩、图标与排版让人感受这个大按钮背后隐藏着好多信息。5UPS shipmentORIGIN SCAN: LOUISVILLE, KY, USDAYS Delivered by Feb 2,Japan Post shipment8DAYSDHL packageSortation center departure: Charlotte NCDelivered by Feb 5Shipped by Jan 31Delivered by Feb 6Updated Jan 28 at 9:42AM 1