호스트 프로필 카드가 가장 눈에 띕니다. 큼지막하게 강조된 호스트 프로필 카드를 누르면 호스트에 대한 정보를 확인할 수 있습니다. 살짝 기울어진 프로필 책을 누르면 부드럽게 페이지가 펼쳐집니다. 마치 호텔에 테이블에 세워진 메모를 열어 보는 것 같은 경험입니다. 카드 안에 적힌 ‘쓸모 없는 재능’ 같은 농담들이 재밌네요.
기능을 소개하는 것도 매끄럽습니다. 마치 연례 행사처럼 제품 경험이 어떻게 바뀌었는지 조곤조곤 설명하는 경험이 좋습니다. 월 단위 경험을 설정하는 UI는 놀랍고 감동적이기도 했습니다. 잊고 있었던 표현 그 자체의 아름다움과 사용하는 즐거움이 담겼습니다.
역시 에어비앤비는 디자인 중심 회사라는 것을 다시 느낄 수 있는 업데이트입니다. 특히 이번에는 ‘사용의 즐거움’을 느낄 수 있었네요. 복잡하지 않은 사용 패턴을 유지하면서 사용하는 즐거움을 전한다는 것은 아무 회사나 할 수 있는 것이 아니죠. 단순함이 곧 아무것도 없음을 의미하지 않듯 ‘좋은 것’을 경험하게 하는 것이 좋은 UX겠죠. 믿을 수 있는 호스트의 좋은 숙소를 예약할 수 있는 유용함, 단순한 패턴으로 터치 몇번으로 예약할 수 있는 사용성, 꼭 필요한 것만 남은 그래픽과 부드러운 인터랙션의의 심미성. UX의 정석을 보여주는 에어비앤비!
토스에서 디자인 컨퍼런스 SIMPLICITY23을 공개했습니다. 23명의 디자이너가 디자이너라면 했을 고민을 공유하는 다양한 세션을 준비했습니다.
Simplicity23
👁️ 디자이너의 눈
컨퍼런스라고 하면 보통 녹화 영상을 떠올리게 되는데 지금까지와는 다른 형태의 경험을 만들었습니다. 라디오나 영상과 같은 음성 중심 정보는 선형으로 인지합니다. 별다른 행동 없이 몰입해서 볼 수 있지만 처음부터 끝까지 봐야 한다는 단점도 있습니다. 다시 듣고 싶은 것이 있을 때 탐색하는 것도 쉽지 않죠.
이번에 토스는 마치 팟캐스트처럼 편안하게 들을 수 있는 경험을 중심으로 설계했습니다. 아무래도 낮 동안에 들을 디자이너분들도 많다 보니 다른 것을 하면서 들을 수 있는 경험에 집중했습니다.
Simplicity23Simplicity23
다만 이 형태만으로는 다양한 맥락의 정보를 전달하기 어렵고 보는 즐거움이 아쉬우니 이를 타이포그래피 모션과 다양한 인터랙션으로 풀었습니다. 텍스트 맥락에 맞는 적절한 부호로 문단을 강조하고 참고하면 좋을 이미지 자료가 오른쪽에서 등장합니다.
텍스트 정보는 애플 뮤직의 가사 보기와 비슷합니다. 지금 듣고 있는 것을 강조해서 집중할 수 있게 풀었습니다. 또 Medium 같은 텍스트 서비스에서 중요한 요소를 하이라이트하는 경험을 발전시켰습니다. 클릭하고 드래그하는 2번의 행동을 ‘공감해요’를 누르는 1번의 행동으로 줄였습니다. 궁금한 것이 생겼을 때 바로 질문할 수도 있습니다.
Simplicity23Simplicity23
📕 에디터 노트
제 아담한 맥북이 계속 비행기가 되었습니다. 크롬의 성능을 극한으로 사용해서 웹사이트가 무거웠습니다. 아쉽게도 약속한 시간을 넘어 오픈한 건 성능 최적화 이슈가 있지 않았을까 생각이 들었습니다.
작은 아쉬움이 있지만 한국에서 이토록 디자인에 집중하고 널리 퍼뜨리기 위해 노력하는 곳이 또 있을까 생각이 들었습니다. 기분 좋은 경험이 임팩트를 만들 수 있다는 것을 증명한 토스의 행보를 더 응원하게 됩니다. 결과물이 멋진 만큼 준비하는 시간이 절대 쉽지 않았을텐데 2년 주기로 컨퍼런스를 준비하는 모습이 멋지네요. 앞으로도 즐거운 디자인 이야기를 많이 만들어 주길!
전 국민이 쓰는 만큼 다양한 환경을 고려해 설계되었습니다. 어떤 PC 화면에서도 편하게 사용할 수 있게 레이아웃을 제공합니다. 가로 크기가 2560px 이상의 화면에서는 세로 3단으로 정보를 보여줍니다. 이보다 가로 크기가 줄면 2단으로 바뀝니다. 가로 크기가 모바일 정도로 줄면 하단에서 모바일 버전으로 이동할 수 있는 링크로 모바일 버전을 사용할 수 있습니다.
기존의 네이버의 시각 언어를 지키면서 콘텐츠를 탐색하기 편한 GUI로 바뀌었습니다. 정보를 묶는 컨테이너의 꼭지점이 많이 둥글어졌습니다. 외곽선으로 구분하던 탭은 / (슬래시)로 구분하고 상세 탭은 회색 배경에 가운데 점으로 구분합니다. 우측 아래 톱니바퀴 아이콘을 눌러 더 많은 시각 경험을 설정할 수 있습니다. 축소, 기본, 확대 중 하나를 선택해 글자 크기를 조절할 수 있습니다. 라이트 모드, 다크 모드, 기기 설정을 선택해 화면의 밝기도 조절할 수 있습니다.
기존 PC 경험을 지키면서 모바일 경험을 가져왔습니다. naver.com과 m.naver.com은 다릅니다. 네이버 앱, 모바일과 네이버 PC에서 보여주는 콘텐츠 내용이 다릅니다. PC 홈에서는 뉴스, 증시 등 본래 자주 사용하던 기능을 바로 발견할 수 있습니다. 여기에 더해 위젯 보드에서 원하는 앱을 선택하면 새 창이 떠 모바일 앱과 같은 경험을 할 수 있습니다. 캘린더와 메모와 같은 민감한 정보는 잠근 기능도 제공합니다.
PC 경험을 지키면서 모바일 경험을 가져온 멋진 해답이라는 생각이 듭니다. 효율을 위해 모바일을 PC에 그대로 사용하는 패턴이 많은데 작은 세로형 스크린에 손가락으로 제어하는 것과 큰 가로형 스크린을 키보드 마우스로 제어하는 것은 경험 차이가 큽니다. 서서히 모바일 중심의 UX 패턴으로 PC도 변할텐데 그 과도기에서 사용자가 불편하지 않으면서 PC를 편하게 사용할 수 있는 멋진 변화입니다.
네이버의 상징인 PC 홈은 모바일 홈처럼 변했고 ‘NAVER’ 로고 대신 ‘N’ 심볼이 남았습니다. PC 웹 검색은 네이버의 상징입니다. 닷컴 시절부터 지금까지 네이버가 성장하는 데 가장 중요한 역할을 했던 것은 ‘검색’이었습니다. 전 국민이 궁금한 것이 있을 때 PC로 초록창에서 검색했습니다. 이제는 완전히 모바일 시대가 되었고 네이버 역시 검색 그 이상의 서비스로 변했습니다. 많은 생각이 드네요.
구글이 잘못된 정보를 줄이기 위해 인공 지능이 생성한 이미지를 구분할 수 있는 ‘About This Image’기능을 출시합니다. 어떤 이미지를 합성해서 만들었는지 출처를 알려주며 미드저니(Midjourney)와 셔터스톡(Shutterstock)에 적용됩니다. 몇 달 안에 미국부터 영어로 제공할 예정입니다.
원본이 상실되는 시대에 신뢰를 얻기 위한 좋은 방향성 같습니다. 사진이나 CD처럼 복제의 시대에 동일한 가치가 복제되어 소유권을 정확히 할 수 있었지만 AI 생성 이미지는 소유권과 저작권을 판단하기 어렵습니다. 주인이 없다는 것은 여러 의미로 통제되지 않음을 의미하죠.
아직은 얼핏 보아도 AI가 만들었다는 티가 많이 납니다. AI 하나하나 한 명의 스타일처럼 느껴지기도 합니다. AI가 만들었다고 구분하는 것은 필수적일 것입니다. ‘AI-generated with Google’ 이라는 라벨이 구글에 대한 신뢰를 얼마나 더할 수 있을까요?
애플이 다가올 WWDC 전에 인지, 시각, 음성 접근성을 개선하는 여러 새로운 ‘손 쉬운 사용’ 기능을 먼저 공개했습니다. 올해 말 여러 애플 기기에 출시할 예정입니다.
‘손 쉬운 사용’은 여러 신체적 조건에서 편리하게 인터페이스를 조작하는 것을 돕는 다양한 기능을 뜻합니다. ‘라이브 스피치 (Live Speech)’, 퍼스널 보이스 (Personel Voice), ‘포인트 앤 스피크 (Point and Speak)’ 등을 공개했습니다.
‘포인트 앤 스피크’는 사물이나 글자를 해석해 알려줍니다. 원하는 부분을 손가락으로 가르키면 문자를 음성으로 읽어줍니다. 비슷한 기능인 ‘사인 타임’이라는 수화 통역 서비스도 제공할 예정입니다.
📕 에디터 노트
UX를 설계할 때 언제나 가장 최적의 조건에서 하는 경험과 가장 최악의 조건에서 하는 경험을 모두 고려합니다. 모든 경험의 총합을 높여야 하는 우리 디자이너는 언제나 한계에 직면합니다. 회사의 자원은 무제한이 아니기 때문에 집중할 사용자를 좁히죠. 어쩔 수 없이 놓치는 경험이 생길 수 밖에 없구요.
하지만 애플은 다릅니다. 세계 1위 회사라고 결코 여유롭진 않을 것입니다. 대충 만들리가 없죠. 여러 도전을 앞둔 상황에도 차이가 있는 누군가만을 위한 전용 복지가 아니라 다양한 환경의 처한 사용자의 불편을 줄이기 위해 더 넓은 영역으로 확장했다는 생각이 듭니다. 역시 애플이라는 말 밖에는.
토스에서 디자인 컨퍼런스 SIMPLICITY23을 개최합니다. 5월 22일(월) 오후 4시에 세션 영상을 공개할 예정입니다. 사전 신청 후 문자와 이메일로 안내받을 수 있습니다.
미지의 영역에 도전하는 Unknown Areas, 꼬인 매듭을 푸는 Untanaled Knots, 가치에 공감하게 만드는 Emphathize Value, 사용자에게 가까워지는 Getting Closer, 수많은 시도가 필요할 때 Countless Attempts로 구성됐습니다. 총 23개 세션으로 브랜딩, 제품 디자인, 하드웨어 디자인, 인터뷰, 테스트 등 다양한 영역을 다룹니다.
손으로 슥 쓰고 그린 것 같은 표현이 귀엽습니다. 부들부들 떠는 모션은 마치 사람들이 수근수근 거리는 것 같네요. 단단한 레이아웃의 서체가 색연필로 그린듯한 모양으로 변하는 것이 평소 토스의 깔끔하고 스마트하다는 인상에 인간적인 터치가 더합니다. S, P, T가강조되는 이유도 궁금하네요.
디자이너의 고민을 들어주는 토스다운 참여 경험도 좋습니다. 사용자 중심의 간단한 질문에 답하면 그에 맞는 토스 팀의 대답을 보여줍니다. 더 깊은 이야기는 다음 주에 들을 수 있겠네요.
회사의 성장과 좋은 디자인 사이에서 도전적인 상황에 자주 직면하는 우리 디자이너가 어디 하소연할 곳이 참 적은데, 이번 기회에 멋지게 문제를 해결한 동지를 만날 수 있다면 좋겠습니다. 토스의 디자인 컨퍼런스처럼 앞으로도 디자인에 집중하는 시간과 공간이 더 많아지면 좋겠네요. 꼭 참여해서 멋진 행보 이어갈 수 있게 응원해요!
대기자 명단이 없어지고 180개 이상의 국가에 공개되었습니다. 일본어와 한국어로 제공되고 있는데 곧 40개 언어를 지원할 예정입니다. 상호작용도 더 자연스러운 인터랙션으로 구성됐습니다. 어도비의 파이어 플라이와 바드를 통합되어 다양한 이미지를 손쉽게 만들 수도 있습니다. ChatGPT와 비슷한 형태의 협업인데 이미지 제작 영역을 어도비와 함께 하기로 했네요.
단순히 텍스트가 생성되는 것 이상의 검색을 보여줍니다. 복잡한 맥락을 긴 문장으로 작성하면 그에 알맞는 텍스트, 이미지, 영상 등 여러 콘텐츠를 압축해서 보여줍니다. 본래 강점이 있던 웹페이지와 이미지 검색 외에 쇼핑 정보 검색도 강화됩니다.
구글 지도 Google Maps
몰입형 경로 보기 기능을 공개했습니다. 원하는 곳으로 이동하는 경로를 볼 때 이제 메타포 뿐만 아니라 실제 세계의 모습을 거의 유사하게 볼 수 있습니다. 걷기, 자전거, 자동차 등 다양한 방식으로 이동하는 경로를 볼 수 있습니다. 심지어 자연 환경과 교통량 까지 마치 실제처럼 볼 수 있네요.
구글 포토 Google Photo
최초의 AI 제품 중 하나였던 Magic Editor도 개선됩니다. 가장자리가 잘린 피사체를 중앙으로 옮길 수 있습니다. 존재하지 않는 영역은 AI가 알아서 그려줍니다. 흐린 하늘도 자동으로 맑은 화면으로 바꿔줍니다.
Duet AI는 지금까지 많은 영역에서 도움을 주고 있었습니다. 슬라이드, 독스, 스프레드시트가 개선됩니다. AI로 작동하는 Smart Compose가 더 강력해집니다. 예를 들어 항공편이 취소되어서 전액 환불을 하고 싶을 때 프롬프트가 전액 환불을 요청하는 메일을 대신 쓸 수 있습니다. 독스와 지메일의 작성 지원 및 슬라이드와 밋의 텍스트, 이미지 생성과 스프레드 시트의 데이터 분석 및 계획 수립 기능을 제공합니다.
픽셀 7a, 픽셀 폴드, 픽셀 태블릿를 공개했습니다. 픽셀 7a는 픽셀 7의 저렴한 버전으로 499달러입니다. 픽셀 폴드는 지금 선주문하면 픽셀 와치도 받을 수 있다고 하네요. 픽셀 태블릿은 11인치 디스플레이로 충전 스피커 도크와 함께 스마트 홈 장치로 사용할 수 있습니다.
트위터가 창작자를 위한 수익 창출 기능을 배포했습니다. 이제 전 세계 사용자가 트위터에 올리는 콘텐츠로 수익을 올릴 수 있습니다.
트위터 슈퍼 구독자
텍스트와 비디오 모두 수익을 만들 수 있습니다. 제작자가 5만 달러를 벌 때까지 수익을 최대 92%까지 유지하게 허용합니다. 이후로는 80%로 떨어집니다. 12개월 동안 제작자는 앱에서 iOS, Android 커미션을 뺀 나머지 30%, 웹에서 8%를 받습니다. 연말에 iOS와 Android의 수수료는 15%로 떨어지고 트위터가 수수료를 추가합니다.
수익을 창출하려면 트위터 계정이 3개월 이상 활성화되었고 30일 동안 최소 500명의 팔로워와 25개의 트윗이 있어야 합니다.
트위터 슈퍼 구독자
디자이너의 눈
제품 경험에 제한을 두어 유료화하는 것은 자연스러운 흐름입니다. 최근 트위터 블루라는 파란 뱃지를 이용해 유료 사용자에게 트윗 수정, 광고 줄이기, 긴 트윗 등 다양한 부가 기능을 제공했습니다.
이제 여기에 더해 돈을 벌 수 있게 만듭니다. 트위터는 콘텐츠 자체의 규모가 작기 때문에 유튜브처럼 광고를 시청하게하는 방식을 택하긴 어려워보였습니다. 제한된 사람들에게만 공개되는 텍스트, 오디오, 비디오 콘텐츠를 게재하는 플랫폼 경험을 제공할 것으로 추측되네요.
트위터 슈퍼 구독자트위터 슈퍼 구독자
에디터 노트
머스크는 트위터를 샀고 극심한 재정난을 겪고 있습니다. 회사를 정상적으로 운영하기 위해 다양한 수익화 수단을 도전합니다. 다행히 추가하는 기능과 경험이 불합리하게 사용자를 차별하고 착취하는 형태는 아닙니다. 트위터가 조만간 서브스택이라는 뉴스레터 플랫폼처럼 창작자가 주로 활동할 수 있는 플랫폼처럼 성장하지 않을까 싶네요.
최근 ‘레몬 8 (Lemon 8)’이라는 앱이 급작스러운 인기를 얻고 있습니다. 출시한지는 오래되었으나 최근 미국 앱 스토어 다운로드 10위 권에 진입했습니다. 라이프스타일 커뮤니티라고 칭하는 레몬8은 패션, 여행 등 다양한 주제로 사진과 영상을 공유하고 커머스 링크도 연결할 수 있습니다.
이 앱을 만든 곳은 바이트댄스라는 회사입니다. 지금 전세계에서 가장 인기가 많은 ‘틱톡’을 만든 곳입니다. 미 정부와 의회로부터 중국 정부에 사용자 정보를 넘겼다는 의혹을 받아 감시 받고 있습니다. 미국 정부의 압박을 받자 다른 서비스를 베껴 새 서비스를 만들고 기존 사용자를 의도적으로 이전시키고 있습니다.
레몬 8레몬 8
디자이너의 눈
기본적으로 사진은 3장 이상 글은 150자 이상을 쓰는 SNS 형태입니다. 핀터레스트 레이아웃에 인스타그램처럼 소통하면서 아마존처럼 쇼핑할 수 있습니다.
중국의 샤오홍슈와 디자인이 동일합니다. 샤오홍슈는 산 물건을 자랑하는 커뮤니티에서 쇼핑몰로 발전한 소셜 커머스 서비스로 선풍적인 인기를 끄는 서비스입니다.
레몬 8레몬 8샤오홍슈샤오홍슈
에디터 노트
좋은 경험과 전략적 성공에 대한 생각이 많이 듭니다. 오직 성장만을 위해 많은 것들을 희생하길 요구하는 상황에 전략적 성공을 위해 중국은 도덕적인 기준을 넘어가거나 무시합니다.
성공을 위해 모든 것이 용서되는 분위기 속에서 사용자를 속이고 기만하는 것이 늘어나고 있습니다. 빠른 성장과 성과를 위해 비도덕적인 행동을 한 것이 그들이 원하는 결과를 만들고 전세계에 영향을 끼친다는 것이 두렵습니다.
비단 한국도 다르진 않을 것 같습니다. 우리는 어떤 좋은 것을 만들 수 있을까요? 우리가 만드는 모든 것을 성공을 위해 포기해야하는 것일까요?
