패스북
패스 북 앱은 사람들이 패스를 보고 관리하는 것을 도와준다. 패스는 탑승권이나 멤버십 카드 또는 티켓 같은 물리적인 아이템의 디지털적인 재현이다. 당신의 앱에서, 패스를 만들어서, 사용자에게 배포하고, 변경사항이 있을 때는 업데이트 한다.
Pass Kit 프레임워크는 커스텀 컨텐트를 이용해 패스를 조립하는 데 사용하고 패스가 사용자의 패스 라이브러리에 있을 때 패스에 엑세스 하는 것을 돕는다. (패스북 기술의 주요 컨셉트와 앱에서 Pass Kit API를 사용하는 방법에 대해서는 Passbook Programming Guide를 참조한다.) 다음 가이드라인들은 사람들이 자신의 패스 라이브러리에 보관하고 사용하는 것을 즐길 패스를 만드는 것을 도와준다.
가능한, 단순히 존재하는 물리적인 패스를 재생산하는 것을 피하라. 패스북은 미적인 아름다움 세워두고 있으며 패스들은 가장 멋지게 보이기 위해 이 미적인 기준과 함께 한다. 물리적인 아이템의 외형을 복제하는 대신, 이번 기회를 이용해 Passbook의 기능과 형태를 따르는 깨끗하고 단순한 패스를 만들어 보라.
패스의 전면에 넣는 정보를 선별하라. 사람들은 패스를 힐끗만 봐도 빠르게 자신이 원하는 정보를 얻을 수 있을 것으로 예상하기 때문에, 패스의 앞 부분은 산만하지 않고 읽기 쉬워야 한다. 만약 사람들이 필요할 것 같은 부가적인 정보가 있다면, 앞 면에 구겨넣는 것보다는 뒷면을 이용하는 것이 차라리 낫다.
일반적으로, 평범한 백색 배경화면 사용을 삼가라. 패스는 배경색이 청명한 단일색상이거나 진하고 생생한 컬러로 이미지를 표시할 때 가장 좋아보인다. 배경을 디자인 할 때, 콘텐트의 가독성을 거스르지 않도록 항상 확인하라.
회사 이름을 위해서는 로고 텍스트 필드를 이용해라. 로고 텍스트 필드의 텍스트는 모든 패스들에 걸쳐서 일관된 폰트로 렌더 된다. 사용자 패스 라이브러리의 다른 패스들과의 충돌을 방지하기 위해, 다른 커스텀 폰트를 사용하지 말고 로고 텍스트 필드에 텍스트를 입력하는 것을 권한다.
흰색의 회사 로고를 사용하라. 로고 이미지는 패스의 좌상단에 회사 이름 옆에 위치한다. 최상의 결과를 위해, 텍스트를 포함하지 않는 흰색 모노크롬 버전의 이미지를 제공하라. 만약 로고를 각인해서 렌더된 로고 텍스트와 일치하도록 하려면, 검은 색 그림자를 y 축으로 1픽셀 이동하고, 1 픽셀의 블러효과와 35%의 불투명도를 적용하라.
가능하면 직사각형 바코드를 사용하라. 패스의 레이아웃 때문에, 직사각형 바코드-PDF417 같은-가 정사각현 바코드보다 더 나아보인다. 아래 그림의 오른쪽처럼, 정사각형 바코드는 양쪽에 빈 공간을 만들고 위와 아래의 필드들을 복잡하게 만든다.
이미지를 성능에 최적화 하라. 사용자들은 패스를 주로 이메일이나 사파리를 통해 받기 때문에, 다운로드를 가능한 빠르게 만드는 것은 중요하다. 사용자 경험을 개선하기 위해, 원하는 시각적 모양을 이루는 최소 크기의 이미지를 사용하라.
필요할 때 업데이트 함으로서 패스의 유용성을 배가하라. 비록 패스가 잘 변하지 않는 물리적인 아이템을 재현하지만, 당신의 디지털 패스는 실제 이벤트를 반영함으로서 보다 나은 경험을 제공할 수 있다. 예를 들어, 비행이 연기되면 항공기 탑승권을 업데이트 함으로서 사람들이 패스를 체크할 때 항상 현재의 정보를 얻을 수 있도록 할 수 있다.
Copyright © 2014 Apple Inc. All rights reserved. Terms of Use | Privacy Policy | Updated: 2014-03-10