본문 바로가기

iOS/UIUX

 (20)
HIG: Visual Design, Branding 브랜딩(Branding) 성공적인 브랜딩은 여러분의 앱에 브랜드를 추가하는 것 이상이 필요하다. 성공적인 앱은 스마트한 폰트, 컬러, 이미지를 결정함으로서 독창적인 브랜드 정체성이 표현된다. 사용자에게 여러분의 앱의 문맥을 전달하기 위해 충분한 브랜딩을 제공하라. 하지만 과도한 브랜딩은 혼란을 일으킬 수 있다는 점을 주의하라. 정제되며 겸손한 브랜딩을 첨가하라 사용자는 앱을 즐기기 위해 사용하며, 정보를 얻거나, 일을 완수하기 위해 사용하지 광고를 보기 위해 앱을 사용하지 않는다. 가장 최고의 경험을 위해서, 앱 디자인을 통해 여러분의 브랜드를 통합시켜라 여러분의 앱 아이콘의 컬러를 인터페이스 전반에 사용하는 것은 좋은 문맥을 제공하는 방법 중 하나다. 브랜딩이 앱 디자인을 해치지 않도록 하라 브랜딩이 ..
[HIG] Mac Catalyst: macOS의 앱 구조와 네비게이션 컨벤션 적용하기 잘 설계된 앱 네비게이션은 데이터의 구조를 반영한다. 또한, 플랫폼의 컨벤션을 따르면서 앱의 주요 기능을 제공한다 macOS 사용자가 당신의 앱을 편안하게 느끼려면, iOS 네비게이션 컨벤션을 macOS의 네비게이션 컨벤션으로 변환해야 한다 대부분의 iPad 앱은 플랫 네비게이션 또는 계층 네비게이션을 사용하거나 둘 모두를 동시에 사용한다 플랫 네비게이션은 카테고리 혹은 기능들의 영역을 표시한다. 예를 들어, App Store, Apple Music은 플랫 네비게이션 구조를 사용하여 사용자에게 Library와 같은 최상위 영역에 곧바로 접근할 수 있도록 한다 계층형 네비게이션은 트리와 같은 조직에서 정보를 표현한다. 사용자는 목적지에 도달할 때까지 아이템을 선택하며 탐색하게 된다 계층형 네비게이션의 가장..
[HIG] Mac Catalyst: Mac 앱을 위한 계획 여러분은 iPad 앱의 맥 버전을 생성하기 위해 맥 카탈리스트를 사용할 것이다. 맥 카탈리스트는 맥의 기초적인 기능들을 지원한다. 시스템 설정 키보드, 트랙패드, 마우스, 터치바 입력, 키보드 네비게이션과 키 포커스 윈도우 관리 풍부한 텍스트 상호동작, 복사와 붙여넣기와 수정을 위한 문맥상 메뉴 파일 관리 시스템에서 제공하는 UI 요소들은 자동으로 iOS에서 macOS로 변환된다. 예를 들어, 다음의 iOS에서 제공하는 아이템들이 macOS에 적합한 아이템으로 바뀌는 것들은 다음과 같다. 스플릿 뷰(Split view) 파일 브라우저(File browser) 액티비티 뷰(Activity view) 폼 시트(Form sheet) 문맥상 동작(Contextual actions) 당신의 앱이 Mac에서도 사용..
[HIG] Mac Catalyst - 시작하기 전에 맥 카탈리스트는 여러분의 아이패드 앱의 Mac버전을 만들기 위해 사용된다. 새로운 사용자가 앱을 사용할 수 있도록 해야하며 기존의 사용자에게 새로운 환경을 즐길 수 있는 기회를 제공해야 한다. Before You Start 대부분의 아이패드 앱은 맥에 사용될 수 있는 최고의 후보자다. 하지만, 몇몇의 아이패드 기능들은 맥에 존재하지 않는다. 예를 들어, 당신의 앱이 자이로스코프, 엑셀로미터 또는 후방 카메라와 같은 iPad의 기능을 주로 사용하거나 iOS 프레임워크인 HealthKit이나 ARKit을 사용한다면, 당신의 앱은 Mac에 맞지 않을 수 있다. iPad에만 가능한 기능들을 요구하지 않는 앱들에 한해서, Mac에서 당신의 앱을 정상적으로 동작하기 위한 가장 최고의 방법은 iPad에서 제대로 동작..
[HIG] Design Principles, 디자인 원칙 여러분의 앱의 정체성을 떠올릴 때 아래의 디자인 원칙들을 명심하자. Aesthetic Integrity, 미학적 무결성 미학적 무결성은 앱의 모습이나 행동이 앱의 기능과 얼마나 잘 결합되는지를 나타낸다. 예를 들어, 어떤 앱은 복잡한 업무를 수행하는 사람들이 나서지않는 그래픽, 표준 컨트롤, 예상가능한 기능들을 사용하여 업무에 집중할 수 있도록 돕는다. 반면, 게임과 같은 종류의 앱은 근사한 외양을 이용하여 재미와 즐거움을 주기도 한다. Consistency, 일관성 일관성 있는 앱은 익숙한 표준과 패러다임을 따른다. 일관성 있는 앱은 시스템이 제공하는 인터페이스 요소, 흔히 알려진 아이콘, 표준 텍스트 스타일, 그리고 통일된 용어를 잘 사용한다. 일관성 있는 앱은 사용자가 예상하는 특징과 기능들을 사용..
[HIG] User Interaction: Haptics 햅틱은 사람의 터치 감각이 온스크린 인터페이스와 상호동작하는 경험을 향상한다. 예를 들어, Apple Pay 결제가 완료되면, 시스템은 시각적 및 청각적 피드백과 더불어 햅틱을 동작한다. 햅틱은 터치 제스처를 향상할 수도 있으며, 스위치를 토글하거나 피커를 스크롤링하는 상호동작을 향상할 수 있다. iPhone 모델은 여러 방법으로 앱에 햅틱을 추가할 수 있다. 표준 UI 요소를 사용하라. 시스템에서 기본적으로 제공하는 햅틱은 스위치(switches), 슬라이더(sliders), 그리고 피커(pickers)에서 작동한다. 피드백 생성기를 사용하여 미리 정의된 햅틱 패턴을 사용하라. 개발자를 위한 문서는 UIFeedbackGenerator를 참고하라. 더 많은 컨트롤을 원한다면, 여러분만의 햅틱 패턴을 구성..
[HIG] User Interaction: Gestures iOS 기기를 사용하는 사람들은 터치스크린 제스처를 이용한다. 제스처는 컨텐츠와의 가까운 개인적 연결을 이끌어 내며, 스크린 위의 사물들의 직접적인 조작 느낌을 향상한다. 1. 가장 중요한 규칙으로서, 표준 제스처를 사용하라. 사람들은 표준 제스처에 친숙하다. 표준 제서츠로 가능한 행동을 다른 방식으로 동작하는 걸 배우길 꺼려할 것이다. 게임이나 다른 immersive 앱에서, 커스텀 제스처는 좋은 사용자 경험이 될 수 있다. 이외의 앱에서는, 표준 제스처(standard gestures)를 사용하여 사용자에게 다른 노력을 요구하지 않도록 해야 한다. 2. 표준 제스처를 비표준적인 행동을 동작하는데 사용하지마라. 게임을 위해 사용하는 것이 아니라면, 표준 제서츠러의 의미를 바꾸는 것은 사용자에게 혼동을 ..
[HIG] App Architecture: Settings, 설정 모든 앱은 아니지만, 몇몇의 앱은 설정을 할 수 있어야 한다. 성공적인 앱들은 설정을 조절할 수 있는 간편한 방법들을 제공한다.. 대부분의 사람들이 예상하는 대로 동작하는 앱을 설계한다면, 설정의 필요성은 줄게 될 것이다. 1. 시스템을 통해 할 수 있는 것을 추론하라. 사용자, 기기, 환경에 대한 정보가 필요하다면, 사용자에게 묻지말고 시스템에 요구하면 된다. 예를 들어, 근처 지역의 선택 사항들을 제공하려고 한다면, 집 주소를 입력하는 대신 사용자의 현재 위치에 접근하도록 권한을 요청하자. 만약, 사용자가 개인 정보 접근에 거부한다면, 정해진 목록들로 대체하면된다. 2. 앱에서 설정 옵션들의 우선순위를 고려하라. 여러분의 앱의 메인 스크린 필수적이면서 자주 바뀌는 옵션들이 위치하기 장소이다. 부차적인..

티스토리툴바