Android Design in Action: Sleep Monitors and Backward Compatibility

ROMAN NURIK : 안녕하세요 환영합니다

Android 디자인 실천 나는 Roman Nurik입니다 아담 코흐 : 아담 코흐 Nick Butcher : 그리고 Nick Butcher 오늘 우리는 잠에 대해서 이야기 할 것입니다

모니터 응용 프로그램 및 이전 버전과의 호환성 오늘은 많은 콘텐츠를 가지고 있으므로 우리는 수면 모니터를 시작하려고합니다 그래서 우리가 오늘보기로 결정한 앱 안드로이드로 수면했다 안드로이드로 잠자기라고합니다 앱 클리닉에서 검토 한 앱 중 하나입니다

레오 마이어 (Leo Meier)의 지난 금요일 그리고 Nick은이 앱을 자세히 살펴 보았습니다 닉, 네가 뛰어 내리고 싶니? 안드로이드로 수면에 대한 생각? NIC BUTCHER : 물론 이죠 안드로이드 (Android) 같은 잠은 당신을 모니터하는 응용 프로그램입니다 잠을 자고 알람을 울리면 깨울 것입니다 당신이 빛의 종류에있을 때 적절한시기에 수면주기

매우 세부적인 앱입니다 당신이 그것을 살펴 본다면, 그것은 전체 톤을 제공합니다 기능 및 구성 옵션 그리고 저자가 매우 반응적임을 알 수 있습니다 커뮤니티

그는 지난 몇 달 동안 15 번의 업데이트 소식을 전했습니다 매우 혼란스러운 달입니다 시각적 인 관점에서, 그들은 약간의 노력을 기울였습니다 Holo 디자인 가이드 라인을 향해 나아 간다 그러나 응용 프로그램의 전반적인 느낌은 그것은 매우 기능적이며 강력합니다

들어 와서 어떻게 작동하는지 이해하기가 어렵고 내가해야 할 일과 우선해야 할 일에 우선 순위를 매기고 정보가 중요했습니다 따라서 여기에서 응용 프로그램을 살펴보면 – 이 앱을 시작할 때 처음 보는 화면입니다 여기에서 다양한 알람을 생성 할 수 있습니다 잠금 해제하라는 메시지가 나타납니다 이 화면의 주요 기능 중 일부는 왼쪽 아래에 저기 있습니다

스플릿 – 액션 바,하지만 스플릿 – 액션이 아닌 종류 동시에 바 추가 할 기능 중 일부를 볼 수 있습니다 새로운 알람, 실제 수면 추적 모드를 시작하여 볼 수 있습니다 이전 밤의 수면에 대한 통계 그래서 우리는 시간이 부족하기 때문에 곧장 가야합니다

다시 디자인하고 우리가 요리 한 것을 보았습니까? 그래서 여기에서 우리는 우리가 한 것을 볼 수 있습니다 – 거대한 출발은 아니지만, 우리는 Holo는 응용 프로그램의 모양과 느낌 그래서 곧바로 표준 액션 바가 나타납니다 당신이있는 곳의 감각과 일부 행동을 찾으십시오 우리 중 일부를 재구성해야한다고 생각했습니다 기능이 조금,이 메인 화면 때문에, 알람 기능을 제공하는 동안 많은 기능이 있습니다

서브 스크린에 걸려 들게하는 종류 그리고이 앱이 두 가지 주요 목적을 가지고 있다고 느꼈습니다 적절한 시간에 깨우기위한 알람 설정 및 당신의 수면을 모니터링하고 어떻게 보는지 수면 패턴이 간다 그래서 나는 그걸 너의 주인공으로 띄우고 싶었어 옵션을이 두 개의 메인 탭에 추가하십시오

여기에서이 알람 및 통계 탭 보시다시피, 우리는 또한 정말로 강조했습니다 수면 트랙 버튼 그래서 하단의 작은 버튼 대신에 다른 옵션에 대해 동등한 가중치를 적용하면 이제 이 거 대 한 보라색 단추 그리고 마지막으로, 채색과 팔레트에 약간의 메모

초록색 하이라이트 중 일부가 너를 움켜 잡는 걸 발견 했어 초점, 말하자면, 나를 봐, 나는 분배 자다 나에게 약간 벗어났다 그래서 우리는 여기 팔레트를 약간 다시 꾸몄습니다 주식 경보에서 꽤 많은 단서를 얻고 있습니다

두 가지 이유로 안드로이드의 최신 버전에서 시계 첫째, 나는 그것을 좋아한다 나는 그것이 아름다운 애플 리케이션이라고 생각한다 논란의 여지가 있지만, 모두가 그렇게 생각하지는 않습니다 그러나 또한 약간 비슷한 방식으로 제공하고 있습니다

기능을 제공하므로 부트 스트랩에 도움이됩니다 이것들은 정신적 인 모델입니다 우리가 사용한 많은 사용자 인터페이스 요소는 재고 알람 시계 앱과 동일합니다 그래서이 애플리케이션으로 시작할 수 있기를 바랍니다 조금 더 빨라

네 색 구성표에 대해 언급하고 싶은 한 가지 이 네온 녹색에서 네온 보라색으로 전환하십시오 Android 디자인 공무원의 보라색 인 것 같습니다 색상 팔레트 나는 그것이 당신의 얼굴에 조금 덜하다고 생각합니다

여전히 매우 강조된 색상입니다 그것은 둔한 회색이나 흐린 푸른 색이 아니며, 더 조용한 곳입니다 그러나 눈이 조금 쉬워졌습니다 그리고 아마 심지어 한 가지 그늘을 갈 수도 있다고 생각합니다 네가 원한다면 더 어둡다

일부 장치에서는 너무 밝을 수 있습니다 그러나 나는 화면을 보는 것이 훨씬 쉽다고 생각한다 즉시 압도되지 않아야한다 네 NICH BUTCHER : 예

내가 말하고 싶었던 것 중 하나는 이것이 당신이 자러 가기 전에 당신이 보게 될 마지막 것 잠자리에 들기 위해서는 잠을 깨야합니다 그래서 보통, 이런 종류의 앱을 위해, 나는 즉시 원할 것입니다 그것을 라이트 팔레트로 변경하십시오 대부분의 앱에서 라이트 팔레트는 일반적으로 훌륭하다고 생각합니다

출발점 하지만,이 응용 프로그램의 경우, 당신이 원하지 않았기 때문에 너의 감정이 [무관심하다] 당신이 전화를 돌면 갑자기 너는 강도에 의해 눈이 멀었다 그래서 나는 음색을 아주 조용하게 유지하려고 노력했다 그런 종류의 전이 ADAM KOCH : 네비게이션 측면에서 나는 스탯과 알람을 거기서 최상위 레벨 탭으로 나눕니다

에 있던 가벼운 스플릿 – 액션 바에서 제거 이전 버전은 두 가지 주요 동작을 남깁니다 트랙 수면과 추가 NICK BUTCHER : 이전 샷에 포인트를 발견했습니다 당신은 작은 버그 드로이드 수치가 있다는 것을 알 수 있습니다 하단 구석에

그리고 그의 상태는 그것이 얼마나 가까운 지에 따라 바뀝니다 너는 자러 가야 해 그래서 지금은 낮이지만, 그는 그 사람 앞에서 [무관 한] 그러나 밤이 가까워지면서 그는 칫솔질을 시작합니다 치아 등등

그리고 그것이 유용하고 재미 있다고 생각하는 동안 – 나는 그것을 정말로 좋아한다 – 나는 때때로 당신의 버그 드로이드를 포함한 것을 발견한다 응용 프로그램 또는 안드로이드 또는 Droid의 이름으로 응용 프로그램은 일종의 게으르고 아마추어입니다 정말 외쳐하지 않습니다 이것은 완전히 전문적입니다 신청

나는 상호 작용을 통해 생각했습니다 그래서 같은 요소를 사용하여 같은 것을 사용하려고했습니다 차 당신이 후미 촬영에서 아주 미묘하게 볼 수 있다면, 거기에 수면이 많은 Z가 백그라운드에서 신청 여기 당신이 취침 시간에 가까워짐에 따라 아이디어가 생깁니다

Track Sleep 버튼에서부터 시작하거나 어떤면에서는 미묘하게 움직일 수 있습니다 여기는 매우 미묘합니다하지만 같은 종류의 정보가 있지만 약간 더 미묘한 방법으로 네 그리고 우리는 또한 아이콘을 변경하는 일을했습니다 그래서 우리는 아이콘을 수면중인 귀여운 버그에서 벗어나게했습니다

아주 일반적인 것에 droid 이것은 매우 일반적인 아이콘 일 뿐이지 만 다시 그것은 조금 더 알아볼 수있는 무엇인가이다 이는 앱에 조금 더 독특합니다 NICK BUTCHER : 멋지다 [알아들을 수 없는]

ROMAN NURIK : 다음 화면으로 넘어 가야할까요? 네 NICH BUTCHER : 예 알았어 그래서 다음 단계입니다 이 응용 프로그램을 생각한 주요 기능 중 다음 기능 너는 네가 어떻게 지내는지 많은 정보를 줄거야

거의 너무 많은 정보를 자고있었습니다 따라서 왼쪽 하단과 같이 그래프를 터치하면 여기에 여러 옵션이있는 후속 화면이 있습니다 그래서 우리는 여기서 Stat 화면을 골랐습니다 아주, 아주 긴 테이블 그리고 이것은 정보의 작은 표본이며, 왜냐하면 나는 앱을 오랫동안 실행하지 않았기 때문입니다

장소의 개발자 스크린 샷을 보면 하지만, 이것이 거대한 테이블이 될 수 있음을 알 수 있습니다 평균 통계 수치를 보여 주지만 요약 해 보았습니다 모든 시간에 걸쳐 이제, 나는 이것을 재 작성하여 생각해 보았습니다 나는 정말로 무엇을합니까? 신경 써? 나는 지난주의 통계에 대해서만 신경을 쓸거야

아마 그보다 더 오래된 것이면 실제로는 그렇지 않습니다 내 수면이 어떻게되어 가고 있는지 느끼는 데 많은 도움이됩니다 두 달 전에 무슨 일이 있었는지는 정말로 더 이상 관련성이 없습니다 그래서이 화면으로 해본 것은 제가 시도한 것입니다 요약 통계를 제공하십시오

그래서 나에게 가장 중요한 것은 이번 주에 대한 요약이다 마지막 7 일 동안 어떻게 지냈습니까? 달력에서 주 시작이 시작될 때마다 그래서 우리는 몇 가지 요약 통계를 뽑아 냈습니다 크고 대담합니다 그리고 당신이 주변에 있는지 여부를 나타 내기 위해 색상을 사용합니다

1 박당 평균 수면 목표 또는 귀하의 여부 수면 빚을 쌓아 그래서 여기서 우리는 OK-ish, blue를 위해 오렌지를 사용하는 것을 볼 수 있습니다 예를 들어, 잘 지내고 있거나 경고를 위해 빨강을하고 있습니다 충분한 수면을 얻는다 그래서 즉시 내가 이것을 볼 때, 나는 이것을 빨리 얻는다

무슨 일이 일어나는지 알려주는 스캔 가능한 화면 네 화요일에, 당신은 어떤 이유로, 아주 잘 전날 밤에 마을에 나갔거나 그런 식으로 NICK BUTCHER : 크리스마스가 너무 많습니다 파티

그래서 우리는 많은 정보를 의식적으로 강등했습니다 따라서 이전을 살펴보면 노이즈에 대한 다른 탭이 있습니다 그래프뿐만 아니라 어떤 종류의 상점도 포함하고 있습니다 되는 가치가있는 것 같지 않았다 최상위 정보 항목

그것은 소음을 더하는 것과 같았습니다 정말로 중요한 것을 깨닫게 해주었습니다 그래서 우리는이 몇 가지 항목을 단순화했습니다 우리가 너를 원한다면 일주일 내내 상하로 움직일 수있게 해준다 그것을 요약으로 돌리거나 각각으로 드릴 다운하십시오

우리는 여전히이 정보가 흥미 롭다고 생각합니다 그래도 그것을 원하는 사람들 그래서 여기서 아이디어는 각 요일에 탭할 수 있다는 것입니다 다음 화면으로 넘어갈 수 있습니다 그날 밤의 수면에 대해 자세히 설명해 줄거야

당신이 추적 했어 멋지다 NURIK : 멋지다 NICK BUTCHER : 여기 다음 슬라이드에서 그래프의 전체 롤 – 그래프로서의 모든 다른 날들의 그런 종류의 견해 didn''t는 정말로 많이 나에게 이야기한다 나는 그것이 매우 눈에 띄지 않는 것을 발견하지 않았다

당신은 정말로 그것을보고 말할 수 없었습니다, 오, 그것은 좋은 것이 었습니다 밤, 오, 그건 나쁜 밤 이었어 그러나 그래프 자체는 아주 멋지다 그래서 우리는 그들을 상세 화면으로 강등했습니다 따라서 이전 광고 항목에서 각 광고 항목을 건드린 경우 화면, 당신은 잠을 잘 수있게된다

얼마나 오래 당신이 실제로 잠을 자니, 얼마나 오래 깊은 잠에 있었는데, 몇 퍼센트 였고 너를 정확히 보여주는 정말 좋은 그래프 밤은 같았다 그곳에는 [INAUDIBLE] 정보는 수면을 기록 할 때 캡처 할 수 있습니다 얼마나 좋은 밤인지에 대한 평가 또는 의견을 말합니다 그래서 이것들은 진정으로 정보 계층 구조를 사용하여 다음 화면

[알아들을 수 없는] 로마 누리 크 (NANIK : ROMAN NURIK) : 그것은 단지 훌륭한 일이라고 생각합니다 매우 복잡한 화면 분할 – 복잡한 좋은 데이터를 가진 화면이지만 소비하기 쉽지 않다 그리고 당신에게 당신을 정말로 보이게 해주는 것을 보여줍니다 콘텐츠 또는 하나의 특정 콘텐츠에서 특정 일, 그리고 그것에 대한 모든 세부 사항을 볼 수 있습니다

나는 그것이 다른 유형의 좋은 조합이라고 생각합니다 그래프의 일부 내용, 일부 평균 내용, 일부 내용 그런 식의 데이터 잠재적으로 사용자가 주석을 제공 할 수있게하거나 추천을 제공합니다 어쩌면 당신은 무언가를 입거나 더 조용히해야 할 것 같습니다 누가 알아? 나는 수면제 나 그런 것

그러나 사용자에게 이러한 모든 유형의 구성 요소를 제공합니다 잠의 그들의 어느 날 밤에 정말로 흥미있는 고유 한 방식으로 제시 할 수 있습니다 아담 코치 : 네 개인적으로, 나는 당신이 사용한 인쇄술을 정말 좋아합니다

여기, 닉,이 화면과 다른 화면에서 그것은 단지 중요한 정보를 제공합니다 플러스 색칠 정말 도움이됩니다 그것은 당신이 그것을 훑어보고 무슨 일이 일어나고 있는지 보는데 도움이됩니다 NICK BUTCHER : 멋지다

그리고 우리가 이것을 위해 가지고 있었던 마지막 재 설계 아이디어가 있습니다 신청 그리고 그것은 다음과 같은 멋진 새로운 기능을 활용하는 것입니다 Android 42에서는 Daydreams라고 불렀습니다

그래서 당신이 알고 있지 않을 수도있는 사람들을 위해 Daydreams는 스크린 세이버 기능처럼 따라서 기기를 사용할 때 백일몽을 설정하면 도킹 또는 충전, 이것으로 걷어차십시오 – 화면 보호기 같은 종류 그래서 나는 정말로, 정말로 차가울 것이라고 생각한 것은 오히려 수동으로 애플리케이션에 들어가서 시작해야하는 것보다 자고있는 걸 추적 할 수 있다면, 사실, 대부분의 사람들이 저를 좋아할 것 같아요 밤에 전화를 연결하면 밤새 충전됩니다 그러니 그냥 백일몽을 시작하는 것으로 충분합니다

그러면 수면을 추적 할 것입니다 네가 아마 거기에 어떤 논리를 넣을 수있을 거라 상상해 오늘의 한가운데, 또는 이와 비슷한 것 데이 드림을 실제로 시작하지 않으실 겁니다 그러나 장치를 꽂고 넣는 행위 만 당신의 침대에서 아래로 기능을 시작할 수 있습니다

따라서 사용자가 부담해야 할 부담이 조금 있습니다 매일 밤이 응용 프로그램에 들어가려면 그것을하는 것을 잊지 마십시오 시작 버튼을 누르고 중지 버튼을 누릅니다 아침에 그렇게하는 것을 잊지 마십시오 내가 생각하는 프로세스를 자동화하기 위해 할 수있는 일 사용자를 더욱 규칙적으로 만들 것입니다

그들은 그것을 계속 사용하고 그들의 가치를 보게 될 것입니다 신청 그래서 백일몽이 멋진 방법일지도 모른다고 생각했습니다 네 그것은 수준을 높이기위한 또 다른 방법 일뿐입니다

이 응용 프로그램에서 마법의 느낌, 어디에서 할 수 있다면 자동으로 이러한 것들을 추적 한 다음 실행합니다 따라서 오후 9시, 오후 10시 이전에, 전원이 켜지거나 전화가 유휴 상태가되면 어쩌면 시계 만 보여줄 것입니다 간단한 시계 Daydream을 만드는 것은 상당히 쉽습니다 현재 시간과 현재 날짜 만 보여줍니다 그러나 어느 시점이 지나면, 추적 모드 및 시계를 보여줍니다

그리고 이것은 아마도 부드러운 소리처럼 연주 할 수있는 방법 일 것입니다 당신이자는 동안 배경이나 무언가 따라서이 앱은 이미이 모든 데이터 캡처를 수행하고 있으므로, 어쩌면 그것을 지능적으로 사용하여 개선 할 수도 있습니다 자고있을 때 자고, 어쩌면 소리 나 그런 식으로 그래서 여기에 많은 아이디어가 있습니다

백일몽 아이디어가 정말 좋다고 생각합니다 새긴 ​​금 아담 코치 : 네 그리고 물론, 당신은 백일몽도 그래서 당신은 여전히 ​​당신이 만질 수있는 뭔가를 가질 수 있습니다

하루 동안 크기를 조정하거나 그래프로 표시 할 수 있습니다 또는 그와 비슷한 것을 볼 수 있습니다 네 NICH BUTCHER : 예 전반적으로, 많이 좋은 앱과 기능

개발자가 우리가 던진 아이디어 중 일부가 마음에 들기를 바랍니다 아마도 그들과 함께 달릴 것입니다 네 그리고 당신이이 앱의 개발자이고보고 있다면, Google+ 또는 Google+에서 무엇을 생각하는지 알려주세요 이메일 또는 뭐든간에

그러나 우리는 확실히 당신과 이야기하는 것을 고대합니다 질문이 있거나 아이디어를 원한다면 또는 심지어 일부 sourcepsd 파일 또는 그 무엇이든 Google에서 앱을 검토하거나 앱을 살펴보고 Google에서 조롱해라, 근원을 원한다면, 그들은 항상있다 유효한– 라이센스 문제는 없습니다

우리는 그들을 당신에게 넘기겠습니다 Nick Butcher : 그리고 우리는 사랑으로 그것을합니다 나는 과거의 [재치가없는] 재 디자인에 대한 몇 가지 코멘트를 보았다 말하자면, 구글로부터의 슬랩 다운은 앱을 재 설계 하시겠습니까? 이 쇼가 아니야 이것은 그것이 무엇인지에 관한 것입니다

최고의 Android를 얻는 데 도움을 드리려고 함께 노력하겠습니다 당신이 할 수있는 디자인 네 그리고 우리가 리뷰 한 거의 모든 앱은 멋진 앱입니다 그들은 정말로 좋다

그들은 그들의 기능을 정말 잘 수행하고 있습니다 NICK BUTCHER : 좋아 우리는 계속 나아갈 필요가있다 네, 그렇습니다 코닥 : [INAUDIBLE]

그래서 15 분 남았습니다 우리는 역 호환성을 통해 비행 할 필요가 있습니다 그래서 우리는 이전 버전과의 호환성에 대해 많은 슬라이드를 가지고 있습니다 다행히도 많은 스크린 샷이 있습니다 그러나 시작합시다

그래서 우리가 전략과 팁에 대해 이야기하기 전에 하위 호환성, 특히 역 호환성 때문에 개발하기위한 것이 아닙니다 우리는 많은 훈련 세션과 그 모든 것들을 가지고 있습니다 개발자를 위해,하지만 이것은 정말로 디자이너를 더 타겟으로 삼았습니다 우리가 여기에 자신의 팁을 공유하기 전에, 나는 확실히 디자이너들, 디자이너들, 호환성을위한 설계 지침을 살펴보십시오 호환성을위한 가이드 라인의 페이지는 상당히 짧습니다

몇 가지 중요한 일에 대해서만 이야기합니다 레거시 메뉴 버튼, 동작 방법 오버플로는 여러 장치에서 작동합니다 그래서 당신이 전에 알고 있어야 할 것들이 분명합니다 실물 모형이나 뭐든에 뛰어 들었다 NICK BUTCHER :이 비디오를 바로 일시 중지하십시오

지금 가서 읽으십시오 우리는 기다릴 것이다 그리고 우리는 돌아 왔습니다 ADAM KOCH : 계속 나아 갑시다 네

우리는 많은 것을 처리해야합니다 그래서 이전 버전과의 호환성 이전 버전과의 호환성을 보는 방법은 각 앱의 화면을 확장 할 수 있습니다 전체 앱 또는 개별 위젯 – 각 화면, 시각적 스타일 및 동작, 기본적으로 시각 및 상호 작용 설계, 그것이 기본에 얼마나 가까운 지의 스펙트럼을 따라 작동한다 응용 프로그램의 버전

예를 들어 Android 40 용 앱 디자인이있는 경우 이상, 그리고 Holo 요소가 있음, 이전에 버전, 안드로이드 23, 진저 브레드, 프로 요, 어쨌든, Holo 디자인 중 하나를 선택할 수 있습니다 또는 완전히 사용자 정의 디자인 및 해당 장치에서 사용합니다 아니면 무엇이든 말할 수 있습니다

기기 기본값은 – 예를 들어 진저 브레드의 체크 박스는 파란색 대신 녹색 – 그 당시의 일부 기기에서는 마치 파란색, 빨간색 또는 뭐든간에 장치 기본값을 사용해야한다는 선택을 할 수 있습니다 아니면 중간에 뭔가를 선택할 수 있습니다 보통은 모든 것을 홀로 만드는 것이 조금 힘듭니다 진저 브레드와 프로 요로 돌아 가라

개발자는 매우 쉽습니다 장치 기본값을 사용하십시오 그리고이 하이브리드는 중간 어딘가에 있습니다 그래서 하이브리드 솔루션 – 당신은 그것에 대해 조심해야합니다 그래도 실제로 작동 할 수 있습니다

이 하이브리드 UI를 스크린 샷으로 가져 오는데, 구성 요소는 Holo이고 일부 구성 요소는 장치 기본 스타일링을 통해 작동 할 수 있습니다 그래서 우리는 그 두 가지 예를 보여줄 것입니다 그러나 이것은 실제로 우리가 어떻게 결정했는지를 보는 방법입니다 역 호환성 전략 당신은 스펙트럼을 따라 어딘가에 골랐다

그리고 당신이 선택한 곳에 따라, 함께 일할 필요가 있습니다 귀하의 개발자 가이 그러나 당신이 선택한 곳에 따라 그것은 개발자를위한 노력의 양, 그리고 확실히 그것 최종 결과가 변경됩니다 그러나 이것들이 다른 옵션 들임을 명심하십시오 정말로 올바른 선택은 없습니다

내가 전에 말했듯이, 당신은 그것을 정확하게 할 수 있습니다, 당신은 그것을 할 수 있습니다 이 다양한 옵션 중 하나를 사용하여 그것이 잘 작동하는지 확인하는 것은 당신에게 달려 있습니다 아담 코치 : 네 그것은 실제로 사이의 절충 일뿐입니다 이러한 다양한 옵션

왼쪽에 더 많은 노력이 필요합니다 스펙트럼, 그러나 당신은 더 일관된보기가있을 것이다 오른쪽에서 볼 수 있듯이 여전히 작동 할 수 있습니다 곧 스크린 샷에서 NICK BUTCHER : 조금만 더 노력하세요

거기에 도움이되는 도구가 있습니다 로마 누리 크 : 당연하지 그리고 우리는 거기에 더 많은 도구에 대해 이야기 할 것입니다 개발자 및 디자이너와 관련이 있지만 여전히, 확실히 도움이 될만한 것이 있습니다 그렇게 말하면서 홀로 많은 사람들이 우리에게 물어 봅니다

Android 40 이상? 결국, 나는 조기에 Holo를 사용하려고 노력해야합니까? 플랫폼의 버전? 그리고 우리의 대답은 '예'입니다 Holo는 최신 장치를 위해 설계된 것이 아닙니다 Holo는 모든 사람, 모든 인간을 위해 실제로 설계되었습니다 정말 인간 – 컴퓨터를위한 디자인 언어입니다

상호 작용뿐만 아니라 인간 – 안드로이드 40 플러스 상호 작용 어디에서나 사용할 수 있습니다 분명히 작동하게하려면 약간의 노력이 필요하지만 다시 디자이너로서, 당신은 그것을 생각만큼 적게 생각합니다 Android 4

0의 스타일링 안드로이드의 신원 이것이 중요한 부분입니다 또 하나의 중요한 경험은 플랫폼은 실제로 일관성이 있어야합니다 정말로 완전히 분리 된 디자인을해서는 안됩니다 진저 브레드와 아이스크림 샌드위치 용 앱

작업 표시 줄과 같은 것들이 표시되어야합니다 모든 장치에서 지속적입니다 에 완전히 다른 UI로 전환하면 안됩니다 이전 버전은 없습니다 내장 된 프레임 워크 구성 요소

그리고 다시 얘기하겠습니다 레이아웃, 핵심 레이아웃, 탐색과 같은 것들 – 탭 사이를 스 와이프하는 것처럼 핵심 상호 작용 – 예를 들어 연락처를 선택하는 기본적인 방법과 같습니다 그것들은 실제로 똑같이 행동해야합니다 다른 OS 버전 그리고 저는 그것을 디자인으로 생각합니다

그리고 마지막 요점은 정말로입니다 개발자에 대한 자세한 정보 – 그러나 기회 주의적이어야한다 핵심 경험을 넘어, 핵심 탐색은 실제로, 개별 체크 박스와 마찬가지로 앱의 핵심적인 느낌, 그리고 스피너, 그런 것들은 그것에 대해 기회 주의적 아무 것도 정말로 나쁘지는 않지만 명백하게 보이는지 확인하십시오 기회 주의적

그리고 자신이해야 할 위치에 자신을 두지 마십시오 모든 픽셀이 완벽합니다 잃는 전투 너무 많은 시간이 걸릴 것이고, 당신은 잃을 것입니다 정말로 중요한 것에서 초점을 맞추십시오

앱의 핵심 경험 그래서 우리가 계속하기 전에, 다른 점들, 얘들 아? 이 세 가지에 대해서? 닉 바우처 : 아뇨 코닥 : 가자 솔리드 가자 코닥 아줌마 :하자

언급 할 또 다른 것은 – 이것은 더 많은 것입니다 전술 쪽 큰 차이점 중 하나는 Android 40과 Android 23 및 그 사이의 스크린 샷 지형, 글꼴입니다

Roboto는 Android 40 이상에서 기본 설정이므로 Droid Sans가 다른 모든 곳의 기본값이었습니다 그래서 이것은 당신이 정말로 노력하려고해서는 안되는 영역입니다 Roboto를 Android 23에서 어디에서나 사용할 수 있습니다

사용자가 실제로 익숙한 이유는 그들의 눈이 거의 텍스트를 읽을 것으로 기대하는 것처럼 보입니다 자신의 장치에서 특정 방식으로, 그래서 당신은 정말 그냥 시스템 디폴트 폰트를 사용하십시오 좋은 점은 디자이너의 경우, 요소와 물건의 폭을 계획하면 분명히 얼마나 많은 문자가 들어갈 지 생각 해봐야한다 이 줄 또는이 UI 위젯 그리고 좋은 점은 Roboto와 Droid Sans가 메트릭 호환, 즉 동일한 것을 사용하면 안드로이드 2

3에서 Roboto와 Droid Sans의 텍스트 조각 기기 및 Android 40 기기를 사용하면 그들은 거의 같은 너비입니다 여기서 가장 중요한 것은 번역과 같은 것입니다 예를 들어, 독일어 버전 또는 독일어 문자열 무언가가 정말로, 정말로 넓다 생각하는 것이 더 중요합니다

여기에 올바른 글꼴을 선택해야합니다 따라서 그 차이를 예를 들어 Droid Sans와 Roboto가 영어로 제공됩니다 그리고 나서 – 이것은 다시 전술입니다 그러나 귀하의 프로세스에서는 디자이너에게 정말 중요합니다 장치 테스트 프로세스에 참여할 수 있습니다

따라서 일반적으로 품질 보증팀 또는 개발자가 될 것입니다 모든 장치를 보유하고 있으며 테스트의 일종입니다 모든 기기에서 APK를 사용할 수 있습니다 디자이너가 실제로 참여해야합니다 팀의 디자이너는 시각적으로 민감한 사람들

그래서 그들은 작은 단점이 무엇인지 알아낼 수있을 것입니다 따라서 디자이너로서 자신을 소개하려고 노력해야합니다 QA 프로세스 분명히 풀 타임은 아니지만 시간을 투자하여 확실하게 확인하십시오 이전 버전의 플랫폼뿐만 아니라 다양한 기기를 사용할 수 있으므로 그것이 보이는 것처럼 느껴 져요 NICK BUTCHER : 그리고 거기에 일련의 연속적인 다른 버전에서 앱을 테스트하는 통합 도구 스크린 샷을 제작할 것입니다

그리고 이전 버전에서 생성 된 스크린 샷을 살펴볼 수도 있습니다 또는 작은 기기 [INAUDIBLE]를 사용하면 도움이됩니다 너 [미천 한] 이게 뭔가야, 닉, 너 더 일찍 언급했지만 개발자가 당신에게 오는 경우 디자이너이기 때문에이 특정 UI를 수행 할 수 없습니다 Honeycomb 이상에서만 사용 가능 Android 4

0 이상 거기에는 항상 큰 변명이 아닙니다 거기에 훌륭한 라이브러리가 있습니다 그래서 당신은 생각할 필요가 없습니다 액션 바가없는 앱과 액션 바가없는 앱을 모든 Holo 구성 요소가있는 응용 프로그램 및 Holo 구성 요소를 사용할 수 없습니다

밖에있는 라이브러리가 많이있어서 도움이 될 것입니다 다음은 몇 가지 예입니다 그래서 액션 바 셰럴, 너를 많이 확신 해 익숙하다 기본적으로 액션의 거의 100 % 백 포트입니다

이전 버전의 플랫폼으로 바 HoloEverywhere는 실제로 당신에게 많은 표준을 제공합니다 스피너 및 텍스트 필드와 같은 위젯 스타일 실제로 캘린더, 캘린더, 캘린더, 보기, 그리고 그런 것들 너에게 많이 줄거야

이 라이브러리는 많은 정보를 제공합니다 이전 버전으로 백 포트하십시오 개발자가 당신에게 와서 말한다면, 나는 절대적으로 이전에 사용할 수 없기 때문에 작업 표시 줄을 사용하십시오 플랫폼의 버전은 그것을 극복합니다 그들에게 당신이 이용할 수있는 도구가 있다고 말해주십시오

어쩌면 그렇게하지 않는 것이 가장 큰 이유는 아닙니다 스크린 샷으로 이동하기 전에 추가로 생각, 이전 버전과의 호환성을위한 지혜 전략? 홀로 모든 것들 코모 ADAM : Holo 모든 것 Holo 모든 것 그러나 그것은 당신에게 달려 있습니다

그렇죠? 디자이너는 다양한 유형을 알고 있어야합니다 밖에 장치의 개발자, 도구를 알고 있어야합니다 그들에게있어 귀하의 앱에 대한 올바른 결정을하십시오 NICK BUTCHER : 좀 더 심각하게 말하면, 무한한 자원이라면, 아마도 [INAUDIBLE] 집 쓰기 앱의 버전 아이스크림 샌드위치, 진저 브레드에 집 쓰기, 프로 요의 집 그러나 모든 사람이 그렇게 할 수있는 자원을 갖고 있지 않다면, 당신의 노력을 스케이트 타는 곳으로 Holo에 대한 설계 및 진행, Roman의 말처럼 미세한 픽셀 백 포팅에 대한 기회주의 당신이 용량을 가지고, 제어 물건 알았어

알았어 그래서 시간의 이익을 위해서, 저는 우리의 생산자 실제로 약 5 분 안에 실행해야합니다 이제 일부 스크린 샷을 살펴 보겠습니다 그래서이 모든 스크린 샷은 우리가 느끼는 앱이 될 것입니다 옳은 일을해라

그러면 너는 그것이 그 보편적 인 홀로 (Holo)의 결합, 모든 종류의 순수한, 장치 기본값 및 중간 어딘가에 있습니다 따라서 이것은 작업이 필요 없습니다 이것은 진저 브레드의 상호 작용과 영상이며 젤리 빈 (Jelly Bean) 스크린 샷 이것은 편집 화면입니다

Holo 스타일을 어디서나 볼 수 있습니다 이는 동일하며 작업이 필요하지 않습니다 그리고이 모든 슬라이드는 나중에 사용할 수 있습니다 그리고, 그런데, 사람들, 자유롭게 뛰어 오르십시오 당신이 적합하다고 생각하는대로

그러나 이것 모두가 또 다른 예입니다 여기에는 순수한 보편적 인 모양과 느낌이 있습니다 이 패턴은 정말 좋은 예제 인 또 다른 앱입니다 거의 완벽하게 복제 된 작업 수행 방법 진저 브레드와 젤리 그리고 이것이 어디서 처음으로 볼 수있는 예입니까? 하이브리드 스타일이 있습니다

그래서 Gingerbread의 Play 스토어에서는 표준 텍스트 필드 및 사용자 정의 단추 스타일 ICS 이상에서는 홀로 텍스트 필드를 사용합니다 스타일링과 Holo– 글쎄, 실제로, 나는 또한 커스텀 버튼이라고 생각한다 그러나 다시 두 경우 모두에서 아주 잘 작동합니다 여기에는 구성 요소의 불일치가 분명히 없습니다

이것은 제가 지적하고자했던 한 가지 사소한 사례입니다 Holo의 시리즈 가이드에서 거의 모든 것을 여기에서 제외하고 작은 별들을 위해서 그래서 진저 브레드 (Gingerbread)에있는이 별들은 녹색으로 ICS에 있습니다 그들은 파란색이야 그리고 정말로, 다시 말하면, 그것은 스타일링을 공유하는 경험, 그리고 장치가 기본적으로 가지고있는 것을 사용합니다

이것은 I / O App의 예입니다 이것은 단 하나의 사소한 화면입니다 스타일링이 혼합되어 있습니다 실제로, 우리는 내년에 이것을 개선 할 필요가 있습니다 나는 이것이 더 나을 수 있다고 생각한다

그러나 이것이 공정하게 작동하는 곳의 예입니다 그렇지만 개선 될 수 있습니다 NICK BUTCHER : 그게 네가하는 일의 좋은 본보기 야 활판 인쇄술에 대해 이야기하면서, 드로이드 샌프란시스코는 진저 브레드 (Gingerbread)에서 집에서 보입니다 Roboto ICS에서 집처럼 보인다

ROMAN NURIK : 그리고이 모든 것들은 Droid Sans를 사용합니다 진저 브레드 (Gingerbread), 로보트 (Roboto) 등이있다 텍스트의 레서피 검색 앱에서 또 다른 빠른 예 필드는 왼쪽에, 텍스트 필드는 오른쪽에 있습니다 이것은 다음을 사용하는 예입니다 내 생각은 How About We에서 온 것 같습니다

온라인 데이트 사이트 – 진저 빵과 플랫폼을위한 Holo 스타일링의 혼합 기본 스타일 그리고 다시, 그것은 정상적으로 작동합니다 앱의 핵심적인 느낌과 경험은 실제로 유지 이 하나의 화면에 위젯이 혼합되어 있습니다 스타일링, 그래서 나는 그것이 여전히 꽤 잘 작동한다고 생각합니다

How About 우리의 또 다른 예 그래서 이것은 다른 경우 인 검색입니다 기본적으로 플랫폼에는 이러한 내장 검색 메커니즘이 있습니다 그래서 만약 당신이 [? ?] 검색 관리자, 이는 디자이너에게는 아무런 관련이 없지만 플랫폼 기본 검색은 진저 브레드에서 특정 방식으로 보입니다 실제로 사용자가 사용하려고 시도해야합니다

그 일에 정말로 익숙합니다 반면에 젤리 빈에는 또 다른 유형의 방법이 있습니다 검색보기라는 항목을 사용하여 액션 바 이는 자동 완성과 동일한 종류의 것을 보여줍니다 정말 매우 비슷합니다

구현은 개발자에게 약간 다릅니다 그러나 다시 한 번 사용자가 기대하는 바를 사용하고 있습니다 왼쪽에 표준 플랫폼 작업, 표준 작업 오른쪽에 막대기 물건 ADAM KOCH : Ted Search보기의 또 다른 예 진저 브레드 스타일링 ROMAN NURIK : 이것은 환경 설정의 한 예입니다

일반적으로 시스템 기본 스타일을 사용하려고합니다 거기서 당신 만의 스타일링을하고 싶지는 않습니다 가능한 경우 표준 환경 설정, 활동을 사용하십시오 당신을 위해 모든 것들을 할 기본 조각 모든 것을 주제로 한 작업과 같은 앱 홀로 스타일, 환경 설정에서, 그들은 여전히 ​​가을 다시 표준에 – 오, 여기 우리가 간다

너는 나를 때렸다 네 테드와 똑같아 테드와 똑같아 그리고 나서, 이것은 정말로 빠르며 말하기 쉽습니다

상황 별 행동에 대해 제프, 너가 가야한다면, 꼭 따라서 상황 별 행동 – 이것은 일종의 것입니다 논쟁의 여지가있다 문맥 액션 바를 일종의 backport합니까? 사소한 상호 작용이라고 할 수 있습니다

그리고 그것은 그것이 개발자에게 달려 있다고 생각합니다 그것이 쉬운 경우에, 그 후에하십시오 그렇지 않다면 핵심이 아니라면하지 마십시오 앱에서의 경험 이 경우 Pattern의 경우 핵심 메 커닉은 여기에서 작동합니다

패턴을 사용하여 사용자가 여러 선택을 할 수 있도록 허용 패턴이 여기에 의미가 있지만, 확실히, 나는 생각한다 아직 2 차적입니다 세부 정보 화면의 작업 그래서 당신의 백 포트를 전적으로 의무화하지 마십시오 문맥 액션 바 내가 ActionBarSherlock이 문맥 액션 바 백팩, 그래서 당신을 위해 명심해야 할 것이있다

그리고 이것은 I / O App의 예입니다 상황 별 액션 바를 백 포트하지 않기로 결정했습니다 그래서 여기, 길게 누를 때, 당신은 컨텍스트 메뉴는 이전 표준보다 더 표준 적입니다 버전의 플랫폼 패턴에서 다른 화면이 선택되었습니다

대화 상자의 기본 장치 스타일 그리고 그들은 실제로 플러스와 대화 상자에 부정적인 동작이 발생했습니다 Play 스토어에서 더 많은 정보를 얻었습니다 그게 마지막이야 예

승인 ROMAN NURIK : 그것은 이전 버전과의 호환성이었습니다 분명히 우리는 큰 주제를 다룰 수 없습니다 그러한 짧은 기간 너희들이 의견, 생각, 느낌이 있다면 온라인으로 무료로 게시 할 수 있습니다

우리가 놓친 것이 있다면, 우리는 다른 에피소드에서 언젠가 네 NICH BUTCHER : 예 어쩌면 우리는 후속 조치를 취해야 할 것입니다 네, 물론입니다

NICK BUTCHER : 많은 내용이 있습니다 ROMAN NURIK : Design News를 살펴 보겠습니다 아주 약간의 시간 첫째, Taylor는 언제나처럼 재 설계를하고 있습니다 그는 단지 영화 발매에 정말 멋진 재 설계를했습니다

내가 밀어 낸 마법사 호출기 예제를 사용하여 몇 주 전, 정말 멋지다 그리고 이것은 맞춤 카드 스타일입니다 여기에 구입 한 티켓 그거 정말 멋지다 분명히 우리는 최근에 공식 안드로이드 디자인을 시작했습니다

Google+ 커뮤니티 여기에 게시물의 몇 가지 예가 있습니다 아직 보지 못했다면 가입을 권유합니다 – 거기에서 나오는 많은 좋은 콘텐츠 NICK BUTCHER : 나는이 공동체를 사랑합니다 정말 높은 수준의 토론이 진행되고 있습니다 잘 했어

마지막으로, 닉, 너에 대해서 이야기하고 싶니? 안드로이드 슬라이드에 대한 두통 완화의 반응? 네 NICH BUTCHER : 예 이것은 정말 아름다운 프리젠 테이션입니다 나는 당신이 이것을 원할 경우 이것을 확인해 주실 것을 적극 권장합니다 좋은 요약 또는 온도를 어디로 가져 가는지 반응 형 디자인은 Android, 특히 웹에 있습니다

개발자의 관점 – 정말 좋은 프레 젠 테이션 난 그것을 추천 해 ROMAN NURIK : 굉장해 나는 그것이 쇼를위한 것이라고 생각한다 조정 한 모두에게 감사드립니다

우리는 다음 주에 보지 않을거야 이것은 실제로 2012 년 마지막 쇼입니다 2013 년에 언젠가는 당신을 보게 될 것입니다 튜닝에 감사드립니다 나는 Roman Nurik입니다

아담 코흐 : 아담 코흐 Nick Butcher의 안녕 ADAM KOCH : 좋은 휴가 보내십시오 모두들 해피 홀리데이

[음악 재생]