반응형 ᴜx30 성공적인 디자인 핸드 오프, Design Handoff 프로덕트 창조는 한 부서에서 다른 부서로 팀 내의 아이디어와 형태를 이전하는 긴 연쇄 과정이다. 이 아티클에서는 디자이너와 개발자 간의 상호 작용에 대해 이야기해보겠다. 디자인 핸드 오프 란 무엇인가? 디자인 핸드오프 단계에서는 설계자가 UX와 UI를 통해 창업자의 아이디어, 관리자 및 분석가의 요구 사항 등을 개발자에게 전달할 수 있는 발판을 마련해야 한다. 팀 내 좋은 내부 연결의 도움으로 개발자들은 고객에게 실제 제품을 더 빨리 사용하기 시작할 수 있는 기회를 제공할 것이고, 미래에는 팀 전체가 훨씬 더 빠르게 프로덕트를 개선할 수 있을 것이다. 디자인 핸드 오프가 어려울 때 나쁜 디자인 핸드 오프는 모든 규모의 회사에서 발생한다. 신생 스타트 업은 자신의 혼란 속에서 프로세스를 구축하기가 어렵다는.. 2020. 11. 4. 반응형 디자인의 결함 제거 지난 5년동안 모바일 트래픽의 점유율이 20% 증가했으며, 오늘날 반응형 디자인은 이미 당연한 것으로 받아 들여지고 있다. 2020년에는 모바일에서 모든 웹 사이트에 액세스 할 수 있으며 잘 작동한다. 대부분의 사용자는 스마트폰이나 태블릿에서 제대로 작동하지 않는다는 사실을 알게되면 사이트를 떠나고, Google은 모바일 장치에 최적화되지 않은 경우 검색 결과에서 사이트 순위를 낮춘다. 따라서 반응형 웹 사이트의 디자인에는 정적 웹 사이트의 개발과는 다른 특별한 접근 방식이 필요하다. 디자이너는 반응형 디자인을 사용함에 있어, 먼저 기기(스마트폰, 태블릿 또는 컴퓨터)에 의해 디자인을 결정한 후 기기의 화면 크기에 따라 보여준다. 한편으로 반응형 디자인의 생성은 사이트의 개발과 유지 관리를 단순화한다. .. 2020. 10. 30. 2020 Design Tools Survey - UX Tools 디자인 툴이 점차 다양해지고 발전함에 따라, 툴에 대한 선택의 폭이 넓어졌다. 매년 업데이트되고 쏟아져 나오는 툴들 속에서 나라, 조직의 크기, 역할, 연차 등 각기 다른 조건의 디자이너들은 과연 어떤 툴로 어떻게 일할까? 심지어는 같은 조직 안에서도 개개인마다 자신에게 효율적인 툴을 선택해 사용하기도 한다던데 하물며 다른 나라는 어떨까? 나와 같은 궁금증을 가졌던 사람들을 위한 흥미로운 서베이가 있다. 매년 UX Tools에서는 전 세계 디자이너에게 UX Tool 사용에 대한 설문을 진행하고 결과를 발표한다. 요약정리와 시각화가 잘되어있고, 설문의 내용이 굉장히 세분화되어있기 때문에 데이터 비교에 용이하다. 올해도 역시 진행중에 있다. 디자이너라면 한 번쯤 참여해보고 결과 데이터를 본인과 비교 분석해보.. 2020. 10. 27. A/B 테스트의 장점과 단점 어떤 면에서는, 나는 A/B 테스트가 디자이너들이 의견 싸움을 줄이고, 가설을 테스트하고, 가장 효과적인 해결책을 사용자에게 신속하게 가져다 줄 수 있는 매우 강력한 도구라고 생각한다. 하지만 다른 면에서는, 여러 상황 속에서의 인간의 판단을 없애고 고객의 필요보다 회사의 KPI를 우선시하며, 현지 최대치를 향해 반복하는 위험도 안고 있다. A/B 테스트의 이점 A/B 테스트의 이점은 상당히 명백하다. 여러분은 몇 가지 간단한 디자인이나 제품의 개선을 원하지만, 어떤 것이 가장 좋은 결과를 가져올지 100% 확신할 수 없다. 팀원 중 한 명은 어떤 방향에 대해 매우 강한 느낌을 받고, 한 명은 다른 방향으로 강하게 느끼고, 나머지 한 명은 어느 쪽이든 확신할 수 없다. 이런 종류의 교착상태에서는 정치가 .. 2020. 6. 18. 드롭다운(dropdown) 메뉴 디자인 필수 가이드 사용자가 옵션을 선택할 수 있는 UI 컴포넌트는 많다. 체크박스, 라디오 박스, 토글, 스테퍼, 드롭다운 메뉴. 각각 고유한 장단점이 있으며, 사용자로부터 요구하는 입력의 성격에 따라 사용해야 한다. 이 글의 경우 드롭다운 메뉴에 초점을 맞추고 사용 사례, 유형, 상태 및 모범 사례에 대해 설명하겠다. 대부분의 정보는 Nielsen Norman Group과 Baymard Institute의 글을 읽는 데서 유래한다. 드롭다운 메뉴 구조 - Label 선택해야 할 항목을 사용자에게 알림 - Field Icon (선택사항) 필요한 정보의 유형을 표시하여 라벨을 지원 - Search Bar (선택사항) 20개 이상의 옵션으로 구성된 메뉴에 대해 사용자가 원하는 옵션을 쉽게 찾을 수 있도록 돕기 위해 사용 - .. 2020. 6. 17. 프로토타이핑 UI : 필요한 툴 찾기 디자인은 끊임없이 진화하고 복잡해지고 있다. 사용자 인터페이스 설계는 더 이상 아이콘의 와이어프레임과 디자인에만 국한되지 않는다. 오늘날, 디자이너들은 그래픽 소프트웨어와 프로토타이핑 툴을 포함하여 단순함에서 정교함에 이르기까지 다양한 유용한 도구들을 가지고 작업한다. 웹 애플리케이션을 만들든, 모바일 애플리케이션을 만들든 프로토타이핑 제작에는 준비와 전문 소프트웨어가 필요하다. 그러나 프로토타이핑 툴의 수가 매년 증가함에 따라 어려운 선택을 해야 한다. 어떤 툴을 사용하면 가장 효율적이고 효과적으로 작업할 수 있으며 가장 유용한 프로토타입을 만들 수 있을지 고민해야한다. 이 글에서는 가장 인기 있는 프로토타이핑 툴의 장단점을 살펴보기로 한다. 우리 회사 UX팀의 디자이너들에게 그들이 가장 좋아하는 프로.. 2020. 6. 16. 이전 1 2 3 4 5 다음
