반응형 ᴜx30 고정 UI 요소를 디자인할 때 고려해야 할 사항 고정 요소는 무엇인가? 고정 요소는 페이지를 아래로 스크롤 할 때 브라우저 뷰포트 내에서 고정된 위치에 유지되는 모든 것이다. 일반적으로 고정 네비게이션에 사용되며, 상단에 고정되어 페이지를 탐색할 때 항상 표시된다. 화면 우측 하단에 고정되어있는 채팅 도움말을 본 적 있을 수도 있다. 어떤 문제를 일으킬 수 있을까? 어떤 한 요소를 지속적으로 표시하면, 주의가 산만해져서 유저가 찾고 있는 콘텐츠에 집중하기 더 어려워질 수 있다. 고정 요소도 마찬가지다. 화면에 클릭 유도 문구가 있어도, 고정된 채팅 아이콘이 화면 위에 있는 경우라면 그것을 놓칠 수도 있다. 이 문제는 키보드 네비게이션을 고려하거나, 고정 요소에 의해 집중되어야 하는 컨텐츠가 가려질 때 상황을 더욱 악화시킨다. 종종 간과되는 고정 요소의.. 2022. 3. 11. Figma의 인터랙티브 컴포넌트 기능 이해하기 Figma는 요즘 많은 신기능 개발에 박차를 가하고 있다. 그 중 내가 주목하는 것은 인터랙티브 컴포넌트다. 이 기능에 의해, 재이용 가능한 인터랙티브 컴포넌트를 빠르게 조립해 클릭 가능한 프로토타입으로 디자인에 생명을 불어넣을 수 있다. 이 기능이 개발되기 전에는 인터랙티브 프로토타입을 만들 수 있었지만, 인터랙티브 기능을 보여주기 위해 여러 프레임을 복제하고 조정하는 데 많은 노력이 필요했다. 업데이트를 할 때 효율적인 프로세스가 아니라고 할 수 있다. 신기능의 차이는컴포넌트 수준에서 Variants 간 인터랙션을 정의할 수 있다는 것이다. 그런 다음 이러한 인터랙션은 컴포넌트에 새겨져, 컴포넌트의 모든 인스턴스에서 사용할 수 있다. 이전에는 전체 프레임을 연결하여 프로토타입을 만들었다. 그 후 F.. 2022. 3. 9. Google I/O 2021 후기 - Material Design 중심 2020년 코로나로 인해 취소되었던 Google I/O가 Android 12와 함께 돌아왔다.(정말 반가움..) 디자이너로서 가장 눈에 띄었던 이슈는 역시나 'Material You'이다. 2014년 5.0Lollipop이 출시된 후 가장 큰 변화인데, 콘텐츠의 개인화를 뛰어넘어 디자인 시스템 자체를 개인화된 접근 방식으로 구축할 수 있다. 이는 디자인 시스템의 의미가 프로세스 효율성 추구를 넘어서 개인적, 개별적으로 운용하고 유연하게 확장성까지 고려할 수 있음을 보여준다. 따라서 사용자를 공동 제작자로 보고, 더 많은 표현과 개인 디바이스 제어에 대한 사용자들의 니즈를 반영했다. 색상과 쉐입, 빛과 모션에 이르기까지 그들의 전체적인 경험을 재고한다. 이를 What's new in Material Des.. 2021. 5. 24. 2020 디자인 코리아 국제 컨퍼런스 - Design Beyond Data: 디자인, 데이터를 그리다 후기 팬데믹 위기 속에서 새로운 문화로 자리 잡은 디지택트 시대를 맞아 온라인 행사들이 늘어나고 있다. 그중, 11월 19일 오후 1시부터 온라인 스트리밍 방식으로 개최되었던 디자인코리아 페스티벌(DKfestival) 국제디자인컨퍼런스에 참석했다. 한 달 전 정도부터 참가자 온라인 접수를 진행하였고, 행사 당일 메일로 온 링크를 통해 접속할 수 있었다. 그런데 이런 과정 없이도 홈페이지 가면 바로 영상을 볼 수 있었음.. 머쓱 203 인포그래픽연구소 장성환 대표님은 1965년 이후 급속도로 증가하는 빅 데이터와 인포그래픽을 언급하며, '정보와 디자인이 만날 때 행동으로 이어지게 한다. 데이터가 시각화되기 시작하고 변화하는 단계에서 좋은 인포그래픽은 정보를 이해하기 쉽게 하고, 매력적으로 행동과 실천 유도하는 .. 2020. 11. 19. 올바른 디자인 시스템 만들기 : 컴포넌트 오늘날 디자인 시스템은 모든 디자이너와 개발자로 이루어진 팀의 주요 도구 중 하나다. 아이콘에서 페이지 템플릿에 이르기까지 프로덕트의 모든 응용 가능한 디자인 요소가 어떻게 보이는지를 정의한다. 디자인 시스템은 새로운 레이아웃의 생성, 페이지 개발, 프로덕트 구성 요소에 대한 공통된 이해를 단순화하고 프로덕트의 사용성 향상에 도움을 준다. 디자인 시스템이 제품에 해를 끼칠 수 있는 방법 그러나 디자인 시스템은 어디에나 모두 그대로 사용 가능한 보편적인 도구가 아니다. 디자인된 프로덕트의 전략에 따라 모양과 크기가 다르다. 디자인 시스템을 만들고 유지하는 데 시간과 리소스를 투자하기 전에, 필요한 특정 목적이 무엇인지 생각해보아라. 이 과정은 나중에 많은 두통을 덜어 줄 것이다. 단지 현대적이고 트렌디하다.. 2020. 11. 10. 디자인 검증: 디자인이 좋은지 어떻게 알 수 있을까? 인트로 모든 프로젝트를 진행하면서, 디자이너들은 셀 수 없이 많은 결정을 내린다. 여기에는 글꼴, 마이크로 카피, 유저 플로우, 프로덕트 구조가 포함된다. 이런 리스트는 끝이 없다. 하지만 이 과정에서의 선택이 최적의 것인지 아니면 최소한 좋은 것인지를 알아내는 것은 꽤나 까다롭다. 이것은 우리에게 이 아티클의 주제를 가져다준다: 당신의 디자인이 뒤흔들렸는지 어떻게 알 수 있을까. 읽기 전에 몇 가지 고지 사항: 이 글에 제시된 좋은 디자인 검증 방법에 대한 리스트는 결코 포괄적이지 않다. 디자인 검증에 관한 책들이 있다. 그리고 당연히 우리는 덧붙일 수 있다. 여기 설계 검증 방법에 대한 좋은 개요가 있다. 여기서 UX 테스트 프로세스 전체를 확인해보아라. 이 아티클에 제시된 당신의 디자인을 테스트하는.. 2020. 11. 5. 이전 1 2 3 4 5 다음
