iOS (20) 썸네일형 리스트형 멘탈모델, MentalModel 어떤 작업이 사용자에게 어떻게 받아들어질까? 인터페이스만을 통해 예상되는 동작 방식을 멘탈모델이라고 함 예를 들어, 사용자가 팩시밀리를 처음 써본다고 한다면, 이 인터페이스만 보고 어떻게 동작할 것인가를 상상할 것이다. 수화기는 귀에 갖다 대는거다. 키패드는 전화번호를 누를것이다. 사용자는 UI만 보고도 동작 방법을 '예상' 할 수 있어야 한다. ADS(Application Definition Statement) ADS란? 앱을 정의할 수 있는 하나의 문장 앱을 초기에 만들기 위해 가져야할 목표를 설정해준다. Audience, Solution, Differentiator (누구)를 위한 (어떤)기능의 (어떤)차별점을 가지는 앱인지를 한 문장으로 표현한 것 iPhoto 앱은 아마추어 혹은 일반인을위한 / 사진관리, 편집, 공유를 위한/ 사용하기 쉬운 앱으로 정의할 수 있다. Audience: 전문가들은 배척하고 타겟을 일반인으로 정했다. Solution : 사진을 관리, 편집 및 공유하는 기능을 갖추었다. Differentiator: 사용하기 쉬워야 한다. 전문가용 사진 편집 프로그램 처럼 여러 상세 기능을 넣지 않아야 한다. Skeuomorph, 스큐어모피즘 스큐어모피즘이란? Skeuo(용기)와 morph(형태)를 합친 단어다. 기능보다 형태를 중시하며, 디지털 환경에서 앱을 사용하는 사용자가 아날로그의 체험을 할 수 있도록 하는 것이 목적이다. iOS7 이전의 애플의 디자인 철학이다. 왜 스큐어모피즘은 비판받는가? 기능과 무관하기 때문임 책을 예로 들면, 읽는 행위가 책을 넘기는 행위 때문에 끊기기 때문 현재의 iOS 디자인에서도 스큐어모피즘이 남아 있는데, 가장 대표적인 예가 계산기다. 메모리가 부족하던 시절의 리셋 버튼이 존재하며, 계산 과정을 확인하기 위한 히스토리가 없다. Autolayout 이해하기 오토 레이아웃 이해하기 오토 레이아웃은 동적으로 모든 뷰의 위치와 크기를 조정함 뷰에 있는 컨스트레인트를 기반으로하여 뷰의 크기와 위치를 조정함 예를 들어, 수평으로 이미지 뷰의 중앙에 놓인 버튼에 컨스트레인트를 주면, 버튼의 탑 엣지(top edge)는 항상 이미지의 바닥의 아래에서 8 포인트를 유지함 컨스트레인트 기반의 접근은 UI 내부 변화와 외부 변화에 동적으로 반응함 외부 변화 슈퍼뷰의 크기와 모양이 바뀔 때에 발생함 일반적인 외부 변화의 이유는 다음과 같음 사용자가 윈도우 크기를 바꿈(OS X) 사용자가 스플릿 뷰에 접근하거나 떠남(iOS) 기기가 회전함(iOS) 액티브 콜과 오디오 레코딩바가 사라지거나 나타남(iOS) 다른 크기의 클래스를 지원하기 원함 다른 크기의 스크린을 지원하기를 원함 .. 이전 1 2 3 다음
