세상 모든 것들에 관한 수다

[기획자료 / 클럽하우스] 스페셜리포트 오디오기반 SNS '클럽하우스' 분석 최근 클럽하우스의 열풍이 정말 강한데요. 페이스북, 인스타그램 이후에 가장 강력한 SNS채널이라고 생각이 됩니다. 현재 IOS만 지원하고 있어서 안드로이드로는 경험할수가 없는데요. 곧 안드로이드도 지원한다는 이야기가 있으니, 안드로이드가 될때 저도 경험해보고 싶네요. 클럽하우스에 관해서 분석한 자료를 공유받은게 있어서 아래에 첨부드립니다. 클럽하우스에 관해서 관심이 있으신분들은 참고해서 보시면 좋을듯 싶네요. 아래는 클럽하우스를 분석한 원본 PDF파일입니다. 출처 : www.nia.or.kr/site/nia_kor/ex/bbs/View.do?cbIdx=82618&bcIdx=23001&parentSeq=23001

[UX/UI 아티클] 4. 사이트 흐름 vs 사용자 흐름 : 사용 시기 웹 사이트의 사용자 경험을 디자인하려면 각 페이지에서 어떤 일을 일어나는지 파악해야 한다. 또한 해당 페이지가 어떻게 연결되는지 파악해야 한다. 페이지 흐름을 계획하지 않으면 디자인을 시작할 때 문제가 생길 수 있다. 문제의 예시 사이트 프로세스 중 어떤 페이지를 디자인하는것을 잊음 특정한 페이지를 서로 연결하는 콜 투 애션(call-to-action) 디자인(설계)를 잊음 사이트 계층에서 특정 페이지가 어디에 속하는지 알 수 없음 어떤 페이지를 서로 연결해야 하는지 알 수 없음 사용자가 작업을 완료하기 위해 탐색해야 할 페이지를 알 수 없음 이러한 문제를 경험한 적이 있다면 사이트나 사용자 흐름을 만들었어야 한다. 그렇게 하는 것이..

[UX/UI 아티클] 3. 내비게이션 바 버튼의 일반적인 5가지 디자인 실수 사용자는 필요한 정보를 찾기 위해 내비게이션 바에 의존한다. 내비게이션 버튼 라벨과 상태가 명확하지 않으면 탐색하는 데 문제 가 있을 것이다. 아래는 디자이너가 네비게이션 바 버튼에서 가장 흔히 저지르는 5가지 실수이다. 이러한 실수들을 하고 있다면 보다 명료하게 내비게이션 바를 고쳐할 때다. 1. 선택한 단추를 강조 표시하지 않음 많은 디자이너들이 내비게이션 바에서 선택한 버튼을 강조 표시하지 않는다. 사용자가 버튼을 클릭하면 선택한 항목에 대한 시각적 피드백이 필요하다. 시각적 피드백 없이는 하고 있는 행동 흐름이 어디인지 알 수가 없다. 방문 중인 페이지를 다른 비슷한 페이지로 착각할 수 도 있다. 선택한 버튼을 강조하려면..

[UX/UI 아티클] 2. 비활성화된 버튼을 회색으로 표시하지 않는 이유! 비활성화된 버튼이 있는 상황에서 버튼은 어떻게 나타나야 할까? 버튼이 있던 위치에서 제거한 이후에 나중에 나타나도록 하면 사용자가 놀랄 수 도 있다. 이렇게 하는 대신에 디자이너나 기획자들은 인터페이스가 크게 변경되는 것을 피하기 위해 사용 중지되었음을 표시한다. 대부분의 기획자와 디자이너들이 비활성화된 상태를 전달하는 방법은 버튼을 회색으로 표시하는 것이다. 그러나 이런 접근 방법 또한 버튼의 활성화 상태가 비활성화 상태와 거의 유사하지 않아 사용자들은 뜻밖의 상황에 놀래기도 한다. 회색에서 완전히 다른 색상으로 바뀌는 버튼은 사용자들로 하여금 예상하지 하지 못한 변경으로 인해 방금 무슨 일이 일어났는지 궁금하게 만든다. 부드럽..

[UX/UI 아티클] 1. 대화 상자의 '확인' 버튼이 오른쪽이 가장 좋은 이유 디자이너와 기획자들은 종종 대화 상자에 '확인'과 '취소'버튼을 어디에 놓아야 할지 질문을 한다. '확인' 버튼은 작업을 완료하는 주요한 행위이다. '취소'버튼은 작업을 완료하지 않고 사용자를 원래 화면으로 되돌리는 보조행위이다. 그 기능에 근거하여 버튼을 배치하는 가장 좋은 순서는 무엇인가? '확인' 버튼은 '취소'버튼 앞에 와야 하는가? 아니면 그 뒤에 와야 하는가? ㅣ플랫폼의 일관성으로만은 충분하지 않다. 많은 사람들의 다음과 같은 플랫폼의 규약을 해답으로 언급한다. 이것이 그 문제 대한 해결책으로 보일지 모르지만, 실제로는 그렇지 않다. 어떤 배치가 사용자들에게 더 나은지 그리고 왜 효과적인지에 대한 해답은 없다. 일..