방법 및 테크닉, Methods & Techniques 01. 인증 후 사용, Login First 02. 등록 후 사용, Must Sign-Up 03. 업데이트 후 사용, Update First 04. 확인 후 사용, Confirmation First 05. 사용자에 의한 시작, Click Here to Begin 06. 신중한 확인을 위한 제약, Constraints for Careful User Confirmation 07. 반응에 의한 활성화, Responsive Enabling 08. 일련의 회원가입 프로세스, Sign-Up in Single Context 09. 분기시키기, Branching-Off 10. 순서화된 컨트롤, Ordered Controls 11. 마법사, Wizard 12. 스텝핑, Stepping 13. 백스텝핑, Backstepping 14. 북마크, Bookmark 15. 페이지 찾아가기, Go to Page 16. 무작위 선택, Random Selection 17. 일직선 만들기, Same Line to Match 18. 자세히 보기, More Details 19. 상세 정보를 볼 수 있는 개요, Overview by Detail 20. 다음 내용 보여주기, What’s Next Contents 21. 결과 비교하기, Comparing Results 22. 카테고리 추가하기, Add Category 23. 2단계 확인, Two Step Confirmation 24. 빠른 저장, Instant Save 25. 인스턴트 체크, Instant Check 26. 풀다운에 의한 리프레시, Pull Down to Refresh 27. 다이내믹 로딩, Dynamic Loading 28. 프리로더, Preloader 29. 태핑에 의한 아이템 바꾸기, Tapping to Change Items 30. 설정 초기화, Restore Default Settings 31. 반복되는 화면, Repeated Screen If Not Confirmed 32. 위지윅 설정, WYSIWYG Settings 33. 상품 구성기, Product Configurator 34. 계산기, Calculator 35. 투표하기, Poll 36. 개요 정보, Overview 37. 도움말, Help 38. 제스처 설명, Instructions for Gesture 39. 사용법 범례, Instruction Legend 40. 내보내기/가져오기, Export & Import 41. 체험하기, Demo 42. 셰이크 컨트롤, Shake Control 43. 지그재그 모션, Zigzagging
레이아웃과 스크린, Layout & Screen 44. 아이콘 방식의 초기 화면, Home Screen with Icon Sets 45. 가로 화면 전용, Landscape-Only 46. 세로 구성, Vertical Layout 47. L자형 레이아웃, L-Shape Layout 48. 타일 모양의 레이아웃, Tiled Layout 49. 2단 레이아웃, Two-Column Layout 50. 2면 레이아웃, Diptych Layout 51. 멀티 바 레이아웃, Multiple Bar Layout 52. 경로 중심의 설계, Course-Focused Design 53. 페이지 인덱스, Page Index 54. 요약 페이지, Summary Page 55. 메타데이터 페이지, Metadata Page 56. 상세 페이지, Detail Page 57. 개인화 페이지, Personalized Page 58. 더 보기 화면, More Screen 59. 탭 바 설정 화면, Configure Screen 60. 편집 모드, Edit Mode 61. 긴 제목, Long Title 62. 강화된 읽기 화면, Enhanced Reading View 63. 푸터 없는 화면, Screen without Footer 64. 투명한 페이지, Transparent Page 65. 팝업 뷰, Pop-up View 66. 팝오버 뷰, Pop-over View 67. 문서 캔버스, Document Canvas 68. 정보 패널, Information Panel 69. 컨트롤 패널, Control Panel 70. 레이어 컨트롤, Layered Controls 71. 반투명 정보 패널, Translucent Information Panel 72. 모달 패널, Modal Panel 73. 고정 헤더, Fixed Header 74. 이미지 스트립, Image Strip 75. 뉴스 티커, News Ticker 76. 아코디언 패널, Vertical Accordion Panels 77. 보기 옵션, View Options 78. 서가로 보기, Bookshelf View 79. 탭 뷰, Tabbed View 80. 듀얼 뷰, Dual View Mode 81. 이미지 뷰어, Image Viewer 82. 미리보기, Preview 83. 페이지 매기기, Pagination 84. 자동 페이지 매기기, Auto-Pagination 85. 이어지는 스크롤, Continuous Scrolling 86. 화면 토글링, Full-Screen Toggling 87. 스크린 시프트, Screen Shift 88. 로테이션에 의한 보기 모드, Change View Mode through Rotation of the Device 89. 랜덤 슬라이드쇼, Random Slideshow 90. 자동 슬라이딩 초기 화면, Auto Sliding Home Screen
메뉴, Menus 91. 메인 메뉴, Main Menus 92. 테이블 형식의 메인 메뉴, Main Menu with Table 93. 팝업 메인 메뉴, Pop-Up Main Menus 94. 슬라이딩 메뉴, Sliding Menus 95. 더블 슬라이딩 메뉴, Double-Sliding Menus 96. 2단 탭 메뉴(Double-Layered Tab Menus 97. 회전 메뉴, Carrousel 98. 원형 메뉴, Circular Menus 99. 스핀 메뉴, Spin Menus 100. 옵션 메뉴, Option Menus 101. 컨텍스트 메뉴, Context Menus 102. 스스로 움직이는 메뉴, Self-Moving Menus 103. 플로팅 메뉴, Floating Menus 104. 플라이 아웃 메뉴, Fly-Out Menus 105. 풀업 메뉴, Pull-Up Menu 106. 반복 메뉴, Repeated Menu 107. 트리 테이블, Tree Table 108. TV 스케줄 메뉴, TV Schedule Menus
컨트롤 바, Control Bar 109. 내비게이션 바, Navigation Bars 110. 커스텀 내비게이션 바, Custom Navigation Bar 111. 정보성 내비게이션 바, Informative Navigation Bars 112. 실행 바, Action Bar 113. 아이덴티티 바, Identity Bar 114. 이중 상태 바, Double-High Status Bar 115. 제목 바, Title Bar 116. 소제목 바, Sub-Title Bar 117. 탭 바, Tab Bars 118. 커스텀 탭 바, Custom Tab Bar 119. 슬라이딩 탭 바, Sliding Tab Bars 120. 툴 바, Toolbar 121. 커스텀 툴 바, Custom Toolbar 122. 정보성 툴 바, Informative Toolbars 123. 알림 바, Notification Bar 124. 정보 바, Information Bar 125. 다운로드 바, Download Progress Bar 126. 재생 컨트롤 바, Playback Control Bar 127. 미니 재생 컨트롤 바, Mini Playback Control Bar 128. 자동 접힘 내비게이션 바, Auto-Collapsible Navigation Bar 129. 슬라이드업 바, Slide-Up Bar 130. 키보드 툴 바, Keyboard Toolbars 131. 스크롤 바, Scroll Bar
버튼, Buttons 132. 내비게이션 버튼, Navigational Button 133. 둥근 사각형 버튼, Rounded Rectangle Button 134. 자세히 보기 버튼, Detail Disclosure Button 135. 실행 버튼, Action Button 136. 완료 버튼, Done Button 137. 정보 버튼, Info Button 138. 설정 버튼, Setting Button 139. 마이크로폰 버튼, Microphone Button 140. 소거 버튼, Destructive Button 141. 삭제 제어 버튼, Delete Control Button 142. 삭제 버튼, Delete Button 143. 가로 행 추가 버튼, Row Insert 144. 전체 삭제 버튼, Button for Delete All 145. 라디오 버튼, Radio Button 146. 체크 버튼, Check Button 147. 더 보기 탭, More Tab 148. 분절화된 컨트롤, Segmented Control 149. 액션 시트, Action Sheet 150. 푸시 버튼 스위치, Push-Button Switch 151. 토글 스위치, Toggle Switch 152. 사이드 탭 컨트롤, Side Tab Contorls 153. 인라인 옵션 컨트롤, Inline Option Controls 154. 블라인드 버튼, Window Shade Button 155. 슬라이드 버튼, Slide Button 156. 유인 버튼, Affordable Button 157. 구독 버튼, Subscribe Button 158. 확대 버튼, Zoom-In Button 159. 동기화 버튼, Sync Button 160. 이미지 맵 버튼, Image Map Button 161. 캡션 버튼, Caption Button 162. 설명 버튼, Description Button 163. 전후 이동 버튼, Back and Forth Button 164. 페이지 내 이동 버튼, Buttons for Browsing in a Page 165. 모바일 웹 버튼, Go Button for Transition to the Web 166. 더 보기 버튼, More Button 167. 쇼하이드 버튼, Show-Hide Button 168. 모서리 버튼, Dog-Ear Button 169. 업데이트 배너 버튼, Banner Button for Update 170. 미동작 버튼, Non-Actionable Button 171. 자동회전 잠금 버튼, Auto-Rotation Lock Button 172. 큰 버튼, Big Button 173. 버튼 스택, Stack of Buttons 174. 버튼 배지, Button Badge 175. 긴 레이블, Controls with Long Labels 176. 인라인 링크, Inline Links
얼럿, Alerts 177. 버튼 없는 얼럿, Alert without Any Button 178. 텍스트 박스 얼럿, Alert with Text Box 179. 원 버튼 얼럿, One Button Alert 180. 투 버튼 얼럿, Two Buttons Alert 181. 상태 표시기 얼럿, Alert with Progress Indicator 182. 프롬프트 얼럿, Alert with Prompt 183. 체크 박스 얼럿, Alert with Checkbox 184. 토스트 메시지, Toast Message
픽커, Pickers 185. 스피너, Spinner 186. 싱글 픽커, Single Picker 187. 멀티 픽커, Multiple Picker 188. 연결된 픽커, Linked Picker 189. 시간 픽커, Time Picker 190. 날짜 픽커, Date Picker 191. 캘린더, Calendar 192. 텍스트 픽커, Text Picker 193. 커스텀 픽커, Custom Picker 194. 컬러 픽커, Color Picker
테이블과 리스트, Table & Lists 195. 단순한 리스트, Simple List 196. 그룹화된 리스트, Grouped List 197. 목록화된 리스트, Indexed Lists 198. 모듈화된 리스트, Modular Lists 199. 상세한 리스트, Detailed Lists 200. 복잡한 리스트, List with Complicated Structure 201. 인덱스 리본, Index Ribbon 202. 피시아이 인덱스 리본, Fisheye Index Ribbon 203. 카드 인덱스, Card Index 204. 커버 플로우, Cover Flow 205. 더 보기 표시, Disclosure Indicator 206. 더 보기 리스트, List for More Results 207. 다중 선택 리스트, Multi-Selection Lists 208. 이동 가능한 리스트, Movable Lists 209. 방문한 리스트, Visited List 210. 추천 리스트, Featured List 211. 풀다운 옵션 리스트, Pull-down Option Lists 212. 강조된 리스트, Marked Lists 213. 열고 닫히는 인덱스 바, Openable & Closable Index Bar 214. 위시 리스트, Wish List 215. 상품 리스트, Product Lists 216. TOC, Table of Contents 217. 시간표, timetable 218. 프레임화된 테이블(Framed Table 219. 데이터 테이블, Data Table 220. 테이블 헤더, Table Header 221. 테이블 소터, Table Sorter 222. A-Z 인덱스, A-Z Index 223. 테이블 범례, Table Legend 224. 이동식 데이터 셀, Moving Data Cell 225. 포토 갤러리, Photos Gallery 226. 포토 스택, Stack of Photos 227. 폴더링, Foldering 228. 캡션, Caption 229. 순서 매기기, Ordered Contents 230. 숫자 레이블, Numbered Label
입력 요소, Input Elements 231. 텍스트 필드, Text Field 232. 키보드 커서, Keyboard Cursor 233. 텍스트 카운터, Text Counter 234. 구조화된 입력 형식, Structured Input Format 235. 관대한 입력 형식, Forgiving Input Format 236. 코멘트 뷰, Comment View 237. 플레이스홀더 텍스트, Placeholder Text 238. 입력 힌트, Input Hints 239. 인스턴트 입력, Instant Input Mode 240. 텍스트 필드 하이라이팅, Text Field Highlighting 241. 빈칸 채우기, Fill In The Blanks 242. 터치 앤 홀드 컨트롤, Touch-and-Hold Control 243. 커스텀 키보드, Custom Keyboard 244. 커스텀 숫자 키패드, Custom Numeric Keypad 245. 슬라이더, Slider 246. 더블 슬라이더, Double Slider 247. 맞춤 슬라이더 썸, Custom Slider Thumb 248. 텍스트 크기 조절기, Text Enlarger
표시 및 마크, Indicator & Mark 249. 동작 표시기, Activity Indicator 250. 푸시 알림, Push Notifications 251. 페이지 표시, Page Indicator 252. 스크린 컬, Screen Curl 253. 가로 행 조정 표시, Row Reorder 254. 다운로드 표시기, Download Indicator 255. 소극적인 알림, Passive Notifications 256. 시선 끌기 아이콘, Small Icon for Spotlight 257. 캘린더 아이콘, Calendar Icon 258. 상태 아이콘, Status Icon 259. 식별자, Identifier 260. 체크 마크, Checkmark 261. 연락 가능 표시, Presence Indicator 262. 즐겨찾기 마크, Favorite Mark 263. 비디오 마크, Video Mark 264. 로딩 커버, Loading Cover 265. 그림 노트, Notes in the Picture 266. 포토 마크, Photo Mark 267. 코너 리본, Corner Ribbon 268. 피플 마크, People Mark 269. 프렌즈 마크, Friends Mark 270. 네임 태그, Name Tag 271. 코멘트 마크, Comment Mark 272. 데모 마크, Demo Mark 273. 레벨 표시기, Level Indicator 274. 생략 기호, Ellipsis Mark In Button 275. 축약된 심볼, Abbreviated Symbols 276. 브레드크럼, Breadcrumbs
검색, Searching 277. 검색 바, Search Bar 278. 범위 바, Scope Bar 279. 앞뒤로 이동 가능한 검색 바, Search Bar with Back and Forth Buttons 280. 상세 검색, Advanced Search 281. 검색 모드, Search Mode 282. 입력된 검색 필드, Pre-filled Search Field 283. 자동 완성, Autocomplete 284. 연필 버튼, Pencil Button 285. 인스턴트 서치, Instant Search 286. 검색 결과, Search Results 287. 검색 요약, Search Result Summary 288. 키워드 매치, Keyword Matches 289. 검색 결과 하이라이팅, Search Results Highlighting 290. 태그 클라우드, Tag Cloud 291. 디자인 검색, Design Search
지도와 위치, Map & Location 292. 구글 맵, Google Map 293. 커스텀 맵, Custom Map 294. 정보 버블, Information Bubble 295. 위치 버튼, Location Button 296. 위치 입력기, Locator 297. 길 찾기, Wayfinding 298. 맵 핀, Map Pin 299. 맵 범례, Map Legend 300. 맵 소터, Map Sorter 301. 레이더 맵, Radar Map 302. 찾아가는 길 리스트, Directions List 303. 내비게이션 뷰, Navigation View 304. AR 뷰, Augmented Reality View
시각화 기법, Visualization 305. 명확한 대비, Clear Contrast 306. 폰트 대비, Fonts Contrast 307. 명확한 하이라이팅, Clear Highlighting 308. 선택된 아이템, Selected Item 309. 색으로 구분된 영역, Color Coded Section 310. 교차 배색, Alternating Row Colors 311. 시각적 단위, Visual Chunk 312. 큰 글자, Large Type 313. 큰 숫자, Large Numbers 314. 강한 색의 버튼, Strong Color Button 315. 다채색 컨트롤, Multi-Color Controls 316. 진한 배경, Deep Background 317. 무늬 있는 배경, Textured Background 318. 종이 배경, Paper Background 319. 포스트잇, Post-it 320. 그림으로 선택하기, Illustrated Choices 321. 일러스트레이션 사용하기, Using Illustration 322. 그래픽 배지, Graphic Badge 323. 말 풍선, Word Balloons 324. 콜아웃, Callout 325. 폴라로이드 프레임, Polaroid Frame 326. 필름스트립, Filmstrip 327. 스코어보드, Scoreboard 328. 사진 프레임, Picture Frame 329. 모서리 다루기, Corner Treatment
소셜 네트워킹, Social Networking 347. 소셜 아이콘, Social Icon 348. 프로필 카드, Profile Card 349. 프로필 페이지, Profile Page 350. 소셜 프로필, Social Profile 351. 소셜 버튼, Social Button 352. 라이프스트림, Lifestream 353. 사용자 평가, User Rating 354. 찬성-반대 버튼, Thumb Up & Down Buttons
마케팅 요소, Marketing Elements 355. 슬라이드업 배너, Slide-up Banner 356. 리스트 타입의 배너 광고, List-Like Banner AD 357. 중간 광고, Interstitial AD 358. 가격표, Price Tag 359. 쿠폰, Coupon 360. 관련 애플리케이션, Related Application 361. 회원제 콘텐츠, Members Only Content
개발자에게 시간은 곧 능력이다! 아이폰과 안드로이드의 애플리케이션 구성 요소를 UI 컴포넌트, UI 패턴, 디자인 스타일 등 16가지로 분류하여 약 650개의 케이스 수록
이 책은 라이브러리 형식을 빌어 모바일 애플리케이션의 구성 요소를 정의하고 있다. 이 책의 저자는 개발을 진행하면서 모바일 애플리케이션의 구성 요소를 뭐라고 불러야 할지 난감했다. 플랫폼 OS에서 제공하는 가이드를 살펴보아도 얻을 수 있는 게 별로 없었다. 그래서 적절한 사례를 찾아서 적절한 이름을 붙여보자는 생각을 하게 되었다. 이 책은 구체적인 내용이나 실무적인 방법을 담지 않고 있다. 애플리케이션을 UI 컴포넌트, UI 패턴, 디자인 스타일 등으로 분류한 케이스 리뷰에 가깝다. 그래서 기초 지식을 얻고자 하는 사람보다는 주어진 시간 내에 많은 케이스를 살펴보고자 하는 사람에게 더 적합하다.
개발자에게 시간은 곧 능력이다! - 시간적 여유가 없는 개발자들을 위한 책 어떤 케이스를 찾기 위해 하루 종일 앱스토어만 뒤지다가 시간을 다 보내버리는 게 일상인 개발자들을 위해 각양각색의 애플리케이션이 얼마나 서로 다른지, 또 얼마나 서로 비슷한지 이 책을 통해 살펴볼 수 있도록 쓰여졌다. 벤치마킹에 드는 시간을 줄일 수만 있다면 보다 나은 결과물을 얻을 수 있는 가능성은 그만큼 더 커질 것이다.
- 약 650개의 아이폰과 안드로이드 애플리케이션 케이스 수록 실제 케이스 리뷰를 위해 4,000개가 넘는 애플리케이션을 직접 설치하여 테스트하였고, 앱스토어를 통해 10,000개가 넘는 애플리케이션을 살펴보았다. 가능하면 좀더 많은 케이스를 제시하고자 각각 다른 케이스를 인용하려고 노력하였다. 이 책에는 약650개의 아이폰과 안드로이드 애플리케이션이 인용되었다.
- 3가지 방법으로 원하는 구성 요소를 빠르고 쉽게 검색 아이폰과 안드로이드의 애플리케이션 구성 요소를 기능에 따라 16가지로 분류하여 목차를 제시하였고, 한글 인덱스, 영문 인덱스를 추가하여 주어진 시간 내에 많은 케이스를 쉽게 찾아 살펴보도록 하였다.
총 
바보 빅터
