Backup/iOS
(출처) 모바일 UI 디자인 시 고려해야 할 가이드라인 모음 (4/5)
(출처) 모바일 UI 디자인 시 고려해야 할 가이드라인 모음 (4/5)
2017.12.25출처 - 최철호: https://brunch.co.kr/@chulhochoiucj0/8 34. 내비게이션 요소와 UI 요소가 콘텐츠보다 더 부각되지 않아야 합니다.내비게이션 요소와 컨트롤은 사용자가 콘텐츠를 탐색하고 상호작용할 수 있게 해주는 수단일 뿐입니다. 이 두 요소는 콘텐츠보다 부각되어서는 안 됩니다. 수많은 연구가 사람들은 웹 콘텐츠를 훑어 본다는 것을 보여줍니다. 내비게이션은 목표가 아니라 수단입니다. 내비게이션은 사용자가 무엇인가를 찾도록 도와주는 것입니다. 사용자가 내비게이션의 존재를 느끼지 못한다면 가장 훌륭한 내비게이션입니다.모바일에서 사용자가 필수적인 콘텐츠에 관심을 집중할 수 있게 다자인해야 합니다.사용자가 컨텐츠에 집중해야 합니다. UI컨트롤과 내비게이션 요소를 조직화하고 통합하여..
(출처) 모바일 UI 디자인 시 고려해야 할 가이드라인 모음 (3/5)
(출처) 모바일 UI 디자인 시 고려해야 할 가이드라인 모음 (3/5)
2017.12.24출처 - 최철호: https://brunch.co.kr/@chulhochoiucj0/8 26. 라디오 버튼은 소팅 기능에 사용할 수 없습니다.라디오 버튼은 선택과 관련된 기능에서만 사용되어야 합니다. 라디오 버튼을 텝했을 경우 하나의 옵션만 선택 상태가 변경되고 그 외의 액션이 실행되지 않아야 합니다. 따라서 사용자가 옵션을 선택했을 때 화면의 상태가 바뀌는 액션 실행은 iOS의 세크멘트 컨트롤이나 텝tab 으로 디자인되어야 합니다.라디오 버튼은 상호 배타적인 옵션선택에만 사용해야합니다. 라디오 버튼보다 텝이나 토글을 고려해보세요. 27. 라디오 버튼 옵션 내에 또 다른 옵션을 넣지 않습니다.라디오 버튼 항목 안에 다른 라디오 버튼이나 체크박스나 입력 필드 등 다른 옵션을 만들지 않아야 합니다. 모든 라..
(출처) 모바일 UI 디자인 시 고려해야 할 가이드라인 모음 (2/5)
(출처) 모바일 UI 디자인 시 고려해야 할 가이드라인 모음 (2/5)
2017.12.24출처 - 최철호: https://brunch.co.kr/@chulhochoiucj0/8 13. 회원가입 또는 로그인 시 입력한 비밀번호를 가리거나 볼 수 있는 옵션을 제공하세요.입력한 비밀번호는 기본적으로 (......) 형태로 가려져 있어야 합니다. 모바일에서는 작은 키보드로 인해 오타 발생이 빈번합니다. 사용자가 입력한 비밀번호를 볼 수 있는 옵션을 토글 형태로 제공한다면 빠르게 수정이 가능합니다. 또한 사용자가 비밀번호를 잊어버릴 확률을 줄일 수 있습니다. 사용자가 입력한 암호를 빠르게 보거나 가릴 수 있는 토글 형태의 옵션을 제공하세요. 암호 입력시 오류를 줄일 수 있습니다. 아마존은 비밀번호보기를 체크박스 형태로 제공합니다.. 비밀번호를 입력하면 입력필드 아래에 비밀번호를 볼 수 있습니다. 쿠팡..
(출처) 모바일 UI 디자인 시 고려해야 할 가이드라인 모음 (1/5)
(출처) 모바일 UI 디자인 시 고려해야 할 가이드라인 모음 (1/5)
2017.12.24출처 - 최철호: https://brunch.co.kr/@chulhochoiucj0/8 모바일 앱과 웹 디자인은 데스크톱 웹 디자인과는 많은 부분이 다릅니다. 이는 각 기기device의 특성과 사용 맥락의 차이에서 기인합니다. 우선 모바일은 데스크톱에 비해 화면의 크기가 작습니다. 데스크톱은 의자에 앉아서 실내에서 사용합니다. 큰 모니터에서 많은 정보를 탐색하고 업무를 봅니다. 포토샵 같은 몰입형 앱의 다양한 기능을 몇 시간 동안 집중해서 사용할 수 있습니다. 그에 비해 모바일은 야외에서 또는 이동 중에 사용합니다. - 횡단보도를 걷다 보면 스마트폰을 보고 걷는 사용자를 자주 볼 수 있습니다. - 사용자는 작은 화면의 스마트 폰으로 SNS를 사용하고 뉴스를 보거나 게임을 이동하면서 사용합니다. 스마트 폰..
RxSwift 장점 (2/2)
RxSwift 장점 (2/2)
2017.12.15RxSwfit 장점(1/3) - 비동기/이벤트의 스트림RxSwift의 장점 중 하나는 비동기와 이벤트가 스트림으로 흐릅니다.예를 들어 Facebook 같은 앱을 서비스 해야 하는 경우 내 정보 화면에서 필요한 데이터는 총 4가지입니다.내 개인 정보내 사진첩친구 목록타임라인토근의 유효성우리는 자연스러움을 위해 모든 정보가 한 번에 바인딩 되는 것을 원합니다.다음을 어떻게 처리해야할까요? 명령형 프로그래밍은 비동기 처리를 하기 위해서는콜백 지옥더티플래그수 많은 if문.........다음과 같이 복잡한 형태로 구현을 해야 합니다. 반면에Rx는 Microsoft에서 "다수의 비동기 이벤트를 처리하기 위해 만들었다" 라고 말할 만큼Rx는 비동기 이벤트에 있어서 강력합니다. Observable로 처리하면 다음과 같..
RxSwift 무엇일까요? (1/2)
RxSwift 무엇일까요? (1/2)
2017.12.15Rx 무엇일까요?Rx 무엇일까요? Reactive Extensions의 줄임말로써 Reactive는 반응을 보인다는 뜻입니다. Reactive Programming은 반응형 프로그래밍입니다. 반응형 프로그래밍의 특성 명령형 프로그래밍 반응형 프로그래밍 a = 0 b = 10 c = 5 a = b + c print(a) // 15 c = 20 print(a) // 15 a = 0 b = 10 c = 5 a = b + c print(a) // 15 c = 20 print(a) // 30명령형 프로그래밍에서는 a에 값을 정한 이후에 c값이 변경이 되더라도 a의 값에 영향을 주진 않지만, 반응형 프로그래밍은 c값이 변하는 것에 반응하여 a의 값이 바뀌는 형태입니다. wikipedia에서도 볼 수 있듯 반응형 프..