2022년이 절반이 지났습니다. 저는 시간을 내어 올해와 내년의 가장 주목할 만한 트렌드를 검토하려고 합니다. 지난 몇 년은 UX/UI 산업에서 기술과 디자인이 지속적이고 빠르게 개발이 이루어진 시간이었습니다. 특히 새로운 탐색이 여러 방향으로 이뤄지고 있습니다. 단기적으로 끝날 때도 있지만 어떤 것은 다시 연구되기도, 어떤 것은 전보다 크게 주목받으며 새롭게 시도되기도 했고요. 2022년과 2023년 동안 집중적으로 주목받을 것으로 생각하는 몇 가지 트렌드를 여러분께 소개해드리겠습니다.

디자인 패턴을 구성하는 일은 난이도가 가장 높은 작업 중 하나입니다. 그래서 가능한 컬러와 모양 등을 쉽게 변경해 사용할 수 있는 툴이나 피그마 파일 등을 자주 사용하고 있습니다. 아무래도 패턴은 학습으로 만들어낼 수 없고, 무엇보다 서비스와 관련된 분위기를 녹이기 어렵기 때문입니다. 오늘은 웹에서 여섯 가지 스타일에 따라 다양한 디자인 패턴을 쉽게 생성하고, SVG, PNG, 코드 등으로 활용할 수 있는 서비스를 소개하고자 합니다.

오늘 인터뷰의 주인공은 딜라이트룸의 이보미 프로덕트 디자인 리더입니다. 딜라이트룸은 글로벌 모닝 웰니스 앱 ‘알라미’를 개발 및 운영하고 있으며, 다양한 분야에서 탁월한 경험을 가진 사람들로 구성되어 있습니다.

이번 글은 디테일에 관한 내용이 많다. 특히 Progress Indicator 부분에서 애플이 추구하는 디테일의 정수를 느낄 수 있었다. 이렇게 디테일한 요소에 대해서까지 적절한 지침을 주는 가이드라인이 얼마나 될까 싶다. 그리고 이런 디테일들이 곳곳에 녹아 있어서, 애플의 디자인이 정말 좋게 느껴지는 것이라는 생각도 들었다. 그리고 이를 보며, ‘평범한 것과 탁월한 것을 가르는 한 끗 차이는 디테일에서 나오는구나’라는 생각이 다시 한번 들었다. 그리고 저절로 다시 한번 돌아보게 된다. 나는 바쁘다는 이유로, 할 게 많다는 핑계로 얼마나 디테일을 놓치고 있었는지.

‘컨펌(Confirm)’이라는 단어는 디자이너들에게 있어 많은 의미를 갖습니다. 내가 만든 디자인을 클라이언트 또는 직장 상사에게 보여주며 ‘OK’를 듣기 위한 일련의 과정은 마치 학창 시절 숙제를 하는 느낌을 떠올리게 합니다. 하지만 특히나 디자이너와 컨펌이 밀접한 이유는 디자인이 시각적 결과물인 이유가 클 것입니다. 물론 피드백이 많은 것 자체가 문제가 되진 않습니다. 하지만 피드백으로 인해서 프로젝트가 멀고 먼 길을 돌아가게 되는 건 디자이너에게도, 관련된 모든 팀원에게도, 혹은 클라이언트에게도 썩 좋은 상황은 아닐 것입니다. 피드백이란 디자이너에게 날카로운 비수일 수밖에 없는 걸까요? 오늘 글에서는 디자이너의 관점으로 ‘어떻게 하면 허락받는 디자인이 아니라, 나의 디자인 그 자체로 설득할 수 있는 디자인을 할 수 있는가’에 대해 이야기해보고자 합니다.

와이어프레임이나 프로토타입 등을 제작할 때, 프로필 이미지를 꽤 많이 사용하게 됩니다. 프로필 이미지 자체가 여러 화면에서 쓰이기도 하고, 어떤 스타일로 제공할지 미리 확인하는 과정이 필요하기 때문입니다. 오늘은 다섯 가지 스타일과 세 가지 모양에 따라 프로필 이미지를 쉽게 생성하고 확인할 수 있는 피그마 플러그인 서비스 ‘Avatarg’를 소개하고자 합니다.

딜라이트룸에 입사한 후로 가장 많이 쓰고 듣는 단어는 WHAT, WHY, HOW(WWH)이었던 것 같습니다. 현재도 알라미팀은 직군을 가리지 않고 일하기 전에 가장 먼저 문제의 본질을 싱크하고 일을 진행합니다. 알라미 디자이너로 성장하면서 문제를 정의하고 해결 방법을 도출해 나가는 과정을 정리 겸 글을 작성해 봅니다.

이번 글은 애플의 디자인 가이드라인을 요약한 2번째 글이고, 실무에서 적용할 수 있는 팁이 많이 담겨있다. 다른 것보다 브랜딩 파트에서 놀랐는데, 그렇게 브랜딩을 잘하는 애플도 브랜딩보다 콘텐츠를 우선시하라고 말한다. 즉, 브랜딩에 너무 집착하다가 내실을 못 챙기는 것을 주의하라는 의미로 보인다. 그리고 역시 애플 디자인의 진수는 앱 아이콘이다.

오늘은 정적인 SVG 파일을 일정한 패턴에 따라 ‘움직임'이 포함된 대상으로 변경할 수 있는 웹 서비스를 소개하고자 합니다. 디테일한 작업은 어렵지만, 직접 제작한 SVG 파일이나 이곳에서 직접 편집할 수 있는 일러스트 파일을 활용해 가벼운 애니메이션을 추가할 수 있어 급할 때 많은 도움을 받을 수 있습니다.

앱 디자인이고 결국 앱이 활동하는 플랫폼인 iOS와 Android의 공식 디자인 가이드를 찾아보기로 했다. 그리고 결국 iOS Apple Human Interface Guideline을 나만의 교과서로 설정하고, 이를 공부했다. Google Material Design도 하면 좋겠지만 시간 관계상 못했다. 대학원생도 아니고 어느 정도 배우고 실무 해야 하니까. Human Interface Guideline(HIG)을 선택한 가장 첫째 이유로는 우리 앱 유저의 80%가 아이폰 유저였다. 또 디자인 측면에서 구글보다 애플이 더 뛰어나다고 생각했기 때문이다. 사람들이 구글의 실용성과 편리성을 칭찬하지, 디자인을 칭찬하지 않는다. 그러나 애플에는 디자인 찬사가 쏟아진다. 나 역시 아이폰 유저라서, Apple GUI를 더 쉽게 배울 수 있을 거라는 생각도 있었다.