김종권의 iOS 앱 개발 알아가기

애니메이션 과도한 애니메이션이나 불필욯나 애니메이션은 사용자로하여금 몰입형 경험을 방해하는 효과 (산만해지는 효과 존재) 물리적 법칙에 자연스러운 경험을 제공: 화면 상단에서 아래로 슬라이드 후 다시 위로 슬라이드하여 닫을 수 있어야 사용자에게 자연스러운 경험을 제공 몰입을 위해 일관된 애니메이션이나 기본으로 제공되는 애니메이션을 사용 * 참고 https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/animation/

아이폰 해상도 정보 Safe area 콘텐츠가 bar 컴포넌트로 부터 underlapping되는 것을 방지 bar 컴포넌트: status bar, navigation bar, toolbar, tab bar 레이아웃 고려 사항 유사한 기능을 가진 요소는 비슷하게 보이는 현상이 존재하므로 앱 전체에서 전반적으로 일관된 모양을 유지 사용자들은 다른 방향으로 앱을 사용하는 것을 선호하므로, 가능하면 가로 및 세로방향 모두 지원 컴포넌트 touch 영역의 최소 영역을 44pt x 44pt로 유지 Xcode에서 개발을 하는 동시에 노치가 있는 디바이스, 없는 디바이스 여러 화면을 대입해보며 확인하며 작업하는 것을 지향 컴포넌트의 내용들이 있을 때 여백을 주는것은 가독성을 높일 수 있으므로, 컴포넌트들이 너무 붙어있..

평가 요청 평가를 요청할 때 특정 온보딩중이 아닌 특정 생산성 작업을 완료했을때 요청: 섣부른 평가는 사용자에게 거부감을 느끼게 하는 부정적인 효과 시간에 민감한 작업중이나 스트레스가 많은 작업을 수행할 때 평가 요청을 지양 평가 요청 시기는 최소 1 ~ 2주 간격 평가 UI 시스템에서 제공하는 UI 사용: 사용자에게 친숙한 UX 버튼이나 기타 컨트롤을 사용하여 피드백을 요청x * 참고 https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/ratings-and-reviews/

알림 앱 이름이나 아이콘을 따로 포함하지 않아도, 시스템에서 각 알림 상단에 이 정보를 자동으로 표출 알림을 보완하기 위해 소리 제공 - UNNotificatinoSound 알림 세부 정보 보기에 4개의 작업 단추가 포함될 수 있고, 앱을 열 필요가 없는 시간 절약 작업을 수행할수 있도록 제공 * 참고 https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/notifications/

제스처 표준 제스처 사용을 지향: 사용자들은 익숙한 제스처를 선호하며 다른 방법을 배우는 것은 좋아하지 않은 성향 표준 제스처가 아닌 경우, 앱의 복잡성 증가 표준 제스처 확인 (중요): https://developer.apple.com/design/human-interface-guidelines/ios/user-interaction/gestures/ edge화면에 존재하는 기본 제스처 (swipe back, home으로 이동)를 방해하지 않도록 설계 swipe back을 통해 뒤로가기 제스처를 제공 여러 손가락 제스처를 사용하여 경험을 향상 표준 제스처 중 대표적인 것 Tap: '>' 아이콘은 누를 경우, 상세화면으로 이동 drag: edit모드에서 cell 이동 Swipe: cell을 왼쪽으로 스와이..

파일처리 사용자 입장에서 파일 시스팀에 대해서 생각하지 않도록, 앱이 파일과 함께 동작하는 경우 파일 처리를 가능한 한 줄여야 베스트 자동 저장을 사용: 사용자에게 명시적으로 파일을 저장하도록 하지 않고 작성 중 앱을 종료해도 자동으로 저장된 상태를 유지 사용자는 모든 장치에서 사용하도록 기대하고 있으므로 로컬 전용 저장이 아닌 iCloud와 같은 서비스를 통해 클라우드 기반 파일 저장소 지원 UI는 새로운 아이콘이 아닌, 시스템 아이콘을 통해 직관적인 경험을 제공 파일에 관한 내용은 미리보기를 통해, 해당 앱이 backgound에 가지 않아도 확인 할 수 있도록 제공 (위 사진 참고) 다른 앱과 파일 공유 기능 제공 * 참고 https://developer.apple.com/design/human-in..

피드백 사용자들이 앱이 수행하는 작업을 파악하고 다음에 수행 할 수 있는 작업을 발견하고 작업 결과를 이해하는데 도움 다른 콘텐츠랑 어울리도록 비슷한 색상으로 설정할 것 (위 화면은 다크모드이므로 회색으로 하면 더욱 best) 불필요한 경고를 되도록 지양: 필수 정보가 포함되지 않은 경고를 너무 많이 보게되면 향후 경고를 무시하는 방법을 빠르게 배우게 되는 현상 존재 * 참고 https://developer.apple.com/design/human-interface-guidelines/ios/user-interaction/feedback/https://developer.apple.com/documentation/uikit/drag_and_drop

데이터 입력 사용자가 지루하지 않도록 선택 사항을 주고, 그곳에서 선택하게끔 유도 적절한 default값을 제공할 것: 가능성이 높은 필드로 미리 default 설정하여 의사 결정이 최소화되어 편의성 제공 모든 필드 값이 작성되었는지 확인 후, 다음 버튼을 활성화 필드 값을 동적으로 확인하여, 사용자가 입력하는 동시에 어떤것이 틀린지 알 수 있도록 편의성 제공 텍스트필드에 placeholder를 제공하고, placeholder에 "아이디", "패스워드"가 표출된다면 따로 Label을 통해 필드를 설명 x * 참고 https://developer.apple.com/design/human-interface-guidelines/ios/user-interaction/data-entry/