1Password brings their Android app to Chrome OS | Centered Ep 5

1Password로 이룰 수 있는 대단한 점은 당신들처럼 저를 추운 바깥에 두지 않는다는 거죠 아직 찍고 있지요, 그렇죠 네, 아직 찍고 있어요 좋아, 갑니다 준비하고 찍습니다 휴대폰을 바꿨을 때 첫 번째로 설치하는 앱 중 하나는 1Password예요 수년간 탄탄한 시스템으로 발전했고 Android의 몇몇 기능을 이용해서 사용자들이 즐거운 경험을 할 수 있죠 그리고 Android 앱에서 Chrome OS로 옮겨서 그 영역을 확장시킬 수 있어요 저는 지금 토론토에서 1Password 팀과 함께 몇 년간 사용자 피드백을 통해서 이 제품이 어떻게 발전했는지 알아보려고 나왔습니다 온타리오 주, 토론토 시작하기 위해서 저는 마이클을 만날 것입니다 마이클은 1Password의 Android 제품 개발자의 리더죠 비밀번호를 관리한다는 것은 실제로 아주 복잡하고 힘들 것 같아요 우리는 이런 노력을 합니다 사용자 인터페이스를 갖추려고 하며 꽤 복잡한 아이디어를 보안과 암호화 작업을 거치고 최대한 간단하고 쉽게 쓸 수 있도록 노력합니다 Android 앱을 만들어서 1Password가 Android에서도 움직이는 발전 상황을 볼 수 있는데요 그리고 Android 앱에서 Chrome OS에도 가져왔죠 Chrome OS가 정말로 인기를 얻기 시작할 때 우리 제품이 Chrome OS에 없다는 사실에 괴로워했습니다 우리는 1Password가 사용자들이 있는 곳에 있기를 바랐습니다 그래서 사용자들이 있는 플랫폼이 무엇이든지 그곳에 있길 원했죠 기억을 되짚어서 올라가면 1Password는 Android에서 출시됐죠? 네 그래서 1Password의 가장 첫 번째 버전은 Android에서 사용 가능했습니다 이걸 1Password 리더라고 부릅니다 그 이유는 그 당시엔 읽기만 가능했기 때문입니다 네, 그 당시엔 비밀번호에 접근해서 비밀번호를 읽기만 가능했군요 아주 간단한 기능이네요 맞습니다 2014년으로 돌아가면 1Password 4를 출시했는데 우리 목표 중 큰 부분은 1Password가 다른 플랫폼에서 작동됐던 것처럼 Android에서도 작동되는 것이었습니다 그리고 1Password 6로 넘어가서 부분적으로는 디자인 측면과 기능 측면에서 큰 변화가 일어납니다 우리는 이제 머터리얼 디자인에서 불러올 수 있게 되었습니다 머터리얼 디자인은 롤리팝에서 출시됐죠 그리고 우리가 영감을 받았던 것은 앱의 디자인을 바꿔서 Android 플랫폼에서 자연스럽게 보이는 것이었습니다 그리고 드디어 현재 1Password 7으로 넘어가면 이번 제품은 이번 여름에 출시되는 제품입니다 1Password의 발전에 있어서 사용자 피드백은 어느 정도의 영향을 끼치고 있나요? 사용자 피드백은 우리에게 정말 중요합니다 아주 초기 때부터 1Password의 이야기를 구성하는 일부분이었죠 실제로 우리 회사의 가장 큰 부서는 사용자 지원에 집중하고 있습니다 그래서 이 팀은 회사를 위해서 고객을 지지하는 활동을 하며 잘 작동할 때 개발자에게 말해주며 더 중요한 건 잘 작동하지 않을 때 말해준다는 거죠 그리고 고객 지원 팀이 개발 팀과 얼마나 가깝게 일하나요? 회사의 핵심 인력이 있는데 고객 지원에 집중하며 고객 지원과 개발 팀 사이에서 연락자로서 의사소통합니다 페리 씨는 제가 자주 찾는 사람으로 Android 분야에서 일하죠 제가 페리 씨에게 가서 고객 피드백이 앱에 얼마나 녹아드는지 알 수 있겠군요 제가 1Password에서 알아차린 점 중의 하나는 1Password의 고객 지원 팀이 아주 잘 되어 있다는 거예요 우리는 1Password의 고객 지원에 많은 힘을 쏟고 있습니다 고객들이 경험하는 것과 우리가 실제로 개발하는 것의 다리를 놓는 것을 좋아합니다 제품을 실제로 개발하고 더 낫게 만들기 위해서 1Passwrod 공동체에서 중점적으로 모을 수 있었던 정보엔 뭐가 있을까요? 우리가 만드는 주요 변화 한 가지는 실행하기 전에 많은 요청을 받는데 이걸 빠르게 검색할 수 있다는 거죠 저는 제가 빠른 검색을 원하는 사람 중 하나라고 생각했어요 그래서 사람들이 원하는 것을 정말 빨리 찾아내는군요 1Password에 좋은 소식이에요 모든 데이터를 가지고 있으며 이걸 보안 처리하고 싶어 하니까요 하지만 아주 빠르게 접근할 수 없다면 정보를 넣지 않을 거니까요 검색을 해서 접근한 다음 실제로 어떻게 발전하는지 옆에 두고 비교하고 싶어요 저는 새 1Password 7 앱을 사용하고 있습니다 포럼의 토론 내용을 검색하고 싶다면 포럼을 타이핑해서 빠르게 검색하면 벌써 검색되었네요 제가 가장 좋아하는 부분이죠 탐색 창을 열어야겠죠 카테고리를 누르고 아이템을 눌러서 검색을 누르세요 – 하나, 둘, 셋 – 하나, 둘, 셋 넷, 시작하기 전에 이렇게 해봐요 당연히 앱의 일반적인 사용자들에게 해당하는 말이에요 그래서 1Password 6와 7에서 변화한 것 중 제가 좋아하는 것은 사람들이 정보에 접근할 때 쉽고 아주 빠르게 접근할 수 있다는 거죠 사용자가 사용하기 편하게 되어야 합니다 왜냐하면 처음 사용할 때 대부분의 사람들은 어려워하니까요 페리 씨, 1Password를 어떻게 발전시키는지 들어서 좋았어요 세이트 로렌스 마켓 이제 1Password Android 엔지니어인 사드 씨와 대화하기 위해서 나왔습니다 Android 앱에서 Chrome OS로 어떻게 옮겼는지 듣기 위해서죠 하지만 먼저 커피가 필요합니다 이 시장은 현금만 받는 걸로 알고 있어요 걱정 마세요, 제가 갖고 있어요 감사합니다 커피 2잔이요 네, 계좌이체할게요 1Password의 멋진 점은 로그인을 하기 위해서 검색할 필요 없이 자동 로그인된다는 거죠 돈을 바로 보낼 수 있어요 Android 앱에서 Chrome OS로 옮길 때 사용 가능한 크기가 다르다는 걸 생각해야 하고 태블릿에서 작동되는지 픽셀북에서 작동되는지 봐야 했죠 설명을 해주시면 좋을 것 같아요 사드 씨가 생각해야 하는 디자인은 어떤 게 있었을까요? 우리는 운이 좋았습니다 1Password를 개발할 때 즉각 반응하는 UI를 염두에 뒀죠 왜냐하면 Android 기기는 다양한 크기와 화면 밀도를 가지고 있으니까요 그래서 다양한 화면을 생각하고 개발 작업에 들어갔습니다 그리고 이제 Android로 작동되는 여러 화면을 갖고 있고 Android 앱과 Chrome OS에서도 작동합니다 즉각 반응하는 UI를 가지는 게 필수 사항이 되었습니다 이 같은 개발 작업을 할 때 다른 중단점에 어떻게 접근했는지 정말 궁금한데요 우리는 더 큰 디스플레이를 위한 태블릿 레이아웃을 항상 갖고 있어요 Chrome OS는 나머지 부분을 제어하며 사용 가능한 창 크기를 알죠 그래서 특정 제한점을 넘어가면 다른 레이아웃으로 바뀝니다 이 지점에서만 제 아이템 목록을 볼 수 있어요 모니터가 2개인 레이아웃에서는 사용이 힘들죠 그리고 화면을 확장하면서 다른 추가 공간을 써야 하는데요 그래서 목록 아이템을 누르는데 의지하지 않고 아이템 자세히 보기 창으로 가겠죠 실제로 목록 면에서 누를 수 있지만 아이템 자세히 보기 창에서 이미 보여주고 있을 거예요 이 창에서 볼 수 있어요, 맞아요 여기에서 제가 말하고 싶은 것은 아래 있는 탐색을 쓰지 않고 가장 좋아하는 것, 카테고리 태그, 설정, 필요한 모든 것에 접근할 수 있는 옆에 있는 탐색을 쓴다는 것입니다 하지만 탐색이 꼭 밑에 있는 건 아니지만 이건 아주 중요한 거예요 아래 있는 탐색의 장점은 휴대폰에서 쉽게 누르고 접근할 수 있다는 거니까요 하지만 더 큰 화면으로 넘어갈 때 그런 점이 필요 없어지죠 휴대폰에서 쓸 때 장점이 없어져요 그래서 사람들이 쉽게 누르고 클릭할 수 있는 옆 메뉴로 가서 터치패드 같은 걸 사용하면 쓰기 정말 편하죠 Chrome OS는 터치패드와 키보드로 쓸 수 있어요 키보드 탐색을 앱에 넣고 싶다면 어떤 과정을 거쳐야 할까요? 보내기 키와 바로가기 이벤트를 중단시켜야 합니다 그리고 원하는 키를 가져오면 됩니다 특정 UI가 초점을 맞출 수 있는지 플래그를 사용해서 가리킬 수 있습니다 그리고 초점을 맞출 수 있다면 시스템은 한결 사용하기 쉬울 겁니다 초점을 맞출 수 있는 아이템이 있다면 접근성 라벨 형식을 추가해서 자신이 어디 있는지 알 수 있겠군요 이 창에서 볼 수 있는데요 접근성을 위해서 중요한 특정 제어들을 보여주고 있어요 이런 경우에 플래그를 사용해서 어떤 특정 요소가 접근성을 위해서 중요한지 보여주죠 그리고 접근성이 없다면 넘어가면 됩니다 하지만 이미지 뷰에서 이런 것들을 사용한다면 설명 란을 설정할 수도 있어요 예를 들어서 계정 배너를 찾고 있다면 해당 UI 요소를 위해서 콘텐츠 설명 란을 가리킬 수 있습니다 사드 씨, Android 앱에서 Chrome OS로 옮기는 방법을 알려줘서 정말 고맙습니다 수년간 사용자 피드백은 1Password 앱을 발전시켰습니다 간단한 비밀번호 리더기에서 모든 기능을 갖춘 Android 앱으로요 머터리얼 디자인을 써서 다양한 화면 크기에서 Android를 계속 사용할 수 있게 하였습니다 즉각 반응하는 UI로 개발하여 휴대폰과 Chrome OS 기기에서 앱을 사용하면서 멋진 경험을 하도록 도왔습니다 우리는 제품 생산자로서 사람의 경험에 초점을 맞춘 'Centered'를 제작하고 있습니다 안녕하세요 시작해볼까요 손을 사용하세요 팔을 사용하세요 재킷을 입고 있지만 할 수 있어요 팔을 반대로 하고 있네요