현재 많은 서비스에서 모션 디자인을 활용하는 이유는 자연스러운 사용자 행동 유도는 물론, 서비스 탐색 과정에서 지루함 없이 순간의 몰입을 만들어 주기 때문입니다. 최근에는 모션 디자인을 쉽게 만들 수 있게 도와주는 서비스도 많아졌습니다. 오늘 소개하는 ‘Jitter’ 역시 최소한의 학습으로 모션 디자인을 만들 수 있도록 도와주며, 피그마 파일을 불러와 편집하는 등 편의가 더해진 곳입니다.

업계 아티클을 즐겨 보시는 분이라면 디자이너의 커뮤니케이션에 대한 글을 심심치 않게 보셨을 겁니다. 이는 그만큼 디자이너에게는 디자인 못지않게 커뮤니케이션 능력도 중요하다는 의미일 것입니다. 같은 배를 탔지만, 각자의 목표와 이해관계가 다르기 때문에 잘못하면 배가 이리저리 휘청거릴 수 있습니다. 이때 함께 일하는 사람들과 서로 윈윈하며 공동의 목표를 달성할 수 있는 디자이너의 커뮤니케이션 팁을 몇 가지 알려드리겠습니다.

3D는 상황을 보다 입체적으로 전달하는 데 효과적인 방법입니다. 오늘 소개하는 ‘Pixcap’은 다양한 종류의 디자인 요소를 조합하거나, 캐릭터의 포즈 등을 선택해 3D 디자인을 웹상에서 쉽게 만들 수 있도록 도와줍니다. 또한 AI 프롬프트를 활용해 편집하는 시간을 줄이고, 원하는 디자인을 빠르게 확인할 수 있는 기능도 제공합니다.

웹 접근성(a11y)은 장애가 있는 사람, 네트워크 속도가 느린 사람, 오래되거나 손상된 하드웨어 또는 단순히 낙후된 환경에 있는 사람 등 누구나 사용할 수 있는 웹사이트를 만드는 데 꼭 필요한 가이드를 의미합니다. 모두가 같은 조건과 상황에서 서비스를 사용할 수 없기에, 접근성에 대한 고민은 더 많은 사용자를 고려하는 방법으로 활용할 수 있습니다. 이번 글에서는 크롬 확장 프로그램, 피그마 플러그인 등을 활용해 서비스의 접근성 대응이 잘 되어 있는지 확인할 수 있는 ‘Stark’에 대해 소개하고자 합니다.

반응형으로 구축된 서비스는 테스트를 진행할 때 다양한 디바이스에 따른 해상도를 꼭 확인해야 합니다. 오늘은 다양한 조건의 디바이스를 선택해, 각 디바이스에 따라 기능 혹은 화면이 어떻게 보이는지, 사용 시 문제가 없는지를 한눈에 확인할 수 있는 서비스 ‘Responsively’를 소개하고자 합니다.

Config 2023에서 공개된 피그마의 새로운 기능에 대한 강연을 보면서 저는 많은 생각이 들었습니다. 그중 하나는 “피그마는 디자인 도구에서 노코드 개발 도구로 진화하고 있는 건가?”라는 궁금증이었죠. 이러한 의문은 변수(variables) 기능의 출시를 지켜본 후 더욱 강화되었습니다. 변수 기능은 디자이너가 단 한 줄의 코드도 없이 온전한 기능을 갖춘 프로토타입을 만들어 낼 수 있는 노코드 개발 기능입니다. 이번 글에서는 디자이너로서 ‘노코드’에 대한 생각과 느낌을 공유하고자 합니다.

IA는 우리가 사용하는 모든 서비스가 가지고 있습니다. 그래서 새로운 서비스를 만들거나 기존 서비스를 개선할 때에도 중요한 부분인데요. 올 한 해 다양한 서비스의 IA를 설계하고 개선하는 프로젝트를 진행해 볼 수 있었습니다. 그동안 알게 된 것과 이해한 내용을 바탕으로 IA 설계를 시작하는 신입 디자이너에게 도움이 될 만한 내용을 정리해보려 합니다.

피그마는 강력하고 다재다능한 UX/UI 디자인 도구인데, 플러그인을 활용하면 생산성과 창의성을 더욱 높일 수 있습니다. 플러그인은 콘텐츠 생성, 애니메이션 제작, 에셋 가져오기 등 피그마에 새로운 기능이나 기능을 추가하는 확장 기능입니다. UX/UI 작업을 가속화하고 디자인 프로세스를 보다 효율적이고 즐겁게 만들어주는 7가지 필수 피그마 플러그인을 소개합니다.

길을 걷다가 낯선 사람이 집 비밀번호를 알려달라고 하는 상황을 상상해보자. 대부분의 사람들은 의심을 한가득 품고 그 사람을 피해야겠다고 생각할 것이다. 그런데, 스레드라는 낯선 이에게는 집 비밀번호를 알려주는 걸로도 모자라 언제 어디서든 나를 감시할 수 있는 카메라를 설치하도록 도와준 셈이다. 모든 게 물 흐르듯 진행되었다. 여기엔 두 가지 심리학 이론이 숨어있다.

사이트맵이란 사용자가 특정 웹사이트에서 원하는 서비스를 한눈에 찾을 수 있도록 링크를 정리한 화면을 의미합니다. 검색에서도 중요한 역할을 하지만, 기획과 디자인 과정에서의 사이트맵은 우리 서비스의 전체 메뉴를 한눈에 볼 수 있도록 도와주는 역할을 합니다. 오늘 소개하는 ‘flowmapp’은 사이트맵을 쉽게 생성하고 관리할 수 있도록 도와주며, 업무 진행 상태 입력은 물론 간략한 와이어프레임 제작 기능도 지원합니다.