US00832.7272B2
(12) United States Patent (10) Patent No.: US 8,327,272 B2 AnZures et al. (45) Date of Patent: Dec. 4, 2012
(54) PORTABLE MULTIFUNCTION DEVICE, 5,446,882 A 8/1995 Capps et al...... 395/600 METHOD, AND GRAPHICAL USER 5,541,697 A 7/1996 McIntyre ...... 354,289.11 INTERFACE FOR VIEWING AND MANAGING ESA 1999; in r 345/146 ELECTRONIC CALENDARS s- ww. (Continued) (75) Inventors: Freddy Allen Anzures, San Francisco, CA (US); Marcel Van Os, San FOREIGN PATENT DOCUMENTS Francisco, CA (US); Stephen O. Lemay, DE 10 2005 047648 A1 4, 2007 San Francisco, CA (US); Michael (Continued) Matas, San Francisco, CA (US) (73) Assignee: Apple Inc., Cupertino, CA (US) OTHER PUBLICATIONS (*) Notice: Subject to any disclaimer, the term of this Dilger, D., “Using iPhone: iCal. CalDAV Calendar Servers, and Mac patent is extended or adjusted under 35 OS X Leopard.” Jul. 21, 2007, 10 pages, http://www.roughlydrafted. U.S.C. 154(b) by 1069 days com/2007/07/21/using-iphone-ical-caldav-calendar-servers-and mac-os-X-lopard-2/. (21) Appl. No.: 12/242,856 (Continued) (22) Filed: Sep. 30, 2008 Primary Examiner — Cao Nguyen (65) Prior Publication Data (74) Attorney, Agent, or Firm — Morgan, Lewis & Bockius US 2009/O174680 A1 Jul. 9, 2009 LLP Related U.S. Application Data (57) ABSTRACT (60) Provisional application No. 61/033,780, filed on Mar. 4, 2008, provisional application No. 61/019,295, filed In accordance with some embodiments, a computer-imple on Jan. 6, 2008. mented method is performed at a portable multifunction device with a touch screen display. The touch screen display (51) Int. Cl. includes a long axis, a short axis, a portrait view and a land G06F I3/00 (2006.01) scape view. The computer-implemented method includes G06F 5/00 (2006.01) executing a calendar application. In response to detecting the (52) U.S. Cl...... 715/743; 71.5/731 portable multifunction device in a first orientation that com (58) Field of Classification Search ...... 715/809, prises a Substantially vertical orientation of the long axis, a 715/702, 720, 822,810,863, 731, 815, 775 776, calendar is displayed for a first time period in the portrait 715/853-854,743 view. In response to detecting the portable multifunction See application file for complete search history. device in a second orientation that comprises the Substantially Vertical orientation of the short axis, a calendar is displayed (56) References Cited for a second time period in the landscape view. The second time period is longer than and includes the first time period. U.S. PATENT DOCUMENTS 4,313,108 A 1/1982 Yoshida ...... 340,365 5,416,890 A 5/1995 Beretta ...... 395,131 35 Claims, 47 Drawing Sheets
-1402 Current Time 404 e 406 4902. (Today) List Month st Sun Mon Tue Wed thus ri Sat g s 7600 1021 10f22 10:23 10.24 10f25 1028 Of27 3 8 s 9am drop off drop of Drop off Drop off Drop off g John John John John John E s
10 a s
----|--|--|- a 11am d
Lunch Go to 12pm with Jan gym g
| 1pm Sg S. | 8 s g | 2 pm lunchHawe g e ss 3 pm V N
US 8,327,272 B2 Page 2
U.S. PATENT DOCUMENTS 2006, O181517 A1 8/2006 Zadesky et al. 2006/0197753 A1 9/2006 Hotelling 3.339: A &E EAE ...... 3: 2006/0224311 A1 10, 2006 Watanabe et al. WW /1998 Bisseteral. " 2006/0239248 Al 10/2006 Hawk et al...... 370,352 wERA - gig is ais ...... to so. 398: A 3: ShamoUS et al. SR A SE inity al. 3. 2006/0284.852 All 12/2006 Hofmeister et al...... 345,173 5,900,909 A 5, 1999 Parulski et al. 348,232 3929;. A. $38, AEA, 6,009,462. A 12/1999 Birrell et al. 709/206 2007/01688ss A 7/2007 Jaworth 88): A $38 SE etal 348,272 2007/0189737 A1 8/2007 Chaudhri et al...... 386, 125
6,333,883- 4 - B1 1/2001 Minoura et al. 3.293 A. 238, El a et al. 6,380,931 B1 $383 Gillespie et Aal f 2008/0033779 A1 2/2008 Coffman et al...... 705/9 360 R 53.8 Yet al...... 361,686 2008.0036743 A1 2/2008 Westerman et al...... 345,173 6,631, 186 B1 10/2003 Adams et al...... 379,201.12 3.99. A. 53 Authal 345,173 6,667,7516,687,613 B1B2 12/20032/2004 WynnYokota et al. TO1,209 2008/0055269 A1 3/2008 Lemayy Cal.et al...... 345,173 6,690.365 B2 2/2004 Hinckley et al. ... 345,173 39.83 A. 339 Run, etal 6,919,879 B2 7/2005 Griffin et al. .. 345,168 20080086356 Ai 42008 Glassinancial 71.5/10 6.956,5646,983.203 B1 10,1/2006 2005 WilliamsWako .... TO1,208345,179 2008/0088602 A1 4/2008 Hotelling ...... 7,030,861 B1 4/2006 Westerman et al...... 345,173 38885 A. 539 al TO1,209 7,032,187 B2 4/2006 Keely, Jr. et al...... T15,863 2008. O168396 A1 7/2008 Mataset al. 2.99, R 2. tly al. 702.5 2008/0172357 Al 72008 Rechis et al...... 707/2 7.856, 858, Krai." 2008/020845.6 A1 8/2008 Jouline et al...... TO1,208 4; ; ; seeney et al. TO1,213 2008/0228.386 Al 9, 2008 Geelen et al. 7376,605 B2 + 5/2008 Weisberg. 705/35 2008/0320391 Al 12/2008 Lemay et al...... 715/702 737-6, 58. AEical ...7073 2008/0320419 A1 12/2008 Mataset al...... T15,863 7375,811 B2 5/2008 Rasmussenet al." 2009/0024590 A1 1/2009 Sturge et al. 7,439,969 B2 10/2008 Chithambarametal 345,418 2009/0024890 A1 1/2009 Cutrignelli et al...... T14f736 7,479,949 B2 1/2009 Jobs et al...... Ass C. A 320 E. 715.835 7.484.1807.495,650 B3B2 2.20091/2009 MarriotteralMcCormack et al...... 715,764 2009,0244023 A1 10, 2009 Kim et al...... 7499,040 B2 3/2009 Zadesky et al 2009/0281724 Al 11/2009 Blumenberg et al. 7,656,393 B2 2/2010 King ea. 2009/0295753 Al 12/2009 King et al. 7.663,607 B3 2/2010 foiletal 2010/0031186 A 2.2010 Tseng et al...... 715,786 7,676,767 B2 3/2010 Hofmeister et al...... T15,863 38885% A. 3588 Shenber tal 7.679,604 B2 3, 2010 Uhlik et al...... 345,158 menberget al. 7786.975 B2 3/2010 ording etal 345,156 2010.0312462 A1 12/2010 Guéziec et al...... 701 117 7768.395 B2 & 2010 sing 3405392 2011/004 1084 A1 2/2011 Karam ...... 715/753 7797,642 B1 9/2010 Karametal. ... 7157810 2012/001 1137 A1 1/2012 Sheha et al. 7,800,592 B2 9/2010 Kerr et al. FOREIGN PATENT DOCUMENTS 7,808.479 B1 10/2010 Hotelling et al. 7.812,826 B2 10/2010 Ording et al...... 345/173 DE 10 2008 OO8948 8, 2009 7,831,917 B1 1 1/2010 Karam ...... 715/753 EP 0 713 187 A2 5, 1996 7,890,886 B2 2/2011 Matthews et al. EP O 908 835 A2 4f1999 7,945,546 B2 5/2011 Bliss et al. EP 1653. 376 5, 2006 8,069,417 B2 * 1 1/2011 Brush et al...... 715,764 EP 1840 511 A1 10, 2007 8,095,303 B1 1/2012 Nesbitt et al. GB 2 347 593. A 9, 2000 2001/0020211 A1 9/2001 Takayama et al. JP 9 259063 10, 1997 2001/0045949 A1 11/2001 Chithambaram et al. WO WO 97.07467 A1 2/1997 2002/0021278 A1 2/2002 Hinckley et al...... 345/156 WO WO98,07112 2, 1998 2002fOO87262 A1 7, 2002 Bullocket al. WO WO 98.33111 A1 T 1998 2002/018.3924 A1 12/2002 Yokota ...... TO1,209 WO WOO1?23985 A1 4, 2001 2003/0152203 A1 8/2003 Berger et al...... 379,9324 WO WOO3,056789 A1 T 2003 2003/0177265 A1 9/2003 Page et al. WO WO 2004/076977 A1 9, 2004 2004/0021676 A1 2/2004 Chen et al...... 345,684 WO WO 2005,104039 A2 11/2005 2004/0027396 A1 2, 2004 Lection WO WO 2006/02O305 A2 2/2006 2004/0055446 A1 3f2004 Robbin et al...... 84f615 WO WO 2009/002942 A2 12/2008 2004/0215534 A1 10, 2004 Gautier et al. 2004/0243307 A1 12/2004 Geelen ...... TO1,213 OTHER PUBLICATIONS 3:52, A. 1339. SR al...... T15,810 Flipping Book, “Premium Page Flipping.” Flipping Book.com, 2005, 0108235 A1 5/2005 Sato et al...... 707/9 downloaded Nov. 12, 2009, 1 page, http://web.archive.org/web/ 2005/011.4021 A1 5, 2005 Krull et al. .. 701,211 20041207072330/http://www.page-flip.com/. 2005. O144568 A1 6/2005 Gruen et al...... 715,822 McLean, P., “Road to Mac OS X Leopard: iCal 3.0. AppleInsider, 3:39: A. 1929 S. et al Oct. 17, 2007, 6 pages, http://www.appleinsider.com/articles/07/10/ OO a 17/road to mac OS X leopard ical 3 0.html. 2005/0251331 A1 11/2005 Kreft ...... 7O1/2O7 & 8 s 2005/0270276 Al 12/2005 Sugimoto et al. ... 345,173 this Road to Mac OS X, Leopard, iCal 30, p. 21. 2005/0283729 A1 12, 2005 Morris et al. .. 715,720 ppleInsider, Oct. 17, 2007, 7 pages, http://www.appleinsider.com/ 2006, OOO1652 A1 1/2006 Chiu et al...... 345,173 articles/07/10/17/road to mac OS X leopard ical 3 2006/0017692 A1 1/2006 Wehrenberg et al. 0.html&page=2. 2006/0026521 A1 2/2006 Hotelling et al. McLean, P., “Road to Mac OS X Leopard: Cal 3.0 p. 3).” 2006, OO26535 A1 2/2006 Hotelling et al. AppleInsider, Oct. 17, 2007, 5 pages, http://www.appleinsider.com/ 2006, OO26536 A1 2/2006 Hotelling et al...... T15,863 articles/07/10/17/road to mac OS X leopard ical 3 2006,0047416 A1 3/2006 Goldberg et al. 0.html&page=3. US 8,327,272 B2 Page 3
Moren, D., “Review: Google Calendar.” Macworld, 3 pages, http:// Dalrymple, J., “Google Maps Adds Locator, but not for iPhone.” 1 news.yahoo.com/s/macworld/20080604/tc macworld/ page, 2007. http://news.yahoo.com/s/macworld/2007 1130/tc reviewgooglecalendar 0. macworld.googlemaps2007 1130 0&printer=1; Potala Software, “My Time!” Jun. 6, 2006, 3 pages, http://web. ylt+Auvf3s.6LQK p)ajtb954T DQni6gB. archive.org/web/20060615204517/potalasoftware.com/Products/ Del Strother, Jonathan, "CoverFlow” printed Jun. 15, 2006, 14 pages, MyTime/Default.aspx. http://www.steelskies.com/covertlow. Apple, "Welcome to Tiger,” copyright (C) 2005 Apple Computer, Inc., Enright, A.C., “Dissatisfaction Sows Innovation.” The Treehouse+ 32 pages, http://manuals.info.apple.com/en/Welcome to Mac The Cave, Dec. 29, 2004, 6 pages, http://web.archive.org/web/ OS X v10.4 Tiger.pdf. 20050331055401/http://thetreehouseand . . . Figures A & B, http:// AV Bros., “AV Bros. Page Curl2.0 for Windows and Mac OS X.” AV web.archive.org/web/2006122 1232052/photos3.flickr.com. Bros. Curl 2.0 User Guide, 2004, 26 pages, http://cO002649.cdn2. cloudfiles.rackspacecloud.com/avpagecurl20.pdf. Gmail, "About Group Chat.” http://mil.google.com/support/bin/an Chartier, D., “Using Multi-Network Meebo Chat Service on Your Swerpy? answer-81090. iPhone.” tuaw.com, posted Jul. 4, 2007. http://www.tuaw.com/2007/ Goehl, D., et al., “Motion Sensors Gaining Inertia with Popular 07/04/using-multi-network-meebo-chat-service-on-your-iphone?. Consumer Electronics.” IvensSense, Inc., 5 pages. Dornfest. “Google Hacks.” Third Edition, Aug. 3, 2006, O'Reilly Google, "Google Calendar.” 4 pages, Feb. 4, 2008, http://en. Media, Inc., 5 pages. wikipedia.org/w/index.php?title=Google Calendar&printable= Google, "Google Maps Shows Real-Time Traffic Data.” Google yes. Operating System, Feb. 28, 2007. 1 pg. http://googlesystem. Google, "Google Calendar Tour.” 10 pages, printed Jun. 3, 2008, blogspot.com/2007/02/google-maps-shows-real-time-traffic.html. http://www.google.com/intl/en/googlecalendar/tour.html Gralla, “GoogleTM Search and Tools in a Snap.” Sams, Apr. 4, 2006, Google, “Review Guide-Google Maps for Mobile (Beta).” 7 pages, 15 pages. 2006. Holthe et al., “Video Browsing Techniques for WebInterfaces.” 2005, GSMArena Team, “Sony Ericsson P990 review: A coveted 5 pageS, http://ieeexplore.ieee.org/Xplore/login. Smartphone.” Online Dec. 27, 2006, http://web.archive.org/web/ jsp?url=http%3A%2F%2Fieeexplore.ieee.org%2Fstamp. 20061227185520/http://www.gsmarena.com/sony ericsson jsp963Farnumber'63D01593233&authlDecision=-203. p990-review-10 lp8.php. iPhone Hacks, “Native iPhone MMS Application Released.” down Hinckley, K., et al., “Sensing Techniques for Mobile Interaction.” loaded Dec. 25, 2007. http://www.iphonehacks.com/2007/12/ Microsoft Research, 10 pages. iphone-mms-app.html. Hinze, C. “Cover Flow. A Beautiful Way to Browse your MP3s.” Microsoft, “Outlook 2003 Basic Guide,” modified Aug. 15, 2005, 32 NOISE blog, Feb. 5, 2006, downloaded Jan. 24, 2008, http://noise. pages, http://it.med.miami.edu/documents/outlook 2003 guide. typepad.com/noise blog/2006/02/cover flow the html. pdf. iCal. “Wikipedia, the Free Encyclopedia Contents: Features, Pixlewit, “PageFlip.” Apr. 11, 2007, 1 page. http://web.archive.org/ Trivia, See Also, External Links, References.” printed Feb. 4, 2008, 3 web/20070419035158/http://www.pixelwit.com/blog/page-flip?. pages, http://en.wikipedia.org/wiki/ICal. International Search Report and Written Opinion dated Jan. 14, 2009, iCalendar, “Wikipedia, the Free Encyclopedia—Contents: Specifi received in International Application No. PCT/US2008/050295, cation Basics, Core Object, iCalendar Data Exchange, vCalendar, which corresponds to U.S. Appl. No. 1 1/969,211. See Also, External Links.” 79 pages, printed Feb. 4, 2008, http://en. International Search Report and Written Opinion dated Dec. 17. wikipedia.org/wiki/Icalendar. 2008, received in International Application No. PCT/US2008/ iChat AV. "Videoconferencing for the Rest of Us.” printed Apr. 13, 067925, which corresponds to U.S. Appl. No. 12/143,752. 2006, 3 pages, http://www.apple.com/macoSX/features/ichat.html. International Preliminary Report on Patentability dated Jan. 7, 2010, iPhone Hacks, “iPhone Software/Hardware Hack: LocoGPS GPS received in International Application No. PCT/US2008/067925, Add-on for the iPhone.” 41 pages, Dec. 25, 2007. http://www. which corresponds to U.S. Appl. No. 12/143,752. iphonehacks.com/iphone applications/index.html. Office Action dated Jul. 14, 2010, received in Canadian Patent Appli Kazez. B., “Ical Events,” 2 pages, http://www.benkazez.com/ cation No. 2,661.886, which corresponds to U.S. Appl. No. icallevents.php. 1 1/848,208. Life|Drive from palmOne, “Your Mobile Manager.” 20 pages. Office Action dated Dec. 6, 2010, received in Chinese Application Microwaves RF, “MS Motion Sensors Boost Handset Reliability.” No. 200780041351.5, which corresponds to U.S. Appl. No. Copyright (C) 2004, Penton Media, Inc., 4 pages, http://www.mwrf. 1 1/848,208. com/Articles/Print.cfm?ArticleID=12740. Office Action dated Feb. 18, 2011, received in European Patent Mio, “User's Manual MioMap 2.0. Mio Technology, Aug. 2005, Application No. 07841749.0, which corresponds to U.S. Appl. No. http://web.archive.org/web/200612140000736/http://www.mio 1 1/848,2089. tech.be/Manuals/269+/MioMapV2-Manual/268+ 269+ Office Action dated Feb. 11, 2011, received in U.S. Appl. No. miomap Manual EN.pdf. 11/969,786. Mio, Mio 269+User's Manual, Mio Technology, Aug. 2005, http:// Office Action dated Feb. 16, 2011, received in U.S. Appl. No. 1 1/ www.mio-tech.be/Manuals/269+/Device-Manual/268-plus-269 969,800. plus-Device-Manual-EN.pdf. Office Action dated Feb. 25, 2011, received in U.S. Appl. No. Mio, "27 Countries in Your Pocket,” Mio Technology, Sep. 2005, 11/969,211. http://www.mio-tech.be/en/printview press-releases-2005-09-29. Office Action dated Jan. 25, 2011, received in U.S. Appl. No. htm. 12/143,741. Navizon, "FAQ, Peer-to Peer Wireless Positioning.”8 pages, Nov.30, Al-Baker, "AquaCalendar, a Review by i-Symbian.Com.” Online 2007. http://www.navizon.com/FAQ.htm. 2005, 11 pages, http://www.i-symbian.com/forum/images/articles/ Navizon, “How it Works.” 7 pages, Nov. 30, 2007. http://www. 40/AquaCalendar Review.pdf. navizon.com/FullFeatures.htm. Designing Interfaces.com, "Animated Transition.” printed Oct. 16. Navizon, “The First Positioning System that Combines GPS, WiFi 2006, 2 pages. http://designinginterfaces.com/Animated Transi and Phone Positioning.”2 pages, Nov.30, 2007. http://www navizon. tion. CO. Apple.com, “Google Calendar Mobile.” http://www.apple.com/ Padilla, A., “Palm Treo 750 Cell Phone Review-Messaging.” pub webapps/productivity/googlecalendarmobile.html. lished Mar. 17, 2007, 6 pages, http://www.wirelessinfo.com/content/ Carew, S., “Phones that tell you where to Drive, Meet, Eat,” 2 pages, palm-Treo-750-Cell-Phone-Review/Messaging.htm. May 26, 2007. Rose, M., “Music in the Home: Interfaces for Music Appliances.” Coolsmartphone, “Orange SPV C600 Review.” Apr. 14, 2006, 58 Personal Technologies (2000), 4:45-53. pages, http://www.coolsmartphone.com/article569.html. Waypoints MaplistView, “Featured Projects.” Jun. 14, 2007, 3 pages, DaimlerChrysler. “Usecases Overview Map.” 1 page. http://eric.wahlforss.com/folio. US 8,327,272 B2 Page 4
Windows Mobile 6, “Fact Sheet” 2 pages, 2007, www. Tidwell J., “Designing Interfaces.” Copyright (C) 2006 O'Reilly WindowsMobile.com. Media, Inc., 348 pages. Windows Mobile 6 Professional Video Tour, Mar. 11, 2007, 4 pages, Westerman, W., “Hand Tracking Finger Identification and Chordic http://gizmodo.com/gadges/cellphones/windows-mobile-6- profes Manipulation on a Multi-touchSurface.” Doctoral Dissertation, Sub sional-video-tour-237039.php. mitted Spring 1999, 363 pages. Windows Mobile Map Contact List, “Windows Live Search for Mobile Goes Final, Still Great.” Mar. 11, 2007. http://gizmodo.com/ Invitation to Pay Additional Fees dated Dec. 1, 2011, which corre gadgets/software/windows-live-search-for-mobile-goes-final-still sponds to U.S. Appl. No. 12/788,281, 4 pages (van Os). great-236.002.php. International Search Report and Written Opinion dated Apr. 12, Wirelessinfo, “SMS/MMS Ease of Use (8.0).” http://www. 2012, received in International Application No. PCT/US2010/ wirelessinfo.com/content/palm-Treo-750-Cell-Phone-Review/Mes 020229, which corresponds to U.S. Appl. No. 12/788,281, 18 pages Saging.htm. (van Os). Zelig, "A Review of the PalmTreo 750v, pp. 13 and 14. http://www. Final Office Action dated Jun. 15, 2011, received in U.S. Appl. No. mtekk.com.au/Article/tabid/54/articleType/ArticleView/articleId/ 11/969,786, 22 pages (Lemay). 769/A-Review-of-the-Palm-Treo-750 v.aspx. Office Action dated Dec. 8, 2011, received in U.S. Appl. No. Invitation to Pay Additional Fees for International Application PCT/ 11/969,786, 21 pages (Lemay). US2007/077424, mailed Apr. 29, 2008. Office Action dated May 9, 2012, received in U.S. Appl. No. International Search Report for International Application No. PCT/ 11/969,786, 39 pages (Lemay). US2007/077424, mailed Jun. 19, 2008. Final Office Action dated Jun. 15, 2011, received in U.S. Appl. No. Invitation to Pay Additional Fees for International Application PCT/ 11/969,800, 25 pages (Forstall). US2008/050423, mailed Jun. 23, 2008. Office Action dated Jan. 20, 2012, received in U.S. Appl. No. International Search Report and Written Opinion for International 11/969,800, 26 pages (Forstall). Application No. PCT/US2008/050423, mailed Sep. 1, 2008. International Search Report and Written Opinion for International Office Action dated May 22, 2012, received in U.S. Appl. No. Application No. PCT/US2008/050428, mailed Jun. 5, 2008. 11/969,800, 53 pages (Forstall). Invitation to Pay Additional Fees for International Applciation No. Final Office Action dated Aug. 17, 2011, received in U.S. Appl. No. PCT/US2008/050295, mailed Jul. 29, 2008. 11/969,211, 26 pages (Matas). Invitation to Pay Additional Fees for International Application No. Notice of Allowance dated Jul. 12, 2011, received in U.S. Appl. No. PCT/US2008/067925, mailed Oct. 13, 2008. 12/143,741, 5 pages (Matas). Adium, "About Adium-Adium X-Trac.” Aug. 19, 2007, 2 pages, Notice of Allowance dated Dec. 30, 2011, received in U.S Appl. No. http://web.archive.org/web/200708.19113247/http://trac.adiumx. 12/143,741, 7 pages (Matas). com/wiki/About Adium. Office Action dated May 17, 2011, received in U.S. Appl. No. Ars Technica, “CoverFiow : my visual album browser needs your 12/143,752, 44 pages (Matas). help.” posted on Ars Technica forum Jun. 27, 2005, 37 pages, http:// Final Office Action dated Dec. 23, 2011, received in U.S. Appl. No. arstechnica.com/civis/viewtopic.php?f=19&t=313706. 12/143,752, 20 pages (Matas). Mio, MioMap v 3.2 User Manual Navigation software for Mio Office Action dated Jun. 18, 2012, received in U.S. Appl. No. DigiWalker C310, Aug. 2006 (v1.00), US English version, http:// 12/566,668, 40 pages (Blumenberg). www.gpspassion.com/upload/MioMap englishUS.pdf, 84 pages. Office Action dated Feb. 17, 2012, received in U.S. Appl. No. Mol, H., “Plan Your Trip With Google Maps.” Visual Steps, Dec. 12/788,281, 14 pages (van Os). 2009, 36 pages, http://www.visualsteps.com/downloads/Free guide google maps.pdf. * cited by examiner U.S. Patent Dec. 4, 2012 Sheet 1 of 47 US 8,327.272 B2
Memory Portable Multifunction Device 102 100 Operating System 126 Applications (continued) 148136 Communication Module 128 Calendar Module 149 Contact Motion Module g Widget Modules 149-1 Graphics Module Weather Widget 149-2 Text input Module Stocks Widget 149-3 GPS Module 136 Calculator Widget 149-4 Applications 137 Alarm Clock Widget 149-5 Contacts Module 138 Dictionary Widget Telephone Module 139 149-6 Video Conference Module 140 User-Created Widget(s) 150 E-mail Client Module 141 Widget Creator Module 151 Instant Messaging Module 142 Search Module Blogging Module 143 Camera Module mage Management Module 144 162 145 System Video Player Module Music Player Module 146 External 124 Browsing Module 147 Port 103 118 103 RF Circuitry 108 Speaker 104 A Y- 103 Audio ( 111 122 Controller Circuitry 110 HO Peripherals 103 Microphone Interface 103 Sensor 166 120 Accelerometer(s) 168 103
I/O Subsystem 158
106 Display Optical Other input 160
Controller sensor(s) Controller Controller(s) 156 103 103 103
Touch-Sensitive Optical Other input 116 112 Display System Sensor(s) Control 164 Devices Figure 1A U.S. Patent Dec. 4, 2012 Sheet 2 of 47 US 8,327,272 B2
Memory 102 Portable Multifunction Device 100 136 Operating System 126 Applications (continued) 148 Communication Module 128 Calendar Module 149 Contact Motion Module g Widget Modules 149-1 Graphics Module Weather Widget(s) 149-2 Text input Module l Stocks Widget 149-3 GPS Module 136 E. E. t 149-4 Applications 137 149-5 Contacts Module 138 Dictionary Widget Telephone Module 139 149-6 Video Conference Module 140 User-Created Widget(s) 150 E-mail Client Module 141 Widget Creator Module 151 Instant Messaging Module 142 Search Module 155 Blogging Module 143 Online Video Module Camera Module 144 Image Management Module 152 POWer - 162 153 System Notes Module Map Module 154 External - 124 Browsing Module 147 Port 103 118 1C 103 RF Circuitry 108 Speaker
104 A Y- 111 Controller s 103 Audio EC 110 HO Peripherals 103 Microshone Interface 113 103 Sensor 166
120 Processor(s) Accelerometer(s) 168 /N 103
I/O Subsystem 158
106 Optical
Display Other input 160 Controller Sensor(s) Controller(s) Controller 156 103 103 103
Touch-Sensitive s of gut 116 112 Display System 164 Devices Figure 1B U.S. Patent Dec. 4, 2012 Sheet 3 of 47 US 8,327,272 B2
Portable Mulfunction Device 100 210 212 Optical Proximity
200
210 is SIM Card slot 212 is headphonejack
Touch Screen 112
Home Accelerometer(s) 113 204 168
Figure 2 U.S. Patent Dec. 4, 2012 Sheet 4 of 47 US 8,327,272 B2
Portable Multifunction Device
206 100 Optical Proximity 3OO Speaker 111 SensOr 164 SensOr 166
Current Time M 308 310 M Day and Date M 312 Wallpaper image 314
e Slide to unlock
TOUCh SCreen 11
HOme Accelerometer(s) 113 204 168
Figure 3 U.S. Patent Dec. 4, 2012 Sheet 5 of 47 US 8,327,272 B2
Portable Multifunction Device
206 100 Optical Proximity Speaker 111 SensOr 164 SensOr 166 400A Current Time 404
(3) (3) (3) -2
PhotoS VideOS 144 145 (o) Jan W 15
StockS Calendar 149-2 148
Calculator Alarm Dictionary 149-3 149-4 149-5
BrOWSer 147
Touch SCreen 11
Microphone Home Accelerometer(s) 113 204 168
Figure 4A U.S. Patent Dec. 4, 2012 Sheet 6 of 47 US 8,327,272 B2
Portable Multifunction Device
206 100 Optical Proximity Speaker 111 SensOr 164 SensOr 166 40OB Current Time 404
Jan 15 () () (5)
Calendar PhotoS 148 144
Weather 149-1
Calculator Settings 149-3 412
BrOWSer iPod 147 152
TOUCh SCreen 11
Home Accelerometer(s) 113 204 168
Figure 4B U.S. Patent Dec. 4, 2012 Sheet 7 of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100
Thursday Dec. 7, 2006 & - 12 PM Go to the gym
2PM Have lunch
5 PM Meeting Doug Friday Dec. 8, 2006 X Y 12 PM Meet Richard and Andy
> | Monday Dec. 11, 2006
9 AM Demo new model
Touch SCreen 11
- - - - > \ Microphone Hope Accelerometer(s) 113 204 168 ^ - - Figure 5A U.S. Patent Dec. 4, 2012 Sheet 8 of 47 US 8,327,272 B2
Portable Multifunction Device
206 100
Current Time 404 406 —ur4904+)
Touch SCreen 11
Microphone HOme Accelerometer(s) 113 204 168
Figure 5B U.S. Patent Dec. 4, 2012 Sheet 9 of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100 Optical Proximity 4900C Speaker 111 SensOr 164 SenSOr 166 g CN 1 402 Current Time 404 406
CO O CN
Tue Wed Thu Fri 4934 2
16
21 23 24
28 30 31 4938 12 PM Lunch With Eddie t 3 PM Pick up Jack 5 PM Pick up Lady
TOUCh SCreen 11
- - - -- > Microphone ( HOme Accelerometer(s) 113 204 / 168 N - ---- Figure 5C U.S. Patent Dec. 4, 2012 Sheet 10 of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100 Optical Proximity
g CN 1402 Current Time 404 & || Today List Day January, 2007 Sun MOn Tue Wed Thu Fri
4934 2 5
12
19
21 24
28 31 4938 12 PM Lunch With Eddie te 3 PM Pick up Jack 5 PM Pick up Lady
TOUCh SCreen 11
- > Microphone He Accelerometer(s) 113 204 168
Figure 5D U.S. Patent Dec. 4, 2012 Sheet 11 of 47 US 8,327,272 B2
Portable Multifunction Device
206 100
January, 2007 Sun MOn Tue Wed Thu Fri
4934 2 5
12
19
21 24 da
28 31 4938 2PM Meeting with client 6 PM Dinner With MOm and Dad
TOUCh SCreen 11
s Microphone ? Home Accelerometer(s) 113 204 / 168 N /
Figure 5E U.S. Patent Dec. 4, 2012 Sheet 12 of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100
January, 2007 Sun MOn Tue Wed Thu Fri 4934 5
12
19
21
4938 28 2PM Meeting with client 6 PM Dinner With MOm and Dad
TOUCh SCreen 11
/ Microphone Home Accelerometer(s) 113 204 , 168
Figure 5F U.S. Patent Dec. 4, 2012 Sheet 13 of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100
January, 2007 Sun Mon Tue Wed Thu 4934
4938
Touch SCreen 11
- s HOme Accelerometer(s) 113 204 168
Figure 5G U.S. Patent Dec. 4, 2012 Sheet 14 of 47 US 8,327,272 B2
Portable Multifunction Device 206 100
Optical PrOXimit
S 1 402 Current Time 404 406
& Today List Day
&S January, 2007 Sun Mon Tue Wed Thu 4934 1 2 3 4
7 8 9 10 11
14 15 16
21 22 || 23 24 25 26
4938 12 PM Lunch With Eddie to 3 PM Pick up Jack 5 PM Pick up Lady
Touch SCreen 112
------^ > Home Accelerometer(s) 113 204 168 a ^ × X --- Figure 5H U.S. Patent Dec. 4, 2012 Sheet 15 Of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100
1402 Current Time 404
Cancel Add Event
Name: LOCation:
Touch Screen 11
------x Microphone ( Home Accelerometer(s) 113 \ 204 ^ 168
Figure 5 U.S. Patent Dec. 4, 2012 Sheet 16 of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100
LOCation:
Starts: Ends: All Day:
Mon., Dec.18:1235PM
4976 N w Enter Y Microphone ? HOme Accelerometer(s) 113 204 / 168 Y- - Figure 5J U.S. Patent Dec. 4, 2012 Sheet 17 Of 47 US 8,327,272 B2
Portable Multifunction Device
206 100
Current Time 404
Add Event
LOCation:
Starts: Ends: All Day:
------^ A N Microphone ^ He Accelerometer(s) 113 204 168
Figure 5K U.S. Patent Dec. 4, 2012 Sheet 18 of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100
Current Time 404 Eventra982 Repeat Event
None
Every TWO WeekS Every Month Every Year Custom Repeat (e.g., every 2" Fri. & 3" Thu., until Dec. 10, 2007, etc.)
TOuCh SCreen 11
------Microphone ( Home Accelerometer(s) 113 204 / 168
Figure 5L U.S. Patent Dec. 4, 2012 Sheet 19 Of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100
1402 Current Time 404
- Cancel ^ Add Event
Title: LOCation:
Starts: Mon., Dec. 18, 12:35 PM Ends: Mon., Dec. 18, 2:10 PM All Day:
- Repeat: Every Week D
Alert:
Notes:
Touch SCreen 11
? Home Accelerometer(s) 113 204 / 168
Figure 5M U.S. Patent Dec. 4, 2012 Sheet 20 of 47 US 8,327,272 B2
6OO TN
Display a multiweek calendar on the touch screen 602 display
Detect a contact on an individual day in the 604 multiweek Calendar
Display at least a portion of a list of events on the Contacted individual day while continuing to display 606 the multiweek calendar in response to detecting the finger contact on the individual day
lsequentially detect Contacts with a plurality of days in 608 the multiweek Calendar al/
- - - - - Sequentially display lists of events for at least some of the plurality of days while continuing to display the ~ 610 multiweek calendar in response to detecting Contacts with the plurality of days
Figure 6A U.S. Patent Dec. 4, 2012 Sheet 21 of 47 US 8,327,272 B2
620 N
Display a multiweek calendar on the touch screen 622 display
Detect a finger contact on an individual day in the 624 multiweek Calendar
Display at least a portion of a list of events on the Contacted individual day while Continuing to display 626 the multiweek calendar in response to detecting the finger contact on the individual day
628 Detect a finger gesture on the list of events
Scroll the list of events while continuing to display the 630 multiweek calendar in response to detecting the finger gesture on the list
Figure 6B U.S. Patent Dec. 4, 2012 Sheet 22 of 47 US 8,327,272 B2
Portable Multifunction Device 100 Optical Proximity Speaker 111 SensOr 164 SensOr 166
Current Time 404
Work
4932 October, 2007 Sun MOn Tue Wed Thu Fri Sat 4934 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
Touch SCreen 11 /. N Accelerometer(s) 113 204 168
^ × ------Figure 7A U.S. Patent Dec. 4, 2012 Sheet 23 of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100
Current Time 404
Ergonomics Check-Up
Blackalicious Concert
Brunch with Anya -7005
Review
Breakfast with Tiffany
7004 y 3) Day Month / W. L N 4904 7040
Touch SCreen 11
--- - Microphone Y /^ Home Accelerometer(s) 113 \ 204 168
Figure 7B U.S. Patent Dec. 4, 2012 Sheet 24 of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100
Current Time 404 to 406
Invites (2) NX Done
7970-1Design Review 700C ae as d Diplomacy 7 Monday, October 29, 2007 from 1 PM to 3 PM 7970-2Patent Meeting d A ROCk Wednesday, October 31, 2007 from 8 PM to 10 PM
/ N Microphone Home Accelerometer(s) 113 \ 204 168 - - Figure 7C U.S. Patent Dec. 4, 2012 Sheet 25 Of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100
708 - Invites (2) 762-1 YDesign Review Diplomacy Monday, October 29, 2007 from 1 PM to 3 PM Calendar Work X invitation from Greg X Christie Attendees Bob Smith Steve May Notes Present new design directions
7082 7009 N Show in Calendar
Decline 7095
- Microphone ? Home Accelerometer(s) 113 \ 204 168 / Figure 7D U.S. Patent Dec. 4, 2012 Sheet 26 of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100 Optical Proximity 7OOOE Speaker 111 SensOr 164 SensOr 166
Current Time 404 to 406 7090 OCt 29 2007
Noon Go to the gym 1 PM 7094. 7092-1 NDesign Review Diplomacy
7040 7011 Siri. MOnth Y Touch Screen 112
--- > Microphone HOme Accelerometer(s) 113 \ 204 / 168 - - - Figure 7E U.S. Patent Dec. 4, 2012 Sheet 27 Of 47 US 8,327,272 B2
Portable Multifunction Device
206 100
Current Time 404 Invites (1) "Y Done Design Review 7062-1 Diplomacy Monday, October 29, 2007 ACCepted from 1 PM to 3 PM A
7062-2 APatents ROCk Meeting W X Wednesday, October 31, 2007 from 8 PM to 10 PM
- - w Microphone Home \ Accelerometer(s) 113 204 / 168 - - - Figure 7F U.S. Patent Dec. 4, 2012 Sheet 28 of 47 US 8,327,272 B2
Portable Multifunction Device
206 100 N
Current Time M 308 310 M Day and Date M 312 Wallpaper image 314 ALERT
Title: Design Review
LOCation: COnf ROOm 1 Time: 10/29/07, 1 pm
Invitation from: Christie
Touch SCreen 11
Home Accelerometer(s) 113 \ 204 / 168
------Figure 7G U.S. Patent Dec. 4, 2012 Sheet 29 Of 47 US 8,327,272 B2
Portable Multifunction Device
206 100 N Optical P roximity SensOr 164 Se nSOr 166
Current Time M 308 CO 310 M Day and Date M 312 Current Application
Design Review Invitation from Christie Monday, October 29, 2007 From 1 PM to 3 PM 7134
7014, 1\View
TOUCh SCreen 11
Microphone ( Home Accelerometer(s) 113 204 / 168
Y- --- Figure 7H U.S. Patent Dec. 4, 2012 Sheet 30 of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 100
Speaker 111
1402402 Current Time 404 406 7084 Inbox- (32) 2 of 1007086 - - Re: Our Meeting October 26, 2007 4:30 pm Hey, Here's the invitation to the design review on Monday... Thanks, Greg
7015 V N r O O O. O. O. O. O. Design Review W 3333333 1:00pm Monday N/
J Updated 10/26/07 4:42 PM 3560
------^ Microphone Home Accelerometer(s) 113 204 168
Y------Figure 7 U.S. Patent Dec. 4, 2012 Sheet 31 of 47 US 8,327,272 B2
Portable Multifunction Device 206 100
Speaker 111 Optical Proximity SensOr 164 SenSOr 166 7OOOJ -1402 Current Time 404 Calendars"All1 7016 - N. S 4932 7028 October, 2007 Sun MOn Tue Wed Thu Fri Sat 493 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 23 24 25 26 27 7010 701.7 28 30 31 4938 H 7019-11PM Design Review (Invitation) 7019-2 4 PM Doctor's Appointment i? C x701.9-3. 6 PM Get present
Today List Day
4902 4904 Touch Screen 112 7040 701
Microphone ? Home \ Accelerometer(s) 113 204 / 168 \ / s Figure 7J U.S. Patent Dec. 4, 2012 Sheet 32 of 47 US 8,327,272 B2
Portable Multifunction Device 206 100 Optical Proximity Speaker 111 SensOr 164 Sensor 166 7OOOK 8 CN 1402 Current Time 404 Co. 406 CO& Calendars'7O16 All
7050 aliday Dorothy's Birthday 4910 Design Review
Doctor's Appointment
E2 PM Ergonomics Check-Up
9 PM Blackalicious Concert
11 AM Brunch with Anya 718O 7040 7 Day Monthly"a 32-y o TOuch Screen 12
- -- Microphone Home (Accelerometer(s) 113 204 / 168 -- -- Figure 7K U.S. Patent Dec. 4, 2012 Sheet 33 of 47 US 8,327,272 B2
Portable Multifunction Device
2O6 1OO N
Touch Screen 11
Microphone ? Home Accelerometer(s) 113 \ 204 168
Figure 7L U.S. Patent Dec. 4, 2012 Sheet 34 of 47 US 8,327,272 B2
N
Speaker Proximity 111 SensOr 166 7OOOM Current Time 404
7016 Calendars A
October y 2007
S U MOn Tue Wed Thu Fri Sa t
TOUCh SCreen 112
Microphone Accelerometer(s) 113 168
Figure 7M U.S. Patent Dec. 4, 2012 Sheet 35 of 47 US 8,327,272 B2
Portable Multifunction Device
100
Speaker Proximity 111 SenSOr 166
Current Time 404
Thursday Oct 25 2007
a ANY As s N
NY HN is 2PM
2,6% FSW 4 PM 3. " %
Touch SCreen 112
Microphone Accelerometer(s ) 113 "..." 168 Figure 7N U.S. Patent Dec. 4, 2012 Sheet 36 of 47 US 8,327,272 B2
Portable Multifunction Device 206 100 Optical Proximity Speaker 111 SensOr 164 SensOr 166 7OOOO 8 CN 1 402 Current Time 404 & Calendars Work
4932 October, 2007 Sun MOn Tue Wed Thu Fri Sat 4934 s 1 2 3 4. 5 6
7 8 9 10 11 | 12 13
14 15 16 17 18 19 20
21 22 23 24 27
28 29 30 31 4938 1 PM Design Review (Invitation) 7092-24940 4 PM Doctor's Appointment W 7094-2
- Today —List Day Yu(1) 4902 o Touch SCreen 11 s Microphone He Accelerometer(s) 113 204 168
X. - ^ -X ------Figure 7O U.S. Patent Dec. 4, 2012 Sheet 37 Of 47 US 8,327,272 B2
Portable Multifunction Device 100
4932Thursday 709 Oct 25, 2007 4930 12 PM Go to gym
1 PM
2PM Have lunch
3 PM
4 PM Pick up John
5 PM
TOUCh SCreen 11
- - --- × ^ / N X Microphone W HOme Accelerometer(s) 113 168
Figure 7P U.S. Patent Dec. 4, 2012 Sheet 38 of 47 US 8 9 327,272 B2
7530
Speaker Proximity 111 SensOr 166 7OOOO
OLeun61-I
|||?vs||() |:||
Touch SCree 112
\ Microphone f Home Accelerometer(s) 113 204 U.S. Patent Dec. 4, 2012 Sheet 39 Of 47 US 8,327,272 B2
Portable Multifunction Device N
Optical Proximity Speaker 111 SensOr 164 SensOr 166 7OOOR - 402
January, 2008 Tue Wed Thu
2
16
20 21 23 24
27 28 30 31
12 PM Lunch With Eddie 3 PM Pick up Jack 5 PM Pick up Lady
TOUCh SCreen 11
- - - Microphone (Hge Accelerometer(s) 113 204 / 168 Y- --- Figure 7R U.S. Patent Dec. 4, 2012 Sheet 40 of 47 US 8,327,272 B2
Portable Multifunction Device 7530
100 N Optical Proximity Speaker 111 SensOr 164 SensOr 166 7OOOS
N es d cy se N N o r CO CN A. so & S r --
2 L ool v cN& &
P E H N st & () E|S|gO & o 2 N 9 H ld CN C 5 O || 6 > | ri so is , || |
s D (s C O H
O . . . . gN.
Microphone HOme Accelerometer(s) 113 204 168 U.S. Patent Dec. 4, 2012 Sheet 41 of 47 US 8,327,272 B2
800
801 Execute a calendar application.
When the device is held in a portrait Orientation, display a calendar in a 1802 first view, show events for a first time period in the first view. y Detect a change in orientation of the device to a landscape orientation, and in response, display the calendar in a second view, show events for 1804 a second time period that is longer than and includes the first time period.
------When the device is held in a portrait Orientation, display a calendar in a day view, show events for a single day in the day view. a/806
! ------y Detect a change in orientation of the device to a landscape orientation, and in response, display the calendar in a multi-day view, show events r 808 for a multiplicity of days, the multiplicity of days including the single day.
------When the device is held in a portrait orientation, display a calendar in a Week view, show events for a single week in the Week view. Detect a change in orientation of the device to a landscape orientation, and in response, display the calendar in a multi-week view, show events 1812 for a multiplicity of weeks, the multiplicity of weeks including the single
------Figure 8A U.S. Patent Dec. 4, 2012 Sheet 42 of 47 US 8,327,272 B2
820 a Execute a Calendar application. u/822 y Detect the portable multifunction device in a first orientation that lau/824 comprises a substantially vertical orientation of the long axis. y In response to detecting the portable multifunction device in the first orientation that comprises the substantially vertical orientation of the long 1826 axis, display a calendar for a first time period in the portrait view. y Detect the portable multifunction device in a Second Orientation that lu/828 comprises a substantially vertical orientation of the short axis. y In response to detecting the portable multifunction device in the second orientation that comprises the substantially vertical orientation of the short axis, display a Calendar for a Second time period in the landscape lau/830 view, wherein the second time period is longer than and includes the first time period.
- The calendar for the first time period shows events for the first time 832 period and the calendar for the second time period shows events for the ~ second time period.
r------
r------
r------The first time period is a week and the second time period is a plurality of 1838 weeks.
r------
------The first time period is a month and the second time period is a plurality u842 of months.
Figure 8B U.S. Patent Dec. 4, 2012 Sheet 43 of 47 US 8,327,272 B2
850 NA au/852 Display a multiweek calendar on the touch screen display. The multiweek calendar is a monthly calendar. --854
Detect a contact on an individual day in the multiweek calendar;
------The contact is a finger contact r -The contact is a stylus contact. ^60
In response to detecting the contact on the individual day, display at least a portion of a list of events on the contacted individual day while continuing to display the multiweek calendar, wherein the list of events on the contacted individual day includes an invitation to an event.
The list of events is configured to scroll in response to a finger --866 gesture on the list of events. The finger gesture is a Swipe gesture. -N-1868
-Detect a gesture on the list of events. 1870 The gesture is a Swipe gesture with a finger. 1872
| -I-V In response to detecting the gesture on the list, scroll the list of events while continuing to display the multiweek calendar. 1874
il------l
Figure 8C U.S. Patent Dec. 4, 2012 Sheet 44 of 47 US 8,327,272 B2
880 a Display a flat version of a Calendar application interface on a touch lau/882 screen display. y u/884 In response to detecting a user gesture on a view options icon while the flat version of the calendar application interface is displayed, display a curled version of the calendar application interface on the touchscreen display, wherein the Curled version of the calendar application interface includes: an image of a Curled page that obscures a first portion of the flat version of the calendar application interface; and a roll-up region in a display region formerly OCCupied by a second portion -Ga) of the flat version of the calendar application interface, wherein the roll up region includes a plurality of Calendar option icons, each respective calendar option icon in the plurality of calendar option icons responsive to a user Selection gesture on the respective calendar option icon.
Detect a user selection gesture on one or more of the plurality of lu/886 calendar option icons. y Redisplay the flat version of the calendar application interface with u/888 information corresponding to the one or more calendar option icons upon which user Selection gestures were detected. Detect user selection gestures on at least two of the plurality of calendar 1 890 option icons.
Redisplay the flat version of the calendar application interface with information corresponding to the at least two of the plurality of -- 892 option icons upon which user selection gestures were detected.
The curled version of the calendar application interface includes a third 1894 portion of the flat version of the calendar application interface. The third portion is displayed in the curled version of the calendar application interface in a manner that is visually distinct from display u1896 of the third portion in the flat version of the calendar application interface. i------
Figure 8D U.S. Patent Dec. 4, 2012 Sheet 45 of 47 US 8,327,272 B2
8100 Na
r------The flat version of the calendar application interface is redisplayed in 18102 response to detecting a second user gesture on the view options icon.
r------" - Display a roll up animation that transitions from displaying the flat version of 181 O4 the calendar application interface to displaying the Curled version of the Calendar application interface.
version of the calendar application interface to redisplaying the flat version of the calendar application interface with information corresponding to the one or more calendar option icons upon which user Selection gestures were detected. i------
------
The Curled page includes an inverted, translucentrepresentation of a portion of the flat version of the calendar application interface.
- " - The Curled page includes a translucentrepresentation of a portion of the flat /8110 version of the calendar application interface.
- " - a/8112
Figure 8E U.S. Patent Dec. 4, 2012 Sheet 46 of 47 US 8,327,272 B2
8120 a
Receive a calendar invitation, from a party to a user of the device, while M8122 the device is locked.
Display at least a portion of the calendar invitation on the touch screen display while the device remains locked. lu8124 w In response to detecting a user request to view the calendar invitation, U-8126 immediately display the calendar invitation in a calendar application. y While the device is locked, change an unlock icon to a view-invitation 18128 icon when displaying the portion of the calendar invitation.
--
if no USer Selection of the view-invitation iCOn is detected Within a 8130 predetermined period of time, cease to display the portion of the calendar invitation on the touch screen display.
------
Figure 8F U.S. Patent Dec. 4, 2012 Sheet 47 of 47 US 8,327,272 B2 900 y
Portable Multifunction Device 100
Current Time (List Day January, 2008 Sun Mon Tue Wed Thu
is 14
At least One Server, Email and Calendar 930
Figure 9 US 8,327,272 B2 1. 2 PORTABLE MULTIFUNCTION DEVICE, ing the density of push buttons, overloading the functions of METHOD, AND GRAPHICAL USER pushbuttons, or using complex menu systems to allow a user INTERFACE FOR VIEWING AND MANAGING to access, store and manipulate data. These conventional user ELECTRONIC CALENDARS interfaces often result in complicated key sequences and menu hierarchies that must be memorized by the user. RELATED APPLICATIONS Many conventional user interfaces, such as those that include physical pushbuttons, are also inflexible. This is This application claims priority to U.S. Provisional Patent unfortunate because it may prevent a user interface from Application Nos. 61/033,780, “Portable Multifunction being configured and/or adapted by eitheran application run Device, Method, and Graphical User Interface for Viewing 10 ning on the portable device or by users. When coupled with and Managing Electronic Calendars, filed Mar. 4, 2008, and the time consuming requirement to memorize multiple key 61/019,295, “Portable Multifunction Device, Method, and sequences and menu hierarchies, and the difficulty in activat Graphical User Interface for Displaying and Selecting Appli ing a desired pushbutton, such inflexibility is frustrating to cation Options, filed Jan. 6, 2008. Both of applications are most uSerS. incorporated by reference in their entirety. 15 This application is related to the following applications: (1) Portable electronic devices often include a calendar appli U.S. patent application Ser. No. 10/188,182, “TouchPad For cation to keep track of meetings or appointments. Generally, Handheld Device.” filed on Jul. 1, 2002; (2) U.S. patent appli the calendars on these devices may be viewed according to a cation Ser. No. 10/722,948, “Touch Pad For Handheld monthly format, which displays a respective month, a daily Device.” filed on Nov. 25, 2003; (3) U.S. patent application format, which displays a respective day, or a weekly format, Ser. No. 10/643,256, “Movable TouchPad With Added Func which displays, a respective week. In some of these calendars, tionality.” filed on Aug. 18, 2003; (4) U.S. patent application a listing of agenda, or calendar entry items, may be viewed in Ser. No. 10/654,108, “Ambidextrous Mouse.” filed on Sep. 2, list format. These formats are typically viewed separately, 2003; (5) U.S. patent application Ser. No. 10/840,862, “Mul and Switching between them is often cumbersome and incon tipoint Touchscreen filed on May 6, 2004; (6) U.S. patent 25 Venient. application Ser. No. 10/903,964, “Gestures For Touch Sensi Some portable devices are also able to receive and respond tive Input Devices.” filed on Jul. 30, 2004; (7) U.S. patent to calendar invitations and/or display simultaneously entries application Ser. No. 11/038,590, “Mode-Based Graphical from multiple calendars (e.g., a work calendar and a personal User Interfaces For Touch Sensitive Input Devices' filed on calendar). But the user interfaces for these functions are cryp Jan. 18, 2005; (8) U.S. patent application Ser. No. 11/057, 30 tic and non-intuitive for many users. 050, “Display Actuator” filed on Feb. 11, 2005; (10) U.S. Accordingly, there is a need for portable multifunction patent application Ser. No. 1 1/367,749, “Multi-Functional devices with more transparent and intuitive user interfaces for Hand-Held Device.” filed Mar. 3, 2006; (11) U.S. patent displaying and managing calendars and calendar entries on a application Ser. No. 1 1/850,635, “Portable Multifunction touch screen display that are easy to use, configure, and/or Device.” filed Sep. 5, 2007: (12) U.S. patent application Ser. 35 adapt. No. 1 1/969,800, “Modal Change Based on Orientation of a Portable Multifunction Device.” filed Jan. 4, 2008: (13) U.S. SUMMARY patent application Ser. No. 1 1/969,786. “System and Method for Viewing and Managing Calendar Entries.” filed Jan. 4, The above deficiencies and other problems associated with 2008; and (14) U.S. Provisional Patent Application No. 40 user interfaces for portable devices are reduced or eliminated 61/019,293, “Portable Electronic Device with Conversation by the disclosed portable multifunction device. In some Management for Incoming Instant Messages.” filed Jan. 6. embodiments, the device has a touch-sensitive display (also 2008. All of these applications are incorporated by reference known as a “touch screen” or “touch screen display') with a herein in their entirety. graphical user interface (GUI), one or more processors, 45 memory and one or more modules, programs or sets of TECHNICAL FIELD executable instructions stored in the memory for performing multiple functions. In some embodiments, the user interacts The disclosed embodiments relate generally to portable with the GUI primarily through finger contacts and gestures electronic devices, and more particularly, to portable devices on the touch-sensitive display. In some embodiments, in addi for viewing and managing electronic calendars. 50 tion to providing a calendar, the functions may include tele phoning, Video conferencing, e-mailing, instant messaging, BACKGROUND blogging, digital photographing, digital videoing, web browsing, digital music playing, and/or digital video playing. As portable electronic devices become more compact, and Instructions for performing these functions may be included the number of functions performed by a given device 55 in a computer program product configured for execution by increases, it has become a significant challenge to design a one or more processors. user interface that allows users to easily interact with a mul In accordance with some embodiments, a computer-imple tifunction device. This challenge is particularly significant for mented method includes executing a calendar application on handheld portable devices, which have much smaller screens a portable electronic device having a touch screen display. than desktop or laptop computers. This situation is unfortu 60 The executing includes: when the device is held in a portrait nate because the user interface is the gateway through which orientation, displaying a calendar in a first view and showing users receive not only content but also responses to user events for a first time period in the first view. The executing actions or behaviors, including user attempts to access a also includes: detecting a change in orientation of the device device's features, tools, and functions. Some portable com to a landscape orientation, and in response, displaying the munication devices (e.g., mobile telephones, sometimes 65 calendar in a second view and showing events for a second called mobile phones, cell phones, cellular telephones, and time period that is longer than and includes the first time the like) have resorted to adding more pushbuttons, increas period. US 8,327,272 B2 3 4 In accordance with some embodiments, a portable elec one or more processors. The one or more programs include: tronic device includes: a touch screen display; one or more instructions for executing a calendar application; instructions processors; memory; and one or more programs. The one or for detecting the portable multifunction device in a first ori more programs are stored in the memory and configured to be entation that comprises a Substantially vertical orientation of executed by the one or more processors. The one or more 5 the long axis; instructions for displaying a calendar for a first programs include: instructions for, when the device is held in time period in the portrait view in response to detecting the a portrait orientation, displaying a calendar in a first view, portable multifunction device in the first orientation that com showing events for a first time period in the first view; and prises the Substantially vertical orientation of the long axis; instructions for detecting a change in orientation of the device to a landscape orientation, and in response, displaying the 10 instructions for detecting the portable multifunction device in calendar in a second view, showing events for a second time a second orientation that comprises a Substantially vertical period that is longer than and includes the first time period. orientation of the short axis; and instructions for displaying a In accordance with some embodiments, a computer read calendar for a second time period in the landscape view in able storage medium has stored therein instructions, which response to detecting the portable multifunction device in the when executed by a portable electronic device with a touch 15 second orientation that comprises the Substantially vertical screen display, cause the device to: when the device is held in orientation of the short axis. The second time period is longer a portrait orientation, display a calendar in a first view, show than and includes the first time period. ing events for a first time period in the first view; and detect a In accordance with some embodiments, a computer read change in orientation of the device to a landscape orientation, able storage medium has stored therein instructions, which and in response, display the calendar in a second view, show- 20 when executed by a portable multifunction device with a ing events for a second time period that is longer than and touch screen display (wherein the touch screen display includes the first time period. includes a long axis, a short axis, a portrait view and a land In accordance with some embodiments, a graphical user scape view), cause the device to: execute a calendar applica interface on a portable electronic device with a touch screen tion; detect the portable multifunction device in a first orien display includes: a calendar with a first view that shows 25 tation that comprises a Substantially vertical orientation of the events for a first time period and a second view that shows long axis; display a calendar for a first time period in the events for a second time period. When the device is held in a portrait view in response to detecting the portable multifunc portrait orientation, the calendar is displayed in the first view tion device in the first orientation that comprises the substan that shows events for the first time period. In response to tially vertical orientation of the long axis; detect the portable detecting a change in orientation of the device to a landscape 30 orientation, the calendar is displayed in a second view that multifunction device in a second orientation that comprises a shows events for the second time period. The second time Substantially vertical orientation of the short axis; and display period is longer than and includes the first time period. a calendar for a second time period in the landscape view in In accordance with some embodiments, a portable multi response to detecting the portable multifunction device in the function device with a touch screen display includes: means 35 second orientation that comprises the Substantially vertical for, when the device is held in a portrait orientation, display orientation of the short axis. The second time period is longer ing a calendar in a week view, showing events for a single than and includes the first time period. week in the week view; and means for detecting a change in In accordance with some embodiments, a graphical user orientation of the device to a landscape orientation, and in interface on a portable multifunction device with a touch response, displaying the calendarin a multiweek view, show- 40 screen display includes: a calendar application; a calendar for ing events for a multiplicity of weeks, the multiplicity of a first time period; and a calendar for a second time period. weeks including the single week. The touch screen display includes a long axis, a short axis, a In accordance with some embodiments, a computer-imple portrait view and a landscape view. In response to detecting mented method is performed at a portable multifunction the portable multifunction device in a first orientation that device with a touch screen display. The touch screen display 45 comprises a Substantially vertical orientation of the long axis, includes a long axis, a short axis, a portrait view and a land the calendar for the first time period is displayed in the portrait scape view. The computer-implemented method includes view. In response to detecting the portable multifunction executing a calendar application. The portable multifunction device in a second orientation that comprises a Substantially device is detected in a first orientation that comprises a Sub vertical orientation of the short axis, the calendar for a second stantially vertical orientation of the long axis. In response to 50 time period is displayed in the landscape view. The second detecting the portable multifunction device in the first orien time period is longer than and includes the first time period tation that comprises the substantially vertical orientation of In accordance with some embodiments, a portable multi the long axis, a calendar is displayed for a first time period in function device with a touch screen display (wherein the the portrait view. The portable multifunction device is touch screen display includes a long axis, a short axis, a detected in a second orientation that comprises a Substantially 55 portrait view and a landscape view) includes: means for Vertical orientation of the short axis. In response to detecting executing a calendar application; means for detecting the the portable multifunction device in the second orientation portable multifunction device in a first orientation that com that comprises the substantially vertical orientation of the prises a Substantially vertical orientation of the long axis; short axis, a calendar is displayed for a second time period in means for displaying a calendar for a first time period in the the landscape view. The second time period is longer than and 60 portrait view in response to detecting the portable multifunc includes the first time period. tion device in the first orientation that comprises the substan In accordance with some embodiments, a portable multi tially vertical orientation of the long axis; means for detecting function device includes a touch screen display, one or more the portable multifunction device in a second orientation that processors, memory, and one or more programs. The touch comprises a substantially vertical orientation of the short screen display includes a long axis, a short axis, a portrait 65 axis; and means for displaying a calendar for a second time view and a landscape view. The one or more programs are period in the landscape view in response to detecting the stored in the memory and configured to be executed by the portable multifunction device in the second orientation that US 8,327,272 B2 5 6 comprises the substantially vertical orientation of the short an image of a curled page that obscures a first portion of the axis. The second time period is longer than and includes the flat version of the calendar application interface, and a roll-up first time period. region in a display region formerly occupied by a second In accordance with some embodiments, a computer-imple portion of the flat version of the calendar application inter mented method is performed at a portable multifunction face. The roll-up region includes a plurality of calendar option device with a touch screen display. The computer-imple icons, each respective calendar option icon in the plurality of mented method includes: displaying a multiweek calendar on calendar option icons responsive to a user selection gesture on the touch screen display; detecting a contact on an individual the respective calendar option icon. The computer-imple day in the multiweek calendar, and, in response to detecting mented method also includes: detecting a user selection ges the contact on the individual day, displaying at least a portion 10 ture on one or more of the plurality of calendar option icons, of a list of events on the contacted individual day while and redisplaying the flat version of the calendar application continuing to display the multiweek calendar. The list of interface with information corresponding to the one or more events on the contacted individual day includes an invitation calendar option icons upon which user selection gestures to an event. were detected. In accordance with some embodiments, a portable multi 15 In accordance with some embodiments, a portable com function device includes: a touch screen display; one or more puting device includes: a touch screen display; one or more processors; memory; and one or more programs. The one or processors; memory; and one or more programs. The one or more programs are stored in the memory and configured to be more programs are stored in the memory and configured to be executed by the one or more processors. The one or more executed by the one or more processors. The one or more programs include: instructions for displaying a multiweek programs include: instructions for displaying a flat version of calendar on the touch screen display; instructions for detect a calendar application interface; instructions for displaying a ing a contact on an individual day in the multiweek calendar; curled version of the calendar application interface in and instructions for displaying at least a portion of a list of response to detecting a user gesture on a view options icon events on the contacted individual day while continuing to while the flat version of the calendar application interface is display the multiweek calendar in response to detecting the 25 displayed. The curled version of the calendar application contact on the individual day. The list of events on the con interface includes: an image of a curled page that obscures a tacted individual day includes an invitation to an event. first portion of the flat version of the calendar application In accordance with some embodiments, a computer read interface, and a roll-up region in a display region formerly able storage medium has stored therein instructions, which occupied by a second portion of the flat version of the calen when executed by a portable multifunction device with a 30 dar application interface. The roll-up region includes a plu touch screen display, cause the portable multifunction device rality of calendar option icons, each respective calendar to: display a multiweek calendar on the touch screen display; option icon in the plurality of calendar option icons respon detect a contact on an individual day in the multiweek calen sive to a user selection gesture on the respective calendar dar; and, in response to detecting the contact on the individual option icon. The one or more programs also include: instruc day, display at least a portion of a list of events on the con 35 tions for detecting a user selection gesture on one or more of tacted individual day while continuing to display the multi the plurality of calendar option icons; and instructions for week calendar. The list of events on the contacted individual redisplaying the flat version of the calendar application inter day includes an invitation to an event. face with information corresponding to the one or more cal In accordance with some embodiments, a graphical user endar option icons upon which user selection gestures were interface on a portable multifunction device with a touch 40 detected. screen display includes: a calendar application; a multiweek In accordance with some embodiments, a computer read calendar including a plurality of days; and a list of events able storage medium has stored therein instructions, which associated with at least one of the plurality of days, the list of when executed by a portable multifunction device with a events including at least one invitation to an event. In touch screen display, cause the portable multifunction device response to detecting a contact on an individual day in the 45 to: display a flat version of a calendar application interface; multiweek calendar, at least a portion of the list of events on and display a curled version of the calendar application inter the contacted individual day are displayed while continuing face in response to detecting a user gesture on a view options to display the multiweek calendar. icon while the flat version of the calendar application inter In accordance with some embodiments, a portable multi face is displayed. The curled version of the calendar applica function device with a touch screen display includes: means 50 tion interface includes: an image of a curled page that for displaying a multiweek calendar on the touch screen dis obscures a first portion of the flat version of the calendar play; means for detecting a contact on an individual day of the application interface, and a roll-up region in a display region multiweek calendar; and means for displaying at least a por formerly occupied by a second portion of the flat version of tion of a list of events on the contacted individual day while the calendarapplication interface. The roll-up region includes continuing to display the multiweek calendar in response to 55 a plurality of calendar option icons, each respective calendar detecting the contact on the individual day. The list of events option icon in the plurality of calendar option icons respon on the contacted individual day includes an invitation to an sive to a user selection gesture on the respective calendar event. option icon. The instructions also cause the portable multi In accordance with some embodiments, a computer-imple function device to: detect a user selection gesture on one or mented method is performed at a portable multifunction 60 more of the plurality of calendar option icons; and redisplay device with a touch screen display. The computer-imple the flat version of the calendar application interface with mented method includes: displaying a flat version of a calen information corresponding to the one or more calendar option dar application interface, and, in response to detecting a user icons upon which user selection gestures were detected. gesture on a view options icon while the flat version of the In accordance with some embodiments, a graphical user calendar application interface is displayed, displaying a 65 interface on a portable multifunction device with a touch curled version of the calendar application interface. The screen display includes a flat version of a calendar application curled version of the calendar application interface includes interface; a calendar options icon; and a curled version of the US 8,327,272 B2 7 8 calendar application interface. The curled version of the cal to: receive a calendar invitation, from a party to a user of the endarapplication interface includes an image of a curled page device, while the device is locked; display at least a portion of that obscures a first portion of the flat version of the calendar the calendar invitation on the touch screen display while the application interface, and a roll-up region in a display region device remains locked; and, in response to detecting a user formerly occupied by a second portion of the flat version of 5 request to view the calendar invitation, immediately display the calendarapplication interface. The roll-up region includes the calendar invitation in a calendar application. a plurality of calendar option icons, each respective calendar In accordance with some embodiments, a graphical user option icon in the plurality of calendar option icons respon interface on a portable multifunction device with a touch screen display includes: a calendar application; and at least a sive to a user selection gesture on the respective calendar portion of a calendar invitation. In response to receiving the option icon. In response to detecting a user gesture on the 10 calendar invitation from a party to a user of the device while calendar options icon while the flat version of the calendar the device is locked, at least the portion of the calendar invi application interface is displayed, the curled version of the tation is displayed on the touch screen display while the calendar application interface is displayed. In response to device remains locked. In response to detecting a user request detecting user selection gestures on one or more of the plu to view the calendar invitation, the calendar invitation is rality of calendar option icons, the flat version of the calendar 15 immediately displayed in the calendar application. application interface is redisplayed with information corre In accordance with some embodiments, a portable multi sponding to the one or more of the plurality of calendar option function device with a touch screen display includes: means icons upon which user selection gestures were detected. for receiving a calendar invitation, from a party to a user of the In accordance with some embodiments, a portable multi device, while the device is locked; means for displaying at function device with a touch screen display includes: means least a portion of the calendar invitation on the touch screen for displaying a flat version of a calendar application inter display while the device remains locked; and means for face; and means for displaying a curled version of the calen immediately displaying the calendar invitation in a calendar dar application interface in response to detecting a user ges application in response to detecting a user request to view the ture on a view options icon while the flat version of the calendar invitation. calendar application interface is displayed. The curled ver 25 Thus, the invention provides an intuitive, easy-to-use inter sion of the calendar application interface includes: an image face for displaying and managing calendars and calendar of a curled page that obscures a first portion of the flat version entries on a portable multifunction device with a touchscreen of the calendar application interface, and a roll-up region in a display. display region formerly occupied by a second portion of the BRIEF DESCRIPTION OF THE DRAWINGS flat version of the calendar application interface. The roll-up 30 region includes a plurality of calendar option icons, each For a better understanding of the aforementioned embodi respective calendar option icon in the plurality of calendar ments of the invention as well as additional embodiments option icons responsive to a user selection gesture on the thereof, reference should be made to the Description of respective calendar option icon. The device also includes: Embodiments below, in conjunction with the following draw means for detecting a user selection gesture on one or more of 35 ings in which like reference numerals refer to corresponding the plurality of calendar option icons; and means for redis parts throughout the figures. playing the flat version of the calendar application interface FIGS. 1A and 1B are block diagrams illustrating portable with information corresponding to the one or more calendar multifunction devices with touch-sensitive displays in accor option icons upon which user selection gestures were dance with some embodiments. detected. 40 FIG. 2 illustrates a portable multifunction device having a In accordance with some embodiments, a computer-imple touch screen in accordance with some embodiments. mented method is performed at a portable multifunction FIG.3 illustrates an exemplary user interface for unlocking device with a touch screen display. The computer-imple a portable electronic device in accordance with some embodi mented method includes: receiving a calendar invitation, mentS. from a party to a user of the device, while the device is locked; 45 FIGS. 4A and 4B illustrate exemplary user interfaces for a displaying at least a portion of the calendar invitation on the menu of applications on a portable multifunction device in touchscreen display while the device remains locked; and, in accordance with some embodiments. response to detecting a user request to view the calendar FIGS. 5A-5M illustrate exemplary user interfaces for dis invitation, immediately displaying the calendar invitation in a playing and managing calendar entries in accordance with calendar application. 50 Some embodiments. In accordance with some embodiments, a portable com FIGS. 6A-6B are flow diagrams of processes for displaying puting device includes: a touch screen display; one or more and managing calendar entries in accordance with some processors; memory; and one or more programs. The one or embodiments. more programs are stored in the memory and configured to be FIGS. 7A-7S illustrate exemplary user interfaces for executed by the one or more processors. The one or more 55 accessing a calendar application on a portable multifunction programs include: instructions for receiving a calendar invi device in accordance with some embodiments. tation, from a party to a user of the device, while the device is FIG. 8A-8F are flow diagrams illustrating methods of oper locked; instructions for displaying at least a portion of the ating a calendarapplication inaccordance with some embodi calendar invitation on the touch screen display while the mentS. device remains locked; and instructions for immediately dis 60 FIG. 9 is a schematic diagram of a communications system playing the calendar invitation in a calendar application in that provides infrastructure support for a portable multifunc response to detecting a user request to view the calendar tion device in accordance with some embodiments. invitation. In accordance with some embodiments, a computer read DESCRIPTION OF EMBODIMENTS able storage medium has stored therein instructions, which 65 when executed by a portable multifunction device with a Reference will now be made in detail to embodiments, touch screen display, cause the portable multifunction device examples of which are illustrated in the accompanying draw US 8,327,272 B2 9 10 ings. In the following detailed description, numerous specific device, such as the touchscreen. One or more functions of the details are set forth in order to provide a thorough understand touch screen as well as corresponding information displayed ing of the present invention. However, it will be apparent to on the device may be adjusted and/or varied from one appli one of ordinary skill in the art that the present invention may cation to the next and/or within a respective application. In be practiced without these specific details. In other instances, this way, a common physical architecture (such as the touch well-known methods, procedures, components, circuits, and screen) of the device may support the variety of applications networks have not been described in detailso as not to unnec with user interfaces that are intuitive and transparent. essarily obscure aspects of the embodiments. The user interfaces may include one or more soft keyboard It will also be understood that, although the terms first, embodiments. The soft keyboard embodiments may include second, etc. may be used herein to describe various elements, 10 these elements should not be limited by these terms. These standard (QWERTY) and/or non-standard configurations of terms are only used to distinguish one element from another. symbols on the displayed icons of the keyboard. Such as those For example, a first gesture could be termed a second gesture, described in U.S. patent application Ser. No. 1 1/459,606, and, similarly, a second gesture could be termed a first ges “Keyboards For Portable Electronic Devices.” filed Jul. 24, ture, without departing from the scope of the present inven 15 2006, and Ser. No. 1 1/459,615, “Touch Screen Keyboards For tion. Portable Electronic Devices, filed Jul. 24, 2006, the contents The terminology used in the description of the invention of which are hereby incorporated by reference in their herein is for the purpose of describing particular embodi entirety. The keyboard embodiments may include a reduced ments only and is not intended to be limiting of the invention. number of icons (or soft keys) relative to the number of keys As used in the description of the invention and the appended in existing physical keyboards, such as that for a typewriter. claims, the singular forms “a”, “an and “the are intended to This may make it easier for users to select one or more icons include the plural forms as well, unless the context clearly in the keyboard, and thus, one or more corresponding sym indicates otherwise. It will also be understood that the term bols. The keyboard embodiments may be adaptive. For “and/or as used herein refers to and encompasses any and all example, displayed icons may be modified in accordance possible combinations of one or more of the associated listed 25 with user actions, such as selecting one or more icons and/or items. It will be further understood that the terms “comprises' one or more corresponding symbols. One or more applica and/or "comprising, when used in this specification, specify tions on the portable device may utilize common and/or dif the presence of Stated features, integers, steps, operations, ferent keyboard embodiments. Thus, the keyboard embodi elements, and/or components, but do not preclude the pres ment used may be tailored to at least some of the applications. ence or addition of one or more other features, integers, steps, 30 In some embodiments, one or more keyboard embodiments operations, elements, components, and/or groups thereof. may be tailored to a respective user. For example, one or more Embodiments of a portable multifunction device, user keyboard embodiments may be tailored to a respective user interfaces for Such devices, and associated processes for based on a word usage history (lexicography, slang, indi using such devices are described. In some embodiments, the vidual usage) of the respective user. Some of the keyboard device is a portable communications device Such as a mobile 35 embodiments may be adjusted to reduce a probability of a telephone that also contains other functions, such as PDA user error when selecting one or more icons, and thus one or and/or music player functions. more symbols, when using the Soft keyboard embodiments. The user interface may include a physical click wheel in Attention is now directed towards embodiments of the addition to a touchscreen or a virtual click wheel displayed on device. FIGS. 1A and 1B are block diagrams illustrating the touch screen. A click wheel is a user-interface device that 40 portable multifunction devices 100 with touch-sensitive dis may provide navigation commands based on an angular dis plays 112 in accordance with some embodiments. The touch placement of the wheel or a point of contact with the wheel by sensitive display 112 is sometimes called a “touchscreen” for a user of the device. A click wheel may also be used to provide convenience, and may also be known as or called a touch a user command corresponding to selection of one or more sensitive display system. The device 100 may include a items, for example, when the user of the device presses down 45 memory 102 (which may include one or more computer read on at least a portion of the wheel or the center of the wheel. able storage mediums), a memory controller 122, one or more Alternatively, breaking contact with a click wheel image on a processing units (CPUs) 120, a peripherals interface 118, RF touch screen Surface may indicate a user command corre circuitry 108, audio circuitry 110, a speaker 111, a micro sponding to selection. For simplicity, in the discussion that phone 113, an input/output (I/O) subsystem 106, other input follows, a portable multifunction device that includes a touch 50 or control devices 116, and an external port 124. The device screen is used as an exemplary embodiment. It should be 100 may include one or more optical sensors 164. These understood, however, that some of the user interfaces and components may communicate over one or more communi associated processes may be applied to other devices, such as cation buses or signal lines 103. personal computers and laptop computers, that may include It should be appreciated that the device 100 is only one one or more other physical user-interface devices, such as a 55 example of a portable multifunction device 100, and that the physical click wheel, a physical keyboard, a mouse and/or a device 100 may have more or fewer components than shown, joystick. may combine two or more components, or a may have a In addition to a calendar application, the device may Sup different configuration or arrangement of the components. port a variety of other applications. Such as one or more of the The various components shown in FIGS. 1A and 1B may be following: a telephone application, a video conferencing 60 implemented in hardware, software or a combination of both application, an e-mail application, an instant messaging hardware and software, including one or more signal process application, a blogging application, a digital camera applica ing and/or application specific integrated circuits. tion, a digital video camera application, a web browsing Memory 102 may include high-speed random access application, a digital music player application, and/or a digi memory and may also include non-volatile memory. Such as tal video player application. 65 one or more magnetic disk storage devices, flash memory The various applications that may be executed on the devices, or other non-volatile Solid-state memory devices. device may use at least one common physical user-interface Access to memory 102 by other components of the device US 8,327,272 B2 11 12 100, such as the CPU 120 and the peripherals interface 118, The I/O subsystem 106 couples input/output peripherals on may be controlled by the memory controller 122. the device 100, such as the touch screen 112 and other input/ The peripherals interface 118 couples the input and output control devices 116, to the peripherals interface 118. The I/O peripherals of the device to the CPU 120 and memory 102. subsystem 106 may include a display controller 156 and one The one or more processors 120 run or execute various soft or more input controllers 160 for other input or control ware programs and/or sets of instructions stored in memory devices. The one or more input controllers 160 receive/send 102 to perform various functions for the device 100 and to electrical signals from/to other input or control devices 116. process data. The other input/control devices 116 may include physical In some embodiments, the peripherals interface 118, the buttons (e.g., push buttons, rocker buttons, etc.), dials, slider CPU 120, and the memory controller 122 may be imple 10 Switches, joysticks, click wheels, and so forth. In some alter mented on a single chip. Such as a chip 104. In some other nate embodiments, input controller(s) 160 may be coupled to embodiments, they may be implemented on separate chips. any (or none) of the following: a keyboard, infrared port, USB The RF (radio frequency) circuitry 108 receives and sends port, and a pointer device Such as a mouse. The one or more RF signals, also called electromagnetic signals. The RF cir 15 buttons (e.g., 208, FIG. 2) may include an up/down button for cuitry 108 converts electrical signals to/from electromagnetic volume control of the speaker 111 and/or the microphone signals and communicates with communications networks 113. The one or more buttons may include a pushbutton (e.g., and other communications devices via the electromagnetic 206, FIG. 2). A quick press of the pushbutton may disengage signals. The RF circuitry 108 may include well-known cir a lock of the touch screen 112 or begin a process that uses cuitry for performing these functions, including but not lim gestures on the touchscreen to unlock the device, as described ited to an antenna system, an RF transceiver, one or more in U.S. patent application Ser. No. 1 1/322.549, "Unlocking a amplifiers, a tuner, one or more oscillators, a digital signal Device by Performing Gestures on an Unlock Image.” filed processor, a CODEC chipset, a subscriber identity module Dec. 23, 2005, which is hereby incorporated by reference in (SIM) card, memory, and so forth. The RF circuitry 108 may its entirety. A longer press of the pushbutton (e.g., 206) may communicate with networks. Such as the Internet, also 25 turn power to the device 100 on or off. The user may be able referred to as the World Wide Web (WWW), an intranet to customize a functionality of one or more of the buttons. The and/or a wireless network, Such as a cellular telephone net touch screen 112 is used to implement virtual or soft buttons work, a wireless local area network (LAN) and/or a metro and one or more soft keyboards. politan area network (MAN), and other devices by wireless The touch-sensitive touch screen 112 provides an input communication. The wireless communication may use any of 30 interface and an output interface between the device and a a plurality of communications standards, protocols and tech user. The display controller 156 receives and/or sends elec nologies, including but not limited to Global System for trical signals from/to the touch screen 112. The touch screen Mobile Communications (GSM), Enhanced Data GSM Envi 112 displays visual output to the user. The visual output may ronment (EDGE), high-speed downlink packet access (HS include graphics, text, icons, video, and any combination DPA), wideband code division multiple access (W-CDMA), 35 thereof (collectively termed “graphics”). In some embodi code division multiple access (CDMA), time division mul ments, some or all of the visual output may correspond to tiple access (TDMA), Bluetooth, Wireless Fidelity (Wi-Fi) user-interface objects, further details of which are described (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g and/or below. IEEE 802.11n), voice over Internet Protocol (VoIP), A touch screen 112 has a touch-sensitive surface, sensor or Wi-MAX, a protocol for email (e.g., Internet message access 40 set of sensors that accepts input from the user based on haptic protocol (IMAP) and/or post office protocol (POP)), instant and/or tactile contact. The touch screen 112 and the display messaging (e.g., extensible messaging and presence protocol controller 156 (along with any associated modules and/or sets (XMPP), Session Initiation Protocol for Instant Messaging of instructions in memory 102) detect contact (and any move and Presence Leveraging Extensions (SIMPLE), and/or ment or breaking of the contact) on the touch screen 112 and Instant Messaging and Presence Service (IMPS)), and/or 45 converts the detected contact into interaction with user-inter Short Message Service (SMS)), or any other suitable com face objects (e.g., one or more soft keys, icons, web pages or munication protocol, including communication protocols not images) that are displayed on the touch screen. In an exem yet developed as of the filing date of this document. plary embodiment, a point of contact between a touch screen The audio circuitry 110, the speaker 111, and the micro 112 and the user corresponds to a finger of the user. phone 113 provide an audio interface between a user and the 50 The touch screen 112 may use LCD (liquid crystal display) device 100. The audio circuitry 110 receives audio data from technology, or LPD (light emitting polymer display) technol the peripherals interface 118, converts the audio data to an ogy, although other display technologies may be used in other electrical signal, and transmits the electrical signal to the embodiments. The touch screen 112 and the display control speaker 111. The speaker 111 converts the electrical signal to ler 156 may detect contact and any movement or breaking human-audible sound waves. The audio circuitry 110 also 55 thereofusing any of a plurality of touch sensing technologies receives electrical signals converted by the microphone 113 now known or later developed, including but not limited to from sound waves. The audio circuitry 110 converts the elec capacitive, resistive, infrared, and Surface acoustic wave tech trical signal to audio data and transmits the audio data to the nologies, as well as other proximity sensor arrays or other peripherals interface 118 for processing. Audio data may be elements for determining one or more points of contact with retrieved from and/or transmitted to memory 102 and/or the 60 a touch screen 112. RF circuitry 108 by the peripherals interface 118. In some A touch-sensitive display in Some embodiments of the embodiments, the audio circuitry 110 also includes aheadset touch screen 112 may be analogous to the multi-touch sensi jack (e.g. 212, FIG. 2). The headsetjack provides an interface tive tablets described in the following U.S. Pat. No. 6,323,846 between the audio circuitry 110 and removable audio input/ (Westerman et al.), U.S. Pat. No. 6,570,557 (Westerman et output peripherals, such as output-only headphones orahead 65 al.), and/or U.S. Pat. No. 6,677,932 (Westerman), and/or U.S. set with both output (e.g., a headphone for one or both ears) Patent Publication 2002/0015024A1, each of which is hereby and input (e.g., a microphone). incorporated by reference in its entirety. However, a touch US 8,327,272 B2 13 14 screen 112 displays visual output from the portable device wheel is displayed on the touch screen of a portable multi 100, whereas touch sensitive tablets do not provide visual function device and operated by user contact with the touch output. SCC. A touch-sensitive display in Some embodiments of the The device 100 also includes a power system 162 for pow touchscreen 112 may be as described in the following appli ering the various components. The power system 162 may cations: (1) U.S. patent application Ser. No. 1 1/381.313, include a power management system, one or more power “Multipoint TouchSurface Controller” filed May 2, 2006; (2) Sources (e.g., battery, alternating current (AC)), a recharging U.S. patent application Ser. No. 10/840,862, “Multipoint system, a power failure detection circuit, a power converter or Touchscreen.” filed May 6, 2004; (3) U.S. patent application inverter, a power status indicator (e.g., a light-emitting diode 10 (LED)) and any other components associated with the gen Ser. No. 10/903,964, “Gestures For Touch Sensitive Input eration, management and distribution of power in portable Devices, filed Jul. 30, 2004; (4) U.S. patent application Ser. devices. No. 11/048.264, “Gestures For Touch Sensitive Input The device 100 may also include one or more optical Devices, filed Jan. 31, 2005; (5) U.S. patent application Ser. sensors 164. FIGS. 1A and 1B show an optical sensor coupled No. 11/038,590, “Mode-Based Graphical User Interfaces For 15 to an optical sensor controller 158 in I/O subsystem 106. The Touch Sensitive Input Devices.” filed Jan. 18, 2005; (6) U.S. optical sensor 164 may include charge-coupled device (CCD) patent application Ser. No. 1 1/228,758, “Virtual Input Device or complementary metal-oxide semiconductor (CMOS) pho Placement On A Touch Screen User Interface.” filed Sep. 16, totransistors. The optical sensor 164 receives light from the 2005; (7) U.S. patent application Ser. No. 1 1/228.700, environment, projected through one or more lens, and con “Operation Of A Computer With A Touch Screen Interface.” verts the light to data representing an image. In conjunction filed Sep. 16, 2005; (8) U.S. patent application Ser. No. with an imaging module 143 (also called a camera module). 11/228.737, “Activating Virtual Keys Of A Touch-Screen Vir the optical sensor 164 may capture still images or video. In tual Keyboard, filed Sep. 16, 2005; and (9) U.S. patent appli Some embodiments, an optical sensor is located on the back of cation Ser. No. 1 1/367,749, “Multi-Functional Hand-Held the device 100, opposite the touch screen display 112 on the Device.” filed Mar. 3, 2006. All of these applications are 25 front of the device, so that the touch screen display may be incorporated by reference herein in their entirety. used as a viewfinder for either still and/or video image acqui The touch screen 112 may have a resolution in excess of sition. In some embodiments, an optical sensor is located on 100 dpi. In an exemplary embodiment, the touchscreen has a the front of the device so that the user's image may be resolution of approximately 160 dpi. The user may make obtained for videoconferencing while the user views the other contact with the touchscreen 112 using any suitable object or 30 Video conference participants on the touch screen display. In appendage. Such as a stylus, a finger, and so forth. In some Some embodiments, the position of the optical sensor 164 can embodiments, the user interface is designed to work primarily be changed by the user (e.g., by rotating the lens and the with finger-based contacts and gestures, which are much less sensor in the device housing) so that a single optical sensor precise than stylus-based input due to the larger area of con 164 may be used along with the touchscreen display for both tact of a finger on the touchscreen. In some embodiments, the 35 Video conferencing and still and/or video image acquisition. device translates the rough finger-based input into a precise The device 100 may also include one or more proximity pointer/cursor position or command for performing the sensors 166. FIGS. 1A and 1B show a proximity sensor 166 actions desired by the user. coupled to the peripherals interface 118. Alternately, the In some embodiments, in addition to the touch screen, the proximity sensor 166 may be coupled to an input controller device 100 may include a touchpad (not shown) for activating 40 160 in the I/O subsystem 106. The proximity sensor 166 may or deactivating particular functions. In some embodiments, perform as described in U.S. patent application Ser. No. the touchpad is a touch-sensitive area of the device that, 1 1/241,839, “Proximity Detector In Handheld Device.” filed unlike the touch screen, does not display visual output. The Sep. 30, 3005: Ser. No. 1 1/240,788, “Proximity Detector In touchpad may be a touch-sensitive Surface that is separate Handheld Device.” filed Sep. 30, 3005: Ser. No. 1 1/620,702, from the touch screen 112 or an extension of the touch 45 “Using Ambient Light Sensor To Augment Proximity Sensor sensitive surface formed by the touch screen. Output: Ser. No. 1 1/586,862, “Automated Response To And In some embodiments, the device 100 may include a physi Sensing Of User Activity In Portable Devices.” filed Oct. 24, cal or virtual click wheel as an input control device 116. A 2006; and Ser. No. 1 1/638,251, “Methods And Systems For user may navigate among and interact with one or more Automatic Configuration Of Peripherals, which are hereby graphical objects (henceforth referred to as icons) displayed 50 incorporated by reference in their entirety. In some embodi in the touch screen 112 by rotating the click wheel or by ments, the proximity sensor turns off and disables the touch moving a point of contact with the click wheel (e.g., where the screen 112 when the multifunction device is placed near the amount of movement of the point of contact is measured by its user's ear (e.g., when the user is making a phone call). In angular displacement with respect to a center point of the Some embodiments, the proximity sensor keeps the screen off click wheel). The click wheel may also be used to select one 55 when the device is in the user's pocket, purse, or other dark or more of the displayed icons. For example, the user may area to prevent unnecessary battery drainage when the device press down on at least a portion of the click wheel or an is a locked State. associated button. User commands and navigation commands The device 100 may also include one or more accelerom provided by the user via the click wheel may be processed by eters 168. FIGS. 1A and 1B show an accelerometer 168 an input controller 160 as well as one or more of the modules 60 coupled to the peripherals interface 118. Alternately, the and/or sets of instructions in memory 102. For a virtual click accelerometer 168 may be coupled to an input controller 160 wheel, the click wheel and click wheel controller may be part in the I/O subsystem 106. The accelerometer 168 may per of the touchscreen 112 and the display controller 156, respec form as described in U.S. Patent Publication No. tively. For a virtual click wheel, the click wheel may be either 20050190059, “Acceleration-based Theft Detection System an opaque or semitransparent object that appears and disap 65 for Portable Electronic Devices, and U.S. Patent Publication pears on the touch screen display in response to user interac No. 20060017692, “Methods And Apparatuses For Operating tion with the device. In some embodiments, a virtual click A Portable Device Based On An Accelerometer both of US 8,327,272 B2 15 16 which are which are incorporated herein by reference in their term 'graphics includes any object that can be displayed to entirety. In some embodiments, information is displayed on a user, including without limitation text, web pages, icons the touchscreen display in a portrait view or a landscape view (such as user-interface objects including soft keys), digital based on an analysis of data received from the one or more images, videos, animations and the like. accelerometers. For example, in response to detecting the The text input module 134, which may be a component of portable multifunction device in an orientation that comprises graphics module 132, provides soft keyboards for entering a vertical or Substantially vertical orientation (e.g., within a text in various applications (e.g., contacts 137, e-mail 140, IM predetermined number of degrees (such as 20, 30, 40 or 45 141, blogging 142, browser 147, and any other application degrees) of being vertical) of the long axis of the touch screen that needs text input). display, the device may display an application interface in a 10 The GPS module 135 determines the location of the device portrait view (e.g., UI 7000P, FIG. 7P). Conversely, in and provides this information for use in various applications response to detecting the portable multifunction device in an (e.g., to telephone 138 for use in location-based dialing, to orientation that comprises a vertical or Substantially vertical camera 143 and/or blogger 142 as picture/video metadata, orientation (e.g., within a predetermined number of degrees and to applications that provide location-based services Such (such as 20, 30, 40 or 45 degrees) of being vertical) of the 15 as weather widgets, local yellow page widgets, and map/ short axis of the touch screen display, the device may display navigation widgets). an application interface in a landscape view. The applications 136 may include the following modules In some embodiments, the Software components stored in (or sets of instructions), or a Subset or Superset thereof: memory 102 may include an operating system 126, a com a contacts module 137 (sometimes called an address book munication module (or set of instructions) 128, a contact/ or contact list); motion module (or set of instructions) 130, a graphics module a telephone module 138: (or set of instructions) 132, a text input module (or set of a video conferencing module 139: instructions) 134, a Global Positioning System (GPS) module an e-mail client module 140; (or set of instructions) 135, and applications (or set of instruc an instant messaging (IM) module 141; tions) 136. 25 a blogging module 142: The operating system 126 (e.g., Darwin, RTXC, LINUX, a camera module 143 for still and/or video images: UNIX, OSX,WINDOWS, or an embedded operating system an image management module 144; such as VxWorks) includes various software components a video player module 145: and/or drivers for controlling and managing general system a music player module 146; tasks (e.g., memory management, storage device control, 30 a browser module 147: power management, etc.) and facilitates communication a calendar module 148; between various hardware and software components. widget modules 149, which may include weather widget The communication module 128 facilitates communica 149-1, stocks widget 149-2, calculator widget 149-3. tion with other devices over one or more external ports 124 alarm clock widget 149-4, dictionary widget 149-5, and and also includes various Software components for handling 35 other widgets obtained by the user, as well as user data received by the RF circuitry 108 and/or the external port created widgets 149-6; 124. The external port 124 (e.g., Universal Serial Bus (USB), widget creator module 150 for making user-created wid FIREWIRE, etc.) is adapted for coupling directly to other gets 149-6; devices or indirectly over a network (e.g., the Internet, wire search module 151; less LAN, etc.). In some embodiments, the external port is a 40 video and music player module 152, which merges video multi-pin (e.g., 30-pin) connector that is the same as, or player module 145 and music player module 146; similar to and/or compatible with the 30-pin connector used notes module 153: on iPod (trademark of Apple Computer, Inc.) devices. map module 154; and/or The contact/motion module 130 may detect contact with online video module 155. the touchscreen 112 (in conjunction with the display control 45 Examples of other applications 136 that may be stored in ler 156) and other touch sensitive devices (e.g., a touchpad or memory 102 include other word processing applications, physical click wheel). The contact/motion module 130 JAVA-enabled applications, encryption, digital rights man includes various Software components for performing various agement, Voice recognition, and Voice replication. operations related to detection of contact, such as determining In conjunction with touch screen 112, display controller if contact has occurred, determining if there is movement of 50 156, contact module 130, graphics module 132, and text input the contact and tracking the movement across the touch module 134, the contacts module 137 may be used to manage screen 112, and determining if the contact has been broken an address book or contact list, including: adding name(s) to (i.e., if the contact has ceased). Determining movement of the the address book, deleting name(s) from the address book; point of contact may include determining speed (magnitude), associating telephone number(s), e-mail address(es), physi Velocity (magnitude and direction), and/or an acceleration (a 55 cal address(es) or other information with a name; associating change in magnitude and/or direction) of the point of contact. an image with a name; categorizing and Sorting names; pro These operations may be applied to single contacts (e.g., one viding telephone numbers or e-mail addresses to initiate and/ finger contacts) or to multiple simultaneous contacts (e.g., or facilitate communications by telephone 138, video confer “multitouch'/multiple finger contacts). In some embodi ence 139, e-mail 140, or IM 141; and so forth. ments, the contact/motion module 130 and the display con 60 In conjunction with RF circuitry 108, audio circuitry 110, troller 156 also detects contact on a touchpad. In some speaker 111, microphone 113, touchscreen 112, display con embodiments, the contact/motion module 130 and the con troller 156, contact module 130, graphics module 132, and troller 160 detects contact on a click wheel. text input module 134, the telephone module 138 may be used The graphics module 132 includes various known software to enter a sequence of characters corresponding to a telephone components for rendering and displaying graphics on the 65 number, access one or more telephone numbers in the address touch screen 112, including components for changing the book 137, modify a telephone number that has been entered, intensity of graphics that are displayed. As used herein, the dial a respective telephone number, conduct a conversation US 8,327,272 B2 17 18 and disconnect or hang up when the conversation is com download and playback recorded music and other Sound files pleted. As noted above, the wireless communication may use stored in one or more file formats, such as MP3 or AAC files. any of a plurality of communications standards, protocols and In some embodiments, the device 100 may include the func technologies. tionality of an MP3 player, such as an iPod (trademark of In conjunction with RF circuitry 108, audio circuitry 110, Apple Computer, Inc.). speaker 111, microphone 113, touchscreen 112, display con In conjunction with RF circuitry 108, touch screen 112, troller 156, optical sensor 164, optical sensor controller 158, display system controller 156, contact module 130, graphics contact module 130, graphics module 132, text input module module 132, and text input module 134, the browser module 134, contact list 137, and telephone module 138, the video 147 may be used to browse the Internet, including searching, conferencing module 139 may be used to initiate, conduct, 10 linking to, receiving, and displaying web pages or portions and terminate a video conference between a user and one or thereof, as well as attachments and other files linked to web more other participants. pageS. In conjunction with RF circuitry 108, touch screen 112, In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact module 130, graphics module display system controller 156, contact module 130, graphics 132, and text input module 134, the e-mail client module 140 15 module 132, text input module 134, e-mail module 140, and may be used to create, send, receive, and manage e-mail. In browser module 147, the calendar module 148 may be used to conjunction with image management module 144, the e-mail create, display, modify, and store calendars and data associ module 140 makes it very easy to create and send e-mails with ated with calendars (e.g., calendar entries, to do lists, etc.). still or video images taken with camera module 143. In conjunction with RF circuitry 108, touch screen 112, In conjunction with RF circuitry 108, touch screen 112, display system controller 156, contact module 130, graphics display controller 156, contact module 130, graphics module module 132, text input module 134, and browser module 147. 132, and text input module 134, the instant messaging module the widget modules 149 are mini-applications that may be 141 may be used to enter a sequence of characters corre downloaded and used by a user (e.g., weather widget 149-1, sponding to an instant message, to modify previously entered stocks widget 149-2, calculator widget 149-3, alarm clock characters, to transmit a respective instant message (for 25 widget 149-4, and dictionary widget 149-5) or created by the example, using a Short Message Service (SMS) or Multime user (e.g., user-created widget 149-6). In some embodiments, dia Message Service (MMS) protocol for telephony-based a widget includes an HTML (Hypertext Markup Language) instant messages or using XMPP SIMPLE, or IMPS for file, a CSS (Cascading Style Sheets) file, and a JavaScriptfile. Internet-based instant messages), to receive instant messages In some embodiments, a widget includes an XML (Extensible and to view received instant messages. In some embodiments, 30 Markup Language) file and a JavaScript file (e.g., Yahoo! transmitted and/or received instant messages may include Widgets). graphics, photos, audio files, video files and/or other attach In conjunction with RF circuitry 108, touch screen 112, ments as are supported in a MMS and/or an Enhanced Mes display system controller 156, contact module 130, graphics saging Service (EMS). As used herein, “instant messaging module 132, text input module 134, and browser module 147. refers to both telephony-based messages (e.g., messages sent 35 the widget creator module 150 may be used by a user to create using SMS or MMS) and Internet-based messages (e.g., mes widgets (e.g., turning a user-specified portion of a web page sages sent using XMPP SIMPLE, or IMPS). into a widget). In conjunction with RF circuitry 108, touch screen 112, In conjunction with touch screen 112, display system con display controller 156, contact module 130, graphics module troller 156, contact module 130, graphics module 132, and 132, text input module 134, image management module 144, 40 text input module 134, the search module 151 may be used to and browsing module 147, the blogging module 142 may be search for text, music, Sound, image, video, and/or other files used to send text, still images, video, and/or other graphics to in memory 102 that match one or more search criteria (e.g., a blog (e.g., the user's blog). one or more user-specified search terms). In conjunction with touch screen 112, display controller In conjunction with touch screen 112, display controller 156, optical sensor(s) 164, optical sensor controller 158, con 45 156, contact module 130, graphics module 132, and text input tact module 130, graphics module 132, and image manage module 134, the notes module 153 may be used to create and ment module 144, the camera module 143 may be used to manage notes, to do lists, and the like. capture still images or video (including a video stream) and In conjunction with RF circuitry 108, touch screen 112, store them into memory 102, modify characteristics of a still display system controller 156, contact module 130, graphics image or video, or delete a still image or video from memory 50 module 132, text input module 134, GPS module 135, and 102. browser module 147, the map module 154 may be used to In conjunction with touch screen 112, display controller receive, display, modify, and store maps and data associated 156, contact module 130, graphics module 132, text input with maps (e.g., driving directions; data on stores and other module 134, and camera module 143, the image management points of interest at or near a particular location; and other module 144 may be used to arrange, modify or otherwise 55 location-based data). manipulate, label, delete, present (e.g., in a digital slide show In conjunction with touch screen 112, display system con or album), and store still and/or video images. troller 156, contact module 130, graphics module 132, audio In conjunction with touch screen 112, display controller circuitry 110, speaker 111, RF circuitry 108, text input mod 156, contact module 130, graphics module 132, audio cir ule 134, e-mail client module 140, and browser module 147, cuitry 110, and speaker 111, the video player module 145 may 60 the online video module 155 allows the user to access, be used to display, present or otherwise playback Videos (e.g., browse, receive (e.g., by streaming and/or download), play on the touch screen or on an external, connected display via back (e.g., on the touch screen or on an external, connected external port 124). display via external port 124), send an e-mail with a link to a In conjunction with touch screen 112, display system con particular online video, and otherwise manage online videos troller 156, contact module 130, graphics module 132, audio 65 in one or more file formats, such as H.264. In some embodi circuitry 110, speaker 111, RF circuitry 108, and browser ments, instant messaging module 141, rather than e-mail module 147, the music player module 146 allows the user to client module 140, is used to send a link to a particular online US 8,327,272 B2 19 20 Video. Embodiments of user interfaces and associated pro lock the device by depressing the button and releasing the cesses using online video module 155 are described further button before the predefined time interval has elapsed; and/or below. to unlock the device or initiate an unlock process. In an Each of the above identified modules and applications cor alternative embodiment, the device 100 also may accept ver respond to a set of instructions for performing one or more 5 bal input for activation or deactivation of some functions functions described above. These modules (i.e., sets of through the microphone 113. instructions) need not be implemented as separate Software Attention is now directed towards embodiments of user programs, procedures or modules, and thus various Subsets of interfaces (“UI”) and associated processes that may be imple these modules may be combined or otherwise rearranged in mented on a portable multifunction device 100. various embodiments. For example, video player module 145 10 FIG.3 illustrates an exemplary user interface for unlocking may be combined with music player module 146 into a single a portable electronic device in accordance with some embodi module (e.g., video and music player module 152, FIG. 1B). ments. In some embodiments, user interface 300 includes the In some embodiments, memory 102 may store a subset of the following elements, or a Subset or Superset thereof: modules and data structures identified above. Furthermore, Unlock image 302 that is moved with a finger gesture to memory 102 may store additional modules and data struc 15 unlock the device; tures not described above. Arrow 304 that provides a visual cue to the unlock gesture; In some embodiments, the device 100 is a device where Channel 306 that provides additional cues to the unlock operation of a predefined set of functions on the device is gesture; performed exclusively through a touch screen 112 and/or a Time 308: touchpad. By using a touch screen and/or a touchpad as the Day 310; primary input/control device for operation of the device 100, Date 312; and the number of physical input/control devices (such as push Wallpaper image 314. buttons, dials, and the like) on the device 100 may be reduced. In some embodiments, the device detects contact with the The predefined set of functions that may be performed touch-sensitive display (e.g., a user's finger making contact exclusively through a touch screen and/or a touchpad include 25 on or near the unlock image 302) while the device is in a navigation between user interfaces. In some embodiments, user-interface lock state. The device moves the unlock image the touchpad, when touched by the user, navigates the device 302 in accordance with the contact. The device transitions to 100 to a main, home, or root menu from any user interface that a user-interface unlock state if the detected contact corre may be displayed on the device 100. In such embodiments, sponds to a predefined gesture, such as moving the unlock the touchpad may be referred to as a “menu button. In some 30 image across channel 306. Conversely, the device maintains other embodiments, the menu button may be a physical push the user-interface lock state if the detected contact does not button or other physical input/control device instead of a correspond to the predefined gesture. As noted above, pro touchpad. cesses that use gestures on the touch screen to unlock the FIG. 2 illustrates a portable multifunction device 100 hav device are described in U.S. patent application Ser. No. ing a touch screen 112 in accordance with some embodi 35 1 1/322.549, "Unlocking A Device By Performing Gestures ments. The touch screen may display one or more graphics On An Unlock Image.” filed Dec. 23, 2005, and Ser. No. within user interface (UI) 200. In this embodiment, as well as 1 1/322,550, “Indication Of Progress Towards Satisfaction Of others described below, a user may select one or more of the A User Input Condition.” filed Dec. 23, 2005, which are graphics by making contact or touching the graphics, for hereby incorporated by reference in their entirety. In addition, example, with one or more fingers 202 (not drawn to scale in 40 as described below with respect to FIG. 7G, an unlock icon the figure). In some embodiments, selection of one or more (e.g., image 302, arrow 304, and “slide to unlock' channel graphics occurs when the user breaks contact with the one or 306) may be changed to a view-invitation icon (e.g., image more graphics. In some embodiments, the contact may 302, arrow 304, and “slide to view” channel 307) when the include a gesture, such as one or more taps, one or more device receives a calendar invitation while the device is swipes (from left to right, right to left, upward and/or down 45 locked. ward) and/or a rolling of a finger (from right to left, left to FIGS. 4A and 4B illustrate exemplary user interfaces for a right, upward and/or downward) that has made contact with menu of applications on a portable multifunction device in the device 100. In some embodiments, inadvertent contact accordance with some embodiments. In some embodiments, with a graphic may not select the graphic. For example, a user interface 400A includes the following elements, or a Swipe gesture that Sweeps over an application icon may not 50 subset or superset thereof: select the corresponding application when the gesture corre Signal strength indicator(s) 402 for wireless communica sponding to selection is a tap. tion(s). Such as cellular and Wi-Fi signals; The device 100 may also include one or more physical Time 404; buttons, such as "home” or menu button 204. As described Battery status indicator 406; previously, the menu button 204 may be used to navigate to 55 Tray 408 with icons for frequently used applications, such any application 136 in a set of applications that may be aS executed on the device 100. Alternatively, in some embodi Phone 138, which may include an indicator 414 of the ments, the menu button is implemented as a soft key in a GUI number of missed calls or voicemail messages; in touch screen 112. E-mail client 140, which may include an indicator 410 of In one embodiment, the device 100 includes a touchscreen 60 the number of unread e-mails; 112, a menu button 204, a push button 206 for powering the Browser 147; and device on/off and locking the device, Volume adjustment Music player 146; and button(s) 208, a Subscriber Identity Module (SIM) card slot Icons for other applications, such as: 210, ahead setjack 212, and a docking/charging external port IM 141: 124. The push button 206 may be used to turn the power 65 Image management 144; on/off on the device by depressing the button and holding the Camera 143: button in the depressed state for a predefined time interval; to Video player 145: US 8,327,272 B2 21 22 Weather 149-1; The highlighted portion 4912 of the display mode icon Stocks 149-2: 4904 indicates which view of the calendar is being displayed. Blog 142: As shown in FIG. 5A, a list view of the calendar is being Calendar 148; displayed, and therefore, the highlighted portion 4912 corre Calculator 149-3: sponds to the list view. In some embodiments, a respective Alarm clock 149-4, calendar may be displayed in a list, day, or multiweek view. Dictionary 149-5; and The multiweek view may include a monthly view. The appro User-created widget 149-6. priate section of the display mode icon 4904 is highlighted In some embodiments, user interface 400B includes the according to which view of the calendar is being displayed. following elements, or a Subset or Superset thereof: 10 The term “highlight’ is used here to mean displaying in a 402, 404, 406, 141, 148, 144, 143, 149-3, 149-2, 149-1, visually distinctive manner, such as changing one or more of 149-4, 410, 414, 138,140, and 147, as described above: the following: background color, background fill pattern, Map 154; bolding, underlining, font color, font, etc. Notes 153: A user may perform a finger contact within the display Settings 412, which provides access to settings for the 15 mode icon 4904 on, or within the area immediately surround device 100 and its various applications 136, as described ing the desired calendar view to display. further below: UI 4900A also includes a today icon 4902, which when Video and music player module 152, also referred to as activated, for example by a finger contact, initiates display of iPod (trademark of Apple Computer, Inc.) module 152; today's events in the then active calendar view (e.g., in the list, and day, or month view). When a user selects the today icon 4902. Online video module 155, also referred to as YouTube the corresponding calendar for the current day is displayed. (trademark of Google, Inc.) module 155. UI 4900A also includes an add calendar entry icon 4906. In some embodiments, UI 400A or 400B displays all of the The add calendar entry icon 4906 allows a user to add calen available applications 136 on one screen so that there is no dar entries to a desired day. As will be described later, FIGS. need to Scroll through a list of applications (e.g., via a scroll 25 5I-5M illustrate exemplary user interfaces for adding a cal bar). In some embodiments, as the number of applications endar entry. increase, the icons corresponding to the applications may In some embodiments, UI 4900A includes a list calendar, decrease in size so that all applications may be displayed on a which includes day headers 4908 and calendar entries 4910. single screen without Scrolling. In some embodiments, hav The day header 4908 appears above the corresponding calen ing all applications on one screen and a menu button enables 30 dar entry or entries for aparticular day. In some embodiments, a user to access any desired application with at most two days without any calendar entries are not displayed on the inputs, such as activating the menu button 204 and then acti user interface. Vating the desired application (e.g., by a tap or other finger A user may scroll through the calendarby making a vertical gesture on the icon corresponding to the application). finger swipe 4914 anywhere on the list calendar. In some embodiments, UI 400A or 400B provides inte 35 FIG.5B illustrates UI4900B, which displays a calendar in grated access to both widget-based applications and non a day-view mode. UI 4900A includes the following elements widget-based applications. In some embodiments, all of the or a subset or superset thereof: widgets, whether user-created or not, are displayed in UI 402,404, 406, 4902,4904, and 4906 as described above: 400A or 400B. In other embodiments, activating the icon for day forward icon 4922 that when activated (e.g., by a finger user-created widget 149-6 may lead to another UI that con 40 tap of the icon) displays the day-view of the calendar for tains the user-created widgets or icons corresponding to the the following day; user-created widgets. day backward icon 4924 that when activated (e.g., by a In some embodiments, a user may rearrange the icons in UI finger tap of the icon) displays the day-view of the cal 400A or 400B, e.g., using processes described in U.S. patent endar for the preceding day; and application Ser. No. 1 1/459,602, “Portable Electronic Device 45 time slots 4926. With Interface Reconfiguration Mode.” filed Jul. 24, 2006, FIG.5C illustrates UI4900C, which displays a calendar in which is hereby incorporated by reference in its entirety. For a month-view mode. UI 4900A includes the following ele example, a user may move application icons in and out of tray ments or a Subset or Superset thereof: 408 using finger gestures. 402,404, 406, 4902,4904, and 4906 as described above: In some embodiments, UI 400A or 400B includes a gauge 50 month forward icon 4930 that when activated (e.g. by a (not shown) that displays an updated account usage metric for finger tap of the icon) displays the month-view of the an account associated with usage of the device (e.g., a cellular calendar for the following month; phone account), as described in U.S. patent application Ser. month backward icon 4932 that when activated (e.g. by a No. 1 1/322.552, “Account Information Display For Portable finger tap of the icon) displays the month-view of the Communication Device filed Dec. 23, 2005, which is 55 calendar for the preceding month; hereby incorporated by reference in its entirety. monthly calendar 4934 that includes calendar day icon FIGS. 5A-5M illustrate exemplary user interfaces for dis 4936; playing and managing calendar entries. FIG. 5A illustrates UI list of events 4938; and 4900A, which displays a calendar in a list-view mode. UI vertical bar 4940, which indicates the portion of the list 4900A includes the following elements or a subset or superset 60 4938 being displayed. thereof: UI 4900C a calendar in month-view mode is displayed 402,404, and 406, as described above; while simultaneously displaying a list of events 4938 for a today icon 4902; selected day. In some embodiments, a respective selected day display mode icon 4904; is indicated by highlighting (e.g., day icon 4936 is highlighted add calendar entry icon 4906; 65 in FIG.5C). day headers 4908; and At a portable multifunction device with a touch screen calendar entries 4910. display, a multiweek calendaris displayed on the touchscreen US 8,327,272 B2 23 24 display. A contact on an individual day in the multiweek ingly, the corresponding monthly calendar is also displayed calendar is detected, and in response to detecting the contact depending on which month in the month scroll bar is high on the individual day, at least a portion of a list of events on the lighted. contacted individual day is displayed while continuing to FIGS. 5I-5M illustrate exemplary user interfaces for add display the multiweek calendar (FIG.5C). ing calendar entries. In some embodiments, when a user In some embodiments, the contact is a finger contact on or selects the add calendaricon 4906, as shown in FIGS.5A-5H, near the touchscreen display. In some other embodiments, the the UI 4900E is displayed (FIG. 5I). When a user makes a contact is a stylus contact on or near the touch screen display. contact, for example on contact point 4970, and the contact In some embodiments, the multiweek calendar is a point requires time entry, the UI4900F (FIG.5J) is displayed. 10 UI 4900F includes wheels of time 4974. Vertical finger monthly calendar, as illustrated in FIGS. 5C-5H. swipes (as represented by vertical doubled headed arrows in As will be described in FIGS. 5D-5G, a user may change FIG.5J) may be performed along each vertical column (e.g., the list of events 4938 being displayed by making a finger a date, hour, minute, or AM/PM column) thereby causing the contact on the touchscreen 112 within the grid of the monthly entries to rotate accordingly. Once the desired time entry is calendar 4934. As shown in FIG. 5D, a user starts with the 15 reached, enter icon 4976 may be selected and the appropriate user's finger touching the highlighted calendar day icon, as time entry is displayed in the appropriate field in UI 49001 indicated by finger contact area 4950. As seen in FIG.5D, the (FIG.5M). In some embodiments, once the desired time entry list of events 4938 corresponds to the highlighted calendar is reached, the appropriate time entry is displayed in the day icon 4936. The user continues with finger contact 4950 appropriate field in UI 4900I (FIG.5M) without needing to and moves, or scrubs, the user's finger along the touch screen select an enter icon. 112 within the grid of the monthly calendar 4934 in the In some embodiments, if a user desires to enter an all day direction of the arrow, as demonstrated in FIG. 5D. As the event, UI 4900G is displayed (FIG. 5K). Finger swipes are user's finger contact 4950 stops on a particular day, the list of performed within the wheel and the date rotates accordingly. events 4938 being displayed changes accordingly, as shown In some embodiments, if repeat icon 4972 in FIG. 5I is in FIG. 5E. 25 selected, UI 4900H is displayed (FIG.5L). A user may have In some embodiments, the list of events 4938 is scrollable. the entry entered for the same time every week by selected at In Some embodiments, the list of events is configured to scroll contact point 4980. Alternately, the user may have the entry in response to a finger gesture on the list of events. In some entered for the same time at another interval (e.g., every day, embodiments, the finger gesture is a Swipe gesture. every two weeks, every month, every year, or a custom repeat A gesture on the list of events is detected, and in response 30 interval) as indicated by a different user selection within the to detecting the gesture on the list, list of events scrolls while repeat event UI 4900H. When the event icon 4982 (FIG.5L) continuing to display the multiweek calendar. In some is selected, the appropriate repeat information is displayed in embodiments, the gesture is a gesture with a finger. UI 4900I (FIG.5M). In some embodiments, contacts with a plurality of days in FIG. 6A illustrates is a flow diagram of a process 600 for the multiweek calendar is sequentially detected, and in 35 displaying and managing calendar entries in accordance with response to detecting contacts with the plurality of days, lists some embodiments. In some embodiments, the process 600 is of events are sequentially displayed for at least Some of the performed by a portable electronic device with a touchscreen plurality of days while continuing to display the multiweek display. The device displays a multiweek calendar on the calendar. In some embodiments, the sequentially detected touch screen display (602), e.g., UI 4900C of FIG. 5C. If a contacts correspond to movement of a single, unbroken finger 40 user touches a desired day on the multiweek display, the contact with the touch screen display, also known as Scrub device detects the finger contact on that individual day in the bing, as described above. multiweek calendar (604). As a response to the finger contact In some embodiments, in response to detecting contacts on the individual day, the device displays at least a portion of with the plurality of days, the plurality of days in the multi a list of events 4938 on the contacted individual day while week calendar is sequentially highlighted. 45 continuing to display the multiweek calendar (606). In some embodiments, when a user's finger contact con In some embodiments, if a user sequentially contacts the tinues to scrub along the touch screen 112 (see FIG.5F) to a touchscreen display on a plurality of days, the device sequen calendar day icon 4936 with no corresponding calendar tially detects the contact with the plurality of days in the entries, and the finger contact movement stops on Such day, multiweek calendar (608). In response to detecting the con no list of events is shown, as illustrated in FIG.5G. 50 tacts, the device sequentially displays lists of events for at In some embodiments, indicia for each day in the multi least some of the plurality of days while continuing to display week calendar that has at least one event is displayed. In some the multiweek calendar (610), e.g., FIGS. 5D-5G. embodiments, the calendar day icon 4936 may indicate FIG. 6B illustrates is a flow diagram of a process 620 for whether or not the corresponding day contains calendar displaying and managing calendar entries in accordance with entries. In some embodiments, calendar days containing cor 55 Some embodiments. In some embodiments, the process 620 is responding calendar entries are indicated with an underscore performed by a portable electronic device with a touchscreen below the date in the calendar day icon 4936, as shown in display. The device displays a multiweek calendar on the FIGS. SC-SH. touch screen display (622), e.g., UI 4900C of FIG. 5C. If a FIG.5Hillustrates UI4900D, which displays a calendarin user touches a desired day on the multiweek display, the a month-view mode according to Some embodiments. UI 60 device detects the finger contact on that individual day in the 4900D includes many of the same features as US 4900C, and multiweek calendar (624). As a response to the finger contact also includes month scroll bar 4960. The monthly calendar on the individual day, the device displays at least a portion of being displayed corresponds to the highlighted month in the a list of events 4938 on the contacted individual day while month scroll bar. Whenauser performs a vertical finger swipe continuing to display the multiweek calendar (626). If a finger on the month scroll bar 4960, this allows the highlighted 65 gesture is detected on the list of events being displayed (628), portion 4962 of the month scroll bar 4960 to vertically scroll the device scrolls through the list of events while continuing through the months in the month scroll bar 4960. Accord to display the multiweek calendar (630). US 8,327,272 B2 25 26 FIGS. 7A-7S illustrate exemplary user interfaces for and later in the day. In FIG. 7E, the tentative calendar event accessing a calendar application on a portable multifunction 7092-1 for the design review meeting is in conflict with a device 100 in accordance with some embodiments. An over scheduled event, i.e., the interview meeting 7094-1 from 2pm view of these user interfaces is provided below. to 4 pm. In response to detecting a gesture 7011 on the FIG. 7A shows a device held in a portrait orientation, invitation inbox icon 7040, the device 100 initiates display of displaying a multiweek month view (e.g., for October, 2007). the invitation inbox (e.g., UI 7000F, FIG. 7F). The figure shows detecting a contact 7001 on an individual FIG. 7F shows an exemplary list of calendar invitations day 7010 (e.g., Oct. 29, 2007) and displaying at least a portion received by the device. In this list, as described above, there of a list of events on the contacted individual day while are two calendar invitations 7062, first a design review invi continuing to display the multiweek calendar. The list of 10 tation, and second a patent meeting invitation. In FIG.7F, the events on the contacted individual day 7010 (e.g., Oct. 29. design review invitation is marked as read (there is no dot 2007) includes an invitation to the event (the agenda review). 7070-1 for this invitation) and the word Accepted is dis In response to detecting a contact 7001 (e.g. a finger gesture played, which indicates that the user has accepted this invi or a stylus) on a given day on the calendar, the device displays tation. The patent meeting calendar invitation is marked as events listed on the corresponding day, including invitations 15 unread, as indicated by the dot 7070-2. The number of out to events. The list of events on any given day is scrollable, in standing invitations has decreased from two in FIG.7C to one response to detecting a gesture on the list of events. The in FIG. 7F, as the design review meeting has been read and gesture may be a finger gesture, such as a Swipe gesture 7003. accepted (FIG. 7D). In some embodiments, a contact 7002 is detected on an invi FIG. 7G shows an exemplary locked device displaying tationinbox icon 7040, which initiates display of an invitation details of a calendar invitation from a party to a user of the inbox (e.g., as shown in FIG. 7C). device. An exemplary unlock icon 309 that includes image FIG. 7B shows a device held in a portrait orientation (with 302, arrow 304, and “slide to unlock” channel 306 (FIG. 3) a Substantially vertical orientation of a long axis of the touch has been replaced by an exemplary view-invitation icon 309 screen) displaying a list view of daily events for a multiplicity that includes image 302, arrow 304, and “slide to view’ of days. The list is vertically scrollable to permit a user to see 25 channel 307. If the device detects a user request to view the events on earlier or later days. A set of icons are provided to calendar invitation (e.g., a Swipe gesture on image 302 in initiate display of “Today' events, and to initiate display of “slide to view’ channel307), the device immediately displays events in a list view, day view or month view, in response to the calendar invitation in a calendar application, for example, detecting a user gesture on the corresponding icon. An icon as shown in FIG. 7D. In some embodiments, detecting a 7040 is provided for accessing an invitation inbox and for 30 view-invitation gesture causes the device to display the invi displaying of a number of unread calendar invitations. In tation inbox (FIG.7C) instead of the invitation (FIG. 7D). If some embodiments, a contact gesture 7004 is detected on the no user activation of the view-invitation icon is detected invitation inbox icon 7040, which initiates display of an invi within a predetermined period of time, the device ceases to tation inbox (e.g., as shown on FIG. 7C). display the portion of the calendar invitation on the touch FIG. 7C shows a device held in a portrait orientation, 35 screen display, and changes the view-invitation icon back to displaying an exemplary list (inbox) of calendar invitations the unlock icon. received by the device. In this list, there are two exemplary FIG. 7H shows a calendar invitation alert 7130 displayed calendar invitations, first a design review invitation 7062-1, over a current application while the device is unlocked. The and second a patent meeting invitation 7062-2. In the present calendar invitation alert is displayed in response to receipt by example, both invitations are marked as unread, as indicated 40 the device of a calendar invitation from a party to a user of the by the dot 7070 to the left side of each calendar invitation. In device. The calendar invitationalert displays at least a portion response to detecting a user gesture on the “Done' button of the calendar invitation on the touch screen display. The 7008 in the title bar, the device exits from the calendar invi alert includes icons to close (7132) the alert or to view (7134) tation inbox. In FIG. 7C, in response to detecting a user the calendar invitation. In response to detecting a finger ges selection gesture 7007 on the design review invitation 7062 45 ture 7014 on “View” icon 7134, the device displays the invi 1, the device displays details of the invitation, as shown in tation in a calendar application (e.g., FIG. 7D). In some FIG 7D. embodiments, in response to detecting a finger gesture 7014 FIG. 7D shows a device displaying information details of on “View' icon 7134, the device displays the invitation inbox an exemplary invitation, the design review invitation 7062-1. (FIG.7C). These details include the title of the meeting, location (Diplo 50 FIG.7I shows an exemplary calendar invitation icon 7150 macy room), date, time, sender of the invitation (Christie), in an email sent by a party (e.g., Greg) to the user of the attendees, and notes regarding the meeting. The calendar device. In some embodiments, the calendar invitation icon invitation also includes a "Show incalendaricon 7082 which shows the time of the meeting (1 pm Monday), and the title of if activated by the user (e.g., by finger gesture 7009) initiates the meeting (Design Review). In response to detecting a display of the invitation in the user's calendar (e.g., as shown 55 finger gesture 7015 on calendar invitation icon 7150, the in FIG.7E). The calendar invitation also includes icons for the device displays the corresponding invitation in a calendar user to accept (7091) the meeting, to indicate that the user application (e.g., FIG. 7D). In some embodiments, in may attend (7093), and to decline (7095) the meeting. In some response to detecting a finger gesture 7015 on calendar invi embodiments, the accept icon 7091 is green, the maybe icon tation icon 7150, the device displays the invitation inbox 7093 is orange, and the decline 7095 icon is red. 60 (FIG. 7C). In some embodiments, an area 7160 contains FIG. 7E shows an exemplary day view (e.g., for Oct. 29. information as to when the inbox was last updated and a 2007) with an exemplary calendar invitation shown as a ten refresh button 3560 to initiate refreshing the email inbox. tative calendar event 7092-1 (e.g., the design review meeting FIG. 7J shows a device 100 in a portrait orientation, dis in Diplomacy room from 1 pm to 3 pm). This exemplary playing a multiweek calendar view for a month time period calendar invitation corresponds to the design review invita 65 with a scrollable list 4938 of calendar events for a particular tion discussed in FIGS. 7C-7D. The day view of FIG. 7E is day (e.g., Oct. 29, 2007). The multiweek calendar view is flat vertically scrollable 7099 to permita user to see events earlier (appears as a flat page) and the Scrollable list shows events US 8,327,272 B2 27 28 from different types of calendars (e.g., a home calendar, a view, in response to detecting user selection of the view work calendar, and a personal calendar), as indicated by the options icon 7180, a flat view is re-displayed, for example, the three different calendar indicia symbols 7019 next to the flat view of FIG. 7J. events. In some embodiments, the multiweek view also FIG. 7N shows a device 100 displaying a single day cal includes a view options icon 7180. In some embodiments, in endar having a plurality of event types, including an invitation response to detecting a user gesture 7018 on the view options shown as a tentative calendar event 7092-2. In FIG.7N, there icon 7180, the device displays a curled up version of the is an invitation from 1 pm to 3 pm for a design review from the calendar interface (e.g., FIG.7M). In some embodiments, in work calendar. There is a doctor's appointment 7094-2 from response to detecting a usergesture 7028 on a Calendars icon 4pm to 6 pm from the home calendar. The single day calendar 7016, the device displays a calendar options menu, as shown 10 of FIG. 7N is scrollable in response to a gesture 7026. A set of in FIG. 7L. icons 4902, 4904 are provided to initiate display of “Today' FIG. 7K shows a device 100 in a portrait orientation dis events, and to initiate display of events in a list view, day view playing a list view of a multiday calendar having a plurality of or month view, in response to detecting a user gesture on the event types. In some embodiments, each event type is coded 15 corresponding icon. An icon 7040 is provided for accessing (e.g., color or pattern coded with calendar indicia symbols an invitation inbox and for displaying a number of unread 7019) for ease of recognition. In some embodiments, in calendar invitations. In FIG. 7N, in response to detecting a response to detecting a finger gesture (e.g., Swipe gesture user gesture 7025 on the “Month' view, the device initiates 4914), the device scrolls the list of events on the multiday display of the month view (e.g., FIG. 7O). calendar. In response to detecting a finger gesture on an event FIG. 7O shows a device 100 displaying a multiweek cal (e.g., gesture 7020 on the design review event), the device endar 4934 along with a list 4938 of events for a selected day initiates display of corresponding details for the event. In (e.g., Oct. 25, 2007). The list of events includes events from a Some embodiments, in response to detecting a user gesture plurality of calendars. FIG.7O displays two events on the day 7022 on the view options icon 7180, the device displays a of Oct. 25, 2007. These events are coded to indicate the curled up version of the calendar interface (e.g., FIG.7M). In 25 calendar from which the event came. One of the events is a Some embodiments, in response to detecting a usergesture on calendarinvitation from the work calendar, namely the design a Calendars icon 7016, the device displays a calendar options review at 1 pm. The other event is a calendar appointment menu, as shown in FIG. 7L. from the home calendar, namely the doctor's appointment at FIG.7L shows a device 100 displaying a calendar options 4 pm. The event list is scrollable in response to a user gesture. menu. In some embodiments, in response to detecting a selec 30 tion gesture on a calendar option, events from the selected The event list changes in response to a user contact on an calendar are displayed. In some embodiments, in response to individual day in the multiweek calendar, while continuing to detecting selection gestures on two or more of the calendar display the multiweek calendar. In some embodiments, the options, events from the selected calendars are displayed. In list of events on the contacted individual day includes an Some embodiments, in response to detecting a selection ges 35 invitation to an event (e.g. tentative calendar event 7092-2, ture (e.g., a finger tap gesture 7023) on the “All calendars FIG. 7O). option, events from all of the calendars are displayed. In some FIG. 7P shows a device held in a portrait orientation dis embodiments, each event is color coded or pattern coded with playing a calendar view for a first time period (e.g., a day). In calendar indicia symbols 7019 so that a user will recognize Some embodiments, the portrait orientation corresponds to a the calendar from which each event comes. 40 substantially vertical orientation of the long axis of the touch FIG.7M shows a device 100 displaying a curled up page of screen. The day view is scrollable in response to a usergesture a multiweek calendar view, with a view options menu also 7027, permitting a user to see a plurality of events in a day. In shown. In some embodiments, the curled up page is shown in response to detecting the device in a landscape orientation, response to detecting a user gesture on the view options icon the device changes to a landscape calendar view of a second 7180 (e.g., in FIG.7J or FIG.7K). In the curled up version of 45 time period (e.g., a week, FIG. 7Q). the calendar interface, an image 7350 of a bent, folded, or FIG. 7Q shows a device held in a landscape orientation otherwise curled page is displayed, which obscures a first part displaying a multiday calendar view for a time period longer of the flat version of the calendar application interface. A than the day view of the portrait orientation of FIG. 7P. In roll-up region 7353 is displayed over an area formerly occu Some embodiments, the landscape orientation corresponds to pied by a second portion of the flat version of the calendar 50 a substantially vertical orientation of the short axis of the application interface. The roll-up region 7353 includes cal touch screen. In some embodiments, the multiday view is a endar option icons (e.g., 7210, 7220-1, 7220-2, and 7220-3). week view. In some embodiments, the week view is scrollable In response to detecting user selection gestures on one or in response to a user gesture, permitting a user to easily view more of the calendar option icons a flat version of the calendar all of the hours in a week. In some embodiments, if the device application interface is displayed with events corresponding 55 in a portrait orientation shows a week view, then in response to the one or more calendar option icons upon which user to detecting rotation of the device to a landscape orientation, selection gestures were detected. For example, if a user the device displays a multiweek view, Such as a month view. selects “work, then calendar events from the work calendar In some embodiments, if the device in a portrait orientation will be displayed on the flat version of the calendar interface. shows a multiweek view, then in response to rotating the In some embodiments, if a user selects “work' and “home.” 60 device to a landscape orientation, the device displays a view then calendar events from the work and home calendars will of a plurality of months. be displayed on the flat version of the calendar interface. In FIG. 7R shows a device 100 held in a portrait orientation Some embodiments, a portion of the curled version is dis displaying a multiweek calendar view for a month time played in a manner distinct from how that portion is displayed period. In some embodiments, the portrait orientation corre in the flat version. In some embodiments, the curled page is 65 sponds to a Substantially vertical orientation of the long axis displayed as a translucent representation of a portion of the of the touch screen. In response to detecting the device in a flat version of the calendar interface. In the curled-up page landscape orientation, the device changes to a landscape cal US 8,327,272 B2 29 30 endar view of a second time period (e.g., FIG. 7S, a calendar In some embodiments, UI 7000D (FIG. 7D) includes the that displays multiple months that include the multiple weeks following elements, or a Subset or Superset thereof: in FIG. 7R). 402,404, 406, and 7062, as described above: FIG. 7S shows a device held in a landscape orientation a “show in calendar icon 7082 that when activated (e.g., displaying a multi-month calendar view for a time period 5 by finger gesture 7009) initiates display of the invitation longer than the multi-week view of the portrait orientation of in a calendar (e.g., as shown in FIG. 7E): FIG. 7R. In some embodiments, the landscape orientation a "return to calendar invitationinbox icon 7084 that when corresponds to a substantially vertical orientation of the short activated (e.g., by finger gesture) initiates display of the axis of the touch screen. In some embodiments, the multi calendar invitation inbox (e.g., FIG. 7C); month view is a three-month view. In some embodiments, the 10 a “previous invitation' icon 7086 that when activated (e.g., multi-month view is scrollable in response to a user gesture, by finger gesture) initiates display of the previous cal permitting a user to see months earlier and later than a cur endar invitation in the calendar invitation inbox; rently displayed view. In some embodiments, if the device in a “next invitation' icon 7088 that when activated (e.g., by a portrait orientation shows a multi-week view (e.g., FIG. 15 finger gesture) initiates display of the next calendar invi 7R), then in response to detecting rotation of the device to a tation in the calendar invitation inbox; landscape orientation, the device displays a multi-month an “accept invitation' icon 7091 that when activated (e.g., view, such as a three month view (e.g., FIG. 7S). In some by finger gesture) initiates acceptance of calendar invi embodiments, if the device in a portrait orientation shows a tation (e.g., 7062-1); multiweek view, then in response to rotating (7510,7520) the a “maybe' icon 7093 that when activated (e.g., by finger device to a landscape orientation, the device displays a view gesture) initiates tentative acceptance of calendar invi of a plurality of months. tation (e.g., 7062-1); and The user interfaces in FIGS. 7A-7S are used to illustrate the a “decline invitation' icon 7095 that when activated (e.g., processes described below with respect to FIGS. 8A-8F. by finger gesture) initiates rejection of calendar invita Additional details on these user interfaces are provided 25 tion (e.g., 7062-1). below. In some embodiments, UI 7000E (FIG. 7E) includes the In some embodiments, UI 7000A (FIG. 7A) includes the following elements, or a Subset or Superset thereof: following elements, or a Subset or Superset thereof: 402, 404, 406, 4902, 4904,4910, 4912, and 7040, as 402,404, 406, 4912,4930, 4932, 4934, 4938, 4902,4904, described above; 30 a calendar day view 7090; and and 4940, as described above; and a calendar invitation (e.g., 7062-1 from UI 7000C, FIG. an invitation inbox selector 7040, that when activated (e.g. 7C) shown as a tentative calendar event 7092-1, where a by a finger tap 7002) initiates display of an invitation dotted border, the word "Invitation, or other visual indi inbox interface (e.g., UI 7000C, FIG. 7C). cator shows the tentative nature of event 7092, and In some embodiments, the inbox selector 7040 displays the 35 a scheduled calendar event 7094-1, which may conflict number of unread calendar invitations in the inbox (e.g., “2 with a tentative calendar event (e.g., event 7094-1 over in FIG. 7A). laps with event 7092-1 between 2-3 pm). In some embodiments, UI 7000B (FIG. 7B) includes the In some embodiments, UI 7000F (FIG. 7F) includes the following elements, or a Subset or Superset thereof: following elements, or a Subset or Superset thereof: 402, 404, 406, 4902, 4904, 4908, 4912, and 7040, as 40 402,404, 406, 7008, 7060, 7062, and 7070, as described described above; and above. a scrollable (e.g., in response to a swipe gesture 7005) In this example, a user has accepted the first meeting 7062 calendar list view 7050 that displays a list of events 4910 1. As a result the first meeting 7062-1 is marked as accepted, and the time period (e.g., day 4908) with which the and the unread indicator 7070 for the first meeting is no longer events are associated. 45 present. The number of unread invitations indicated in the top In some embodiments, UI 7000C (FIG. 7C) includes the bar has been reduced from two to one. following elements, or a Subset or Superset thereof: In some embodiments, UI 7000G (FIG. 7G) includes the 402,404, and 406, as described above; following elements, or a Subset or Superset thereof: a calendar invitation inbox. 7060 that displays a list of 302,304,307, 308,310,312, and 314, as described above: calendar invitations 7062 and, in some embodiments, 50 an alert 7120 indicating a new calendar invitation has been details (e.g., day, time, location) for the calendar invita received, which may be displayed over a wallpaper tions; image 314 while the device 100 is in a locked mode; and Calendar invitation(s) 7062 or portion(s) thereof, view-invitation icon 309 that when activated (e.g., by a Done icon 7008 that when activated (e.g., by a finger ges finger gesture on image 302) initiates display of an inter ture) initiates exiting the calendar invitation inbox; and 55 face (e.g., UI 7000D, FIG. 7D) giving details of the Unread calendar invitation indicia 7070 that indicate that calendar invitation. the corresponding calendar invitation has not been read. In some embodiments, detecting a view-invitation gesture In some embodiments, calendar invitation inbox. 7060 causes the device to display the invitation inbox (FIG. 7C) includes a title bar that displays the number of unread invita instead of the invitation (FIG. 7D). tions (e.g., Invites.(2)). In some embodiments, in response to 60 In some embodiments, UI 7000H (FIG. 7H) includes the detecting a gesture on the list of calendar invitations (e.g., following elements, or a Subset or Superset thereof: finger swipe gesture 7006 on invitation 7062-1), the device 308, 310, and 312, as described above; scrolls the list. In some embodiments, in response to detecting an alert 7130 indicating a new calendar invitation has been a gesture on a calendarinvitation (e.g., finger tap gesture 7007 received, displayed over a current application while the on invitation 7062-1), the device initiates display of an inter 65 device 100 is in an unlocked mode; and face (e.g., UI 7000D, FIG. 7D) that provides details of the a close icon 7132 that when activated (e.g., by a finger selected calendar invitation. gesture) ceases display of the alert 7130; and US 8,327,272 B2 31 32 a view icon 7134 that when activated (e.g., by a finger a roll-up region 7353 in a display region formerly occupied gesture 7014) initiates display of an interface (e.g., UI by a another portion of the flat version of the calendar 7000D, FIG. 7D) giving details of the calendar invita application interface, wherein the roll-up region tion. includes a plurality of calendar option icons (e.g., 7210, In some embodiments, detecting a gesture 7014 on view 5 7220-1, 7220-2, and 7220-3). icon 7134 causes the device to display the invitation inbox In some embodiments, UI 7000N (FIG. 7N) includes the (FIG.7C) instead of the invitation (FIG. 7D). following elements, or a Subset or Superset thereof: In some embodiments, UI 7000I (FIG. 7I) includes the 402,404, 406, 4902,4904, 4912, 7040, 7090, 7092, 7094 following elements, or a Subset or Superset thereof: as described above. 10 In some embodiments, UI 7000O (FIG. 7O) includes the 402,404, 406, 7084, 7086, and 7088, as described above: following elements, or a Subset or Superset thereof: an email 7140; 402,404, 406, 4902,4904, 4912 4930, 4932, 4934, 4938, a calendar invitation icon 7150 that when activated (e.g., by 4940, 7040, 7092, and 7094, as described above. a finger gesture 7015) initiates display of a invitation in In some embodiments, UI 7000P (FIG. 7P) includes the a calendar application (e.g., FIG. 7D); and 15 following elements, or a Subset or Superset thereof: a refresh icon 3560 that when activated (e.g., by a finger 402,404, 406, 4902,4904, 4906, 4912, 4930, 4932, and gesture) initiates a refresh of the inbox. 7090, as described above. In some embodiments, UI 7000J (FIG. 7J) includes the In some embodiments, UI 7000O (FIG. 7Q) includes the following elements, or a Subset or Superset thereof: following elements, or a Subset or Superset thereof: 402,404, 406, 4902,4904, 4906, 4912,4930, 4932, 4934, 402, 404, 406, 4902, 4904, 4906, and 4912 as described and 7040, as described above; above; and a view options icon 7180 that when activated (e.g., by a a calendar in landscape orientation displaying a scrollable finger gesture 7018) initiates display of a calendar multiday view 7600, for a time period longer than and options menu with a curled up version of the calendar including the day view of the portraitorientation of FIG. interface (e.g., FIG.7M) or other calendar options menu 25 7P. (e.g., FIG. 7L); In some embodiments, in response to detecting rotation of the device (e.g., 7530 and 7540) from a landscape orientation a calendar options icon 7016 that when activated (e.g., by a to a portrait orientation, the device displays a single-day finger gesture 7028) initiates display of a calendar calendar in a portrait orientation, such as that of UI 7000P. options menu with a curled up version of the calendar 30 FIG 7P interface (e.g., FIG.7M) or other calendar options menu In some embodiments, UI 7000R (FIG. 7R) includes the (e.g., FIG.7L); and following elements, or a subset or superset thereof: calendarindicia symbols 7019 that indicate which calendar 402,404, 406, 4902,4904, 4906, 4912,4930, 4932, 4934, an event comes from (e.g., an event from a work calendar 4938, and 4940, as described above. includes symbol 7019-1, an event from a home calendar 35 In some embodiments, in response to detecting rotation of includes symbol 7019-2, and an event from a personal the device (e.g., 7510 and 7520) from a portrait orientation to calendar includes symbol 7019-3). a landscape orientation, the device displays a multi-month In some embodiments, UI 7000J (FIG. 7J) includes view calendar in a landscape orientation, such as that of UI 7000S. options icon 7180 (activated by a finger gesture 7018) or FIG. 7S. calendar options icon 7016, but not both. 40 In some embodiments, UI 7000S (FIG. 7S) includes the In some embodiments, UI 7000K (FIG. 7K) includes the following elements, or a Subset or Superset thereof: following elements, or a Subset or Superset thereof: 402,404, 406, 4902,4904, 4906, 4912,4930, and 4932, as 402,404, 406, 4902,4904, 4908, 4910, 4912, 7040, 7050, described above; and 7016, 7180, as described above. a calendar in landscape orientation displaying a scrollable 45 multi-month view 7.650, for a time period longer than In some embodiments, UI 7000L (FIG. 7L) includes the and including the multi-week view of the portrait orien following elements, or a Subset or Superset thereof: tation of FIG. 7R. 402,404, and 406, as described above; In some embodiments, in response to detecting rotation of a calendar option menu 7205: the device (e.g., 7530 and 7540) from a landscape orientation an all calendar option icon 7210 that when activated (e.g., 50 to a portrait orientation, and in response to the rotation, the by a finger gesture 7023) initiates display of a calendar device displays a multiweek calendar for a duration less than (e.g., FIG. 7J or FIG. 7K) that shows events from all of the multi-month calendarina portraitorientation, such as that the individual calendars; and of UI 7000R, FIG.7R. individual calendar option icons 7220 that when activated The user interfaces in FIGS. 7A-7S are used to illustrate the (e.g., by a finger gesture) initiates display of a calendar 55 processes described below with respect to Figure(s) 8A-8F. that shows events from the corresponding individual FIG. 8A is flow diagram illustrating a method 800 of oper calendar; ating a calendarapplication inaccordance with some embodi In some embodiments, UI 7000M (FIG.7M) includes the ments. The method 800 is performed on a portable electronic following elements, or a Subset or Superset thereof: device with a touch screen display (e.g., portable multifunc 60 tion device 100). The method 800 provides a simple and 402,404, 406,4906,4930, 4932, 3560, 7016, and 7180, as intuitive way for a user to switch between a first calendar time described above; period and a second longer time period. This is a convenient a portion 7351 of a flat version of a calendar application way to change the time period viewed without having to interface; access menus or engage in other combinations of actions. an image 7350 of a bent, folded, or otherwise curled page 65 The portable electronic device executes (801) a calendar that obscures a portion of the flat version of the calendar application. When the device is held in a portrait orientation, application interface; and the device displays (802) a calendar in a first view, showing US 8,327,272 B2 33 34 events for a first time period in the first view (e.g., UI 7000P. FIG. 8C is flow diagram illustrating a method 850 of oper FIG. 7P). The device detects (804) a change in orientation of ating a calendarapplication inaccordance with some embodi the device to a landscape orientation, and in response, dis ments. The method 850 is performed at a portable multifunc plays the calendar in a second view, showing events for a tion device with a touch screen display (e.g., portable second time period that is longer than and includes the first multifunction device 100). The method 850 provides a simple time period (e.g., UI 7000O, FIG. 7Q). and intuitive way for a user to view events for individual days In some embodiments, when the device is held in a portrait in a multiweek calendar while simultaneously viewing the orientation, the device displays (806) a calendarina day view, multiweek calendar. showing events for a single day in the day view (e.g., UI The device displays (852) a multiweek calendar on the 7000P, FIG. 7P). The device detects (808) a change in orien 10 touch screen display (e.g., UI 7000J, FIG. 7J). In some tation of the device to a landscape orientation, and in embodiments, the multiweek calendar is a monthly calendar response, displays the calendar in a multiday view, showing (854). events for a multiplicity of days, the multiplicity of days The device detects (856) a contact (e.g., 7017) on an indi including the single day (e.g., UI 7000O, FIG. 7Q). vidual day in the multiweek calendar. In some embodiments, In some embodiments, when the device is held in a portrait 15 the contact is a finger contact (858). In some embodiments, orientation, the device displays (810) a calendar in a week the contact is a stylus contact (860). view, showing events for a single week in the week view. The In response to detecting the contact on the individual day, device detects (812) a change in orientation of the device to a the device displays (862) at least a portion of a list of events landscape orientation, and in response, displays the calendar (e.g., 4938) on the contacted individual day while continuing in a multiweek view, showing events for a multiplicity of to display the multiweek calendar (e.g., 4934). The list of weeks, the multiplicity of weeks including the single week. In events on the contacted individual day includes an invitation some embodiments, the multiweek view is a month view to an event (e.g., tentative calendar event 7092-2, “Design (814). Review (Invitation).” FIG. 7J). FIG. 8B is flow diagram illustrating a method 820 of oper In some embodiments, the list of events is scrollable (864). ating a calendar application in accordance with some embodi 25 In some embodiments, the list of events is configured to scroll ments. The method 820 is performed at a portable multifunc in response to a finger gesture on the list of events (866). In tion device with a touch screen display (e.g., portable Some embodiments the finger gesture is a Swipe gesture multifunction device 100). The touch screen includes a long (868). axis, a short axis, a landscape view and a portrait view. The In some embodiments, the device detects (870) a gesture method 820 provides a simple and intuitive way for a user to 30 4938 on the list of events. In response to detecting the gesture Switch between a first time period and a second longer time on the list (e.g., 7029), the device scrolls (874) the list of period. This is a convenient way to change the time period events while continuing to display the multiweek calendar. In viewed without having to access menus or engage in other Some embodiments, the gesture is a Swipe gesture with a combinations of actions. finger (872). The portable multifunction device executes (822) a calen 35 FIG. 8D is flow diagram illustrating a method 880 of dis dar application. The device detects (824) the portable multi playing and selecting calendar options in accordance with function device in a first orientation that comprises a vertical some embodiments. The method 880 is performed at a com or Substantially vertical orientation of the long axis. In puting device with a touch screen display (e.g., portable mul response to detecting the portable multifunction device in the tifunction device 100). The method 880 provides a simple and first orientation that comprises the vertical or substantially 40 intuitive way for a user to select calendar options. vertical orientation of the long axis, the device displays (826) A computing device with a touch screen display displays a calendar for a first time period in the portrait view (e.g., UI (882) a flat version (e.g., UI 7000J, FIG. 7J) of a calendar 7000P, FIG. 7P). The device detects (828) the portable mul application interface on the touch screen display. In response tifunction device in a second orientation that comprises a to detecting a user gesture (e.g., 7018, FIG. 7J) on a view vertical or substantially vertical orientation of the short axis. 45 options icon (e.g., 7180) while the flat version of the calendar In response to detecting the portable multifunction device in application interface is displayed, the device displays (884) a the second orientation that comprises the vertical or Substan curled version (e.g., UI 7000M, FIG. 7M) of the calendar tially vertical orientation of the short axis, the device displays application interface. The curled version of the calendar (830) a calendar for a second time period in the landscape application interface includes an image of a bent, folded, or view. The second time period is longer than and includes the 50 otherwise curled page (e.g., 7350) that obscures a first portion first time period (e.g., UI 7000O, FIG. 7Q). of the flat version of the calendar application interface, and a In some embodiments, the calendar for the first time period roll-up region (e.g., 7353) in a display region formerly occu shows events for the first time period and the calendar for the pied by a second portion of the flat version of the calendar second time period shows events for the second time period application interface. The roll-up region includes a plurality (832). In some embodiments, the first time period is a day 55 of calendar option icons (e.g., 7210, 7220), each respective (e.g., UI 7000P, FIG. 7P) and the second time period is a calendar option icon in the plurality of calendar option icons plurality of days (e.g., 3-7 days, with 7 days shown in UI responsive to a user selection gesture on the respective cal 7000O, FIG. 7Q) (834). In some embodiments, the first time endar option icon. The device detects (886) a user selection period is a day (e.g., UI 7000P, FIG. 7P) and the second time gesture on one or more of the plurality of calendar option period is a week (e.g., UI 7000O, FIG. 7Q) (836). In some 60 icons. The device redisplays (888) the flat version of the embodiments, the first time period is a week and the second calendar application interface with information correspond time period is a plurality of weeks (e.g., 3-5 weeks) (838). In ing to the one or more calendar option icons upon which user some embodiments, the first time period is a week and the selection gestures were detected. second time period is a month (840). In some embodiments, In some embodiments, the device detects (890) user selec the first time period is a month (e.g., UI 7000R, FIG. 7R) and 65 tion gestures on at least two of the plurality of calendar option the second time period is a plurality of months (e.g., 3 months, icons. The device redisplays (892) the flat version of the as shown in UI 7000S, FIG. 7S) (842). calendar application interface with information correspond US 8,327,272 B2 35 36 ing to the at least two of the plurality of option icons upon information. In some embodiments, the at least one server which user selection gestures were detected. 930 is provided by a service provider. In some embodiments, In some embodiments, the curled version of the calendar the at least one server is provided by a corporate network. application interface includes (894) a third portion (e.g., The foregoing description, for purpose of explanation, has 7351, FIG.7M) of the flat version of the calendar application 5 been described with reference to specific embodiments. How interface. In some embodiments, the third portion is dis ever, the illustrative discussions above are not intended to be played (896) in the curled version of the calendar application exhaustive or to limit the invention to the precise forms dis interface in a manner that is visually distinct from display of closed. Many modifications and variations are possible in the third portion in the flat version of the calendar application view of the above teachings. The embodiments were chosen interface. 10 and described in order to best explain the principles of the In some embodiments, the flat version of the calendar invention and its practical applications, to thereby enable application interface is redisplayed (8102) in response to others skilled in the art to best utilize the invention and vari detecting a second user gesture on the view options icon. ous embodiments with various modifications as are Suited to In some embodiments, the device displays (8104) a roll up the particular use contemplated. animation that transitions from displaying the flat version of 15 the calendar application interface to displaying the curled What is claimed is: version of the calendar application interface. In some 1. A computer-implemented method, comprising: embodiments, the device displays (8106) a roll down anima on a portable electronic device having a touch screen dis tion that transitions from displaying the curled version of the play, executing a calendar application, including: calendar application interface to redisplaying the flat version 20 when the device is held in a portrait orientation, display of the calendar application interface with information corre ing a calendarina first view, showing events for a first sponding to the one or more calendar option icons upon which time period in the first view: user selection gestures were detected. detecting a change in orientation of the device to a land In some embodiments, the curled page includes (8108) an scape orientation, and in response, displaying the cal inverted, translucent representation of a portion of the flat 25 endar in a second view, showing events for a second version of the calendar application interface. In some time period that is longer than the first time period, embodiments, the curled page includes (8110) a translucent and the second time period includes the first time representation of a portion of the flat version of the calendar period. application interface. 2. The computer-implemented method of claim 1, includ In some embodiments, the user selection gestures are fin- 30 ing: ger gestures on the touch screen display (8112). when the device is held in a portrait orientation, displaying FIG. 8F is flow diagram illustrating a method 8120 of a calendar in a day view, showing events for a single day receiving displaying calendar invitations in accordance with in the day view: some embodiments. The method 8120 is performed on a detecting a change in orientation of the device to a land portable multifunction device with a touch screen display 35 Scape orientation, and in response, displaying the calen (e.g., portable multifunction device 100). The method 8120 dar in a multiday view, showing events for a multiplicity provides a simple and intuitive way for a user to view a of days, the multiplicity of days including the single day. calendar invitation if the device receiving the invitation is 3. The computer-implemented method of claim 1, includ locked. ing: The device receives (8122) a calendar invitation, from a 40 when the device is held in a portrait orientation, displaying party to a user of the device, while the device is locked (e.g., a calendar in a week view, showing events for a single UI 7000G, FIG. 7G). The device displays (8124) at least a week in the week view; portion of the calendar invitation (e.g., 7120) on the touch detecting a change in orientation of the device to a land screen display while the device remains locked. In response to Scape orientation, and in response, displaying the calen detecting a user request to view the calendar invitation, the 45 dar in a multiweek view, showing events for a multiplic device immediately displays (8126) the calendar invitation in ity of weeks, the multiplicity of weeks including the a calendar application. single week. In some embodiments, while the device is locked, the 4. The computer-implemented method of claim3, wherein device changes (8128) an unlock icon (e.g., 306, FIG. 7C) to the multiweek view is a month view. a view-invitation icon (e.g., 309, FIG. 7G) when displaying 50 5. A portable electronic device, comprising: the portion 7120 of the calendar invitation. a touch screen display; In some embodiments, if no user selection of the view one or more processors; invitation icon is detected within a predetermined period of memory; and time (e.g., 5 or 10 seconds), the device ceases (8130) to one or more programs, wherein the one or more programs display the portion of the calendar invitation on the touch 55 are stored in the memory and configured to be executed screen display, and changes (8132) the view-invitation icon by the one or more processors, the one or more programs back to the unlock icon. including: FIG. 9 is a schematic diagram of a communications system instructions for, when the device is held in a portrait 900 that provides infrastructure support for a portable multi orientation, displaying a calendar in a first view, function device 100 in accordance with some embodiments. 60 showing events for a first time period in the first view: FIG. 9 shows a portable multifunction device 100 communi and cating (for example, synchronizing, sending data, receiving instructions for detecting a change in orientation of the data, and sending or receiving voice or video calls) over a device to a landscape orientation, and in response, wireless network 910 (for example, WiFi or a cellphone net displaying the calendar in a second view, showing work) to a wired network 920 (for example, the Internet). The 65 events for a second time period that is longer than the device 100 accesses at least one server 930 to send and receive first time period, and the second time period includes email, calendar Schedule updates, and other voice or data the first time period. US 8,327,272 B2 37 38 6. A non-transitory computer readable storage medium 14. The computer-implemented method of claim 8. having stored therein instructions, which when executed by a wherein the first time period is a month and the second time portable electronic device with a touch screen display, cause period is a plurality of months. the device to: 15. A portable multifunction device, comprising: when the device is held in a portrait orientation, display a a touch screen display; calendar in a first view, showing events for a first time one or more processors; period in the first view; and memory; and detect a change in orientation of the device to a landscape one or more programs, wherein the one or more programs orientation, and in response, display the calendar in a are stored in the memory and configured to be executed second view, showing events for a second time period 10 by the one or more processors, the one or more programs that is longer than the first time period, and the second including: time period includes the first time period. instructions for executing a calendar application; 7. A graphical user interface on a portable electronic device instructions for detecting the portable multifunction with a touch screen display, comprising: device in a first orientation that comprises a Substan a calendar with a first view that shows events for a first time 15 tially vertical orientation of the long axis; period and a second view that shows events for a second instructions for, in response to detecting the portable time period; multifunction device in the first orientation that com wherein: prises the substantially vertical orientation of the long when the device is held in a portrait orientation, the axis, displaying a calendar for a first time period in the calendar is displayed in the first view that shows portrait view: events for the first time period; instructions for detecting the portable multifunction in response to detecting a change in orientation of the device in a second orientation that comprises a Sub device to a landscape orientation, the calendar is dis stantially vertical orientation of the short axis; and played in a second view that shows events for the instructions for, in response to detecting the portable second time period; 25 multifunction device in the second orientation that the second time period is longer than the first time comprises the substantially vertical orientation of the period; and short axis, displaying a calendar for a second time the second time period includes the first time period. period in the landscape view, wherein the second time 8. A computer-implemented method, comprising: period is longer than the first time period, and the on a portable multifunction device with a touch screen 30 second time period includes the first time period. display, wherein the touchscreen display includes along 16. A non-transitory computer readable storage medium axis, a short axis, a portrait view and a landscape view: having stored therein instructions, which when executed by a executing a calendar application; portable multifunction device with a touch screen display, detecting the portable multifunction device in a first cause the device to: orientation that comprises a Substantially vertical ori 35 execute a calendar application; entation of the long axis; detect the portable multifunction device in a first orienta in response to detecting the portable multifunction tion that comprises a Substantially vertical orientation of device in the first orientation that comprises the sub the long axis; stantially vertical orientation of the long axis, display in response to detecting the portable multifunction device ing a calendar for a first time period in the portrait 40 in the first orientation that comprises the substantially view; Vertical orientation of the long axis, display a calendar detecting the portable multifunction device in a second for a first time period in the portrait view: orientation that comprises a Substantially vertical ori detect the portable multifunction device in a second orien entation of the short axis; and tation that comprises a Substantially vertical orientation in response to detecting the portable multifunction 45 of the short axis; and device in the second orientation that comprises the in response to detecting the portable multifunction device substantially vertical orientation of the short axis, dis in the second orientation that comprises the Substantially playing a calendar for a second time period in the Vertical orientation of the short axis, display a calendar landscape view, wherein the second time period is for a second time period in the landscape view, wherein longer than the first time period, and the second time 50 the second time period is longer than the first time period includes the first time period. period, and the second time period includes the first time 9. The computer-implemented method of claim 8, wherein period. the calendar for the first time period shows events for the first 17. A graphical user interface on a portable multifunction time period and the calendar for the second time period shows device with a touch screen display, comprising: events for the second time period. 55 a calendar application; 10. The computer-implemented method of claim 8, a calendar for a first time period; and wherein the first time period is a day and the second time a calendar for a second time period; period is a plurality of days. wherein: 11. The computer-implemented method of claim 8, the touch screen display includes a long axis, a short wherein the first time period is a day and the second time 60 axis, a portrait view and a landscape view: period is a week. in response to detecting the portable multifunction 12. The computer-implemented method of claim 8, device in a first orientation that comprises a Substan wherein the first time period is a week and the second time tially vertical orientation of the long axis, displaying period is a plurality of weeks. the calendar for the first time period in the portrait 13. The computer-implemented method of claim 8, 65 view; wherein the first time period is a week and the second time in response to detecting the portable multifunction period is a month. device in a second orientation that comprises a Sub US 8,327,272 B2 39 40 stantially vertical orientation of the short axis, dis detect a change in orientation of the device to a landscape playing the calendar for a second time period in the orientation, and in response, display the calendar in a landscape view: multiweek view, showing events for a multiplicity of weeks, the multiplicity of weeks including the single the second time period is longer than the first time week. period; and 23. The computer readable storage medium of claim 22, the second time period includes the first time period. wherein the multiweek view is a month view. 18. The device of claim 5, including: 24. The device of claim 15, wherein the calendar for the instructions for, when the device is held in a portrait orien first time period shows events for the first time period and the tation, displaying a calendar in a day view, showing calendar for the second time period shows events for the events for a single day in the day view; 10 second time period. instructions for detecting a change in orientation of the 25. The device of claim 15, wherein the first time period is device to a landscape orientation, and in response, dis a day and the second time period is a plurality of days. playing the calendar in a multiday view, showing events 26. The device of claim 15, wherein the first time period is for a multiplicity of days, the multiplicity of days includ a day and the second time period is a week. ing the single day. 15 27. The device of claim 15, wherein the first time period is 19. The device of claim 5, including: a week and the second time period is a plurality of weeks. when the device is held in a portrait orientation, displaying 28. The device of claim 15, wherein the first time period is a calendar in a week view, showing events for a single a week and the second time period is a month. 29. The device of claim 15, wherein the first time period is week in the week view; a month and the second time period is a plurality of months. detecting a change in orientation of the device to a land 30. The computer readable storage medium of claim 16, Scape orientation, and in response, displaying the calen wherein the calendar for the first time period shows events for dar in a multiweek view, showing events for a multiplic the first time period and the calendar for the second time ity of weeks, the multiplicity of weeks including the period shows events for the second time period. single week. 25 31. The computer readable storage medium of claim 16, 20. The device of claim 19, wherein the multiweek view is wherein the first time period is a day and the second time a month view. period is a plurality of days. 21. The computer readable storage medium of claim 6, 32. The computer readable storage medium of claim 16, including instructions that cause the device to: wherein the first time period is a day and the second time when the device is held in a portrait orientation, display a 30 period is a week. calendarina day view, showing events for a single day in 33. The computer readable storage medium of claim 16, the day view: wherein the first time period is a week and the second time detect a change in orientation of the device to a landscape period is a plurality of weeks. orientation, and in response, display the calendar in a 34. The computer readable storage medium of claim 16, multiday view, showing events for a multiplicity of days, 35 wherein the first time period is a week and the second time the multiplicity of days including the single day. period is a month. 22. The computer readable storage medium of claim 6. 35. The computer readable storage medium of claim 16, including instructions that cause the device to: wherein the first time period is a month and the second time when the device is held in a portrait orientation, display a period is a plurality of months. calendar in a week view, showing events for a single 40 week in the week view; k k k k k