정보설계에 대해 잘 설명되어 있는 영상이라 데려와 보았다. 정보구조설계는 크게 5가지 파트로 나뉜다. 1. Organization System 2. Navigation System 3. Labeling System 4. Search System 5. Contents Design 1. Organization System "모든 이해의 시작은 분류에서 출발한다" 정의 : 정보를 분류하는 것 - 이용자별, 작업지향별, 기능별, 상징별, 은유형 등으로 정보를 구체적으로 분류한다. (ex. 쇼핑몰의 여성복, 남성복) - "사용자가 얼마나 이해하기 쉽게 접근할 수 있는가" 를 위한 가장 기초적인 작업이다. 2. Navigation System "네비게이션은 목적 중심적이며 행동 지향적이다." 정의 : 웹사이트의 공..
[지나가는 이야기] MIT 웹사이트 - 정녕 이게 대학교 홈페이지입니까
자료를 찾다보니 어쩌다 MIT 사이트에 들어가게 되었다. 처음에는 이게 정말 학교 사이트라고? 라는 생각이 들었다. 대학교 웹사이트라고 하기에는 Medium같은 매거진을 보는 듯한 착각이 든다. 메인 페이지에 커다란 검색창을 두었고 가장 많이 검색된 검색어를 보여준다. 1 depth로만 구성된 단순하고 심플한 네이게이션이 인상적이다. 보통 학교 사이트라면 소개할 것이 많고 메뉴가 많아서 네비게이션이 복잡해지기 쉬운데 GNB 메뉴는 8개로 구성했고 연결된 서브페이지도 시각적 혼란과 너무 많은 인터랙션을 요하지 않는 깔끔한 접근으로 되어 있다. 타이포그래피도 위계관계를 명확히 정의하여 말끔히 정리되어 있다. 학교 소개페이지의 특이점. 데이터를 메뉴판처럼 나열해 놓은 것이 공대공대하다! 캠퍼스 잔디밭 넓이까지..
포트폴리오 사이트 제작기 (디자인, 개발, 다크모드 지원)
[사용 기술] - 디자인 : Figma, Photoshop, Illustrator - 프론트/백엔드 : HTML, CSS, Javascript, Ajax, PHP, JSON 포트폴리오 사이트를 리뉴얼 했다. 이전 버전도 그리 오래되지 않아서 톤은 유지하되 원페이지로 제작했다. 디자인은 최근에 유행 중인 Notion 포트폴리오 스타일에 꽂혀서 흰색 배경에 심플하게 만들었다. 원페이지로 전환한 이유는 스크롤 몇 번이면 사이트를 다 볼 수 있도록하기 위해서다. 이 사이트는 입사지원 제출용으로 만든 것이라 방문 목적이 보통의 사이트와는 다르다. 방문자는 바쁜 업무시간을 쪼개어 들어왔을 것이며 최대한 빨리 보고 이탈하고 싶어한다. 아무리 메뉴에 좋은 내용을 많이 넣어도 클릭 조차 하지 않는 메뉴도 있을 것이다. ..
UX로 사용자의 공포감을 줄일 수 있을까 - 도쿄의 투명한 공중화장실
* 포브스지 기사를 번역한 것입니다. 다른 곳으로의 이동은 금지합니다. * 원문 : Why Tokyo’s New Transparent Public Restrooms Are A Stroke Of Genius 도쿄의 투명한 공중화장실은 왜 천재적인가? 처음엔 투명한 공중 화장실이 어떻게 화장실에 대한 불안을 줄일 수 있을지 짐작하기 어려울 것이다. 그러나 일본의 가장 혁신적인 건축가 중 한 명은 이 불편한(counterintuitive) 디자인을 통해 화장실 공포를 줄이고자 한다. 전세계적으로 공중화장실에 대한 인식은 좋지 않다. 다른 나라에 비해 상대적으로 화장실 위생 수준이 높은 일본에서도 주민들은 공중화장실은 어둡고 더럽고 냄새가 나고 무섭다는 두려움을 갖고 있다. 비영리단체 니폰재단은 대중의 화장실 ..
Customer Journey Map 마케팅 고객여정지도
고객여정지도는 케바케로 다양하게 있지만 다음 표는 마케팅 관점의 고객여정지도이다. 많은 설명들 중 가장 명료한 예시로 설명되어 있어서 내용을 정리해보았다. 1. Aware (존재 인식) 고객이 어떤 경로를 통해서 제품의 존재를 알게 된다. 검색결과, SNS, 블로그 후기 등이 예가 될 수 있다. 2. Engage (관심) 1번에서 그냥 한번 슬쩍 보고 지나치는 것이 아니라 이 제품에 관심이 생기는 단계이다. 3. Subscribe (회원가입) 관심이 생긴 이후 회원가입이나 구독으로 이어지는 단계이다. 이 단계에서는 아직 돈을 쓰거나 많은 시간을 들이지 않았다. 회원가입이나 메일링 신청, 무료 데모버전 체험 등이 여기에 해당한다. 4. Convert (구매 전환) 실질적으로 구매로 어이지는 단계이다. 처음..
디자인 A/B TEST - 카이제곱검정과 귀무가설 (기초통계학)
코세라 Interaction Design Specialization 두번째 강의 Design Principles 를 완료했다! 이름은 디자인 프린시플이지만 거의 사회과학 수업이라고 봐도 무방한 코스였다. ㅠ_ㅠ 마지막 주차인 3주차 수업에서는 테스트 방법론과 A/B TEST를 통한 검증법을 배우는데 많은 통계학 검증방법 중 이 수업에서는 카이제곱검정을 사용한다. 교수님이 실제 사이트를 예시로 A/B TEST를 해서 카이제곱검정하는 방법을 시연하는데 수업만으로는 이해하기가 힘들어서 따로 자료를 찾아봐야 했다. 다행히 유튜브에 귀무가설과 카이제곱검증에 대한 자료가 많아서 큰 도움을 받았다. | 카이제곱검정과 귀무가설 카이제곱검정(Chi-squared test)은 정성적 가설을 정량화해서 판정하는 방법이다. ..
[구글트렌드] 데이터로 본 구글, 페이스북, 인스타그램 화제이슈
* 구글트렌드 활용법 공부 중 "데이터를 통해 무엇을 읽을 수 있을까" 를 연습하며 정리한 것 입니다. 가볍게 봐주세요. 2020년 5월 한달 간 미국 내 구글 검색 키워드 키워드를 통해 어떤 일이 있었는지 알아봤다. 이를 통해 사람들이 각 프로덕트를 어떤 용도로 이용하는지도 명료하게 드러났다. | 검색량 비교 빨강 : 구글 / 파랑 : 페이스북 / 노랑 : 인스타그램 검색량 1위는 단연 구글이고 등락 파고가 가장 높다. 페이스북과 인스타는 모바일앱으로 바로 접속해서 들어가기 때문에 검색어에 크게 영향받지 않는듯 하다. 반면 셀럽 이름 + insta 키워드는 자동검색어에 자주 나온다. 구글 그래프가 고꾸라지는 날짜는 5월 3일, 10일, 16일, 17일, 23일인데 이 모든 날짜는 주말이라는 공통점이 있..
[구글트렌드] 키워드로 본 한국과 미국의 재택근무
* 구글트렌드 활용법 공부 중 "데이터를 통해 무엇을 읽을 수 있을까" 를 연습하며 정리한 것 입니다. 가볍게 봐주세요. [목차] 1. 지난 5년간 검색량 1) 미국 지난 5년간 검색량 2) 한국 지난 5년간 검색량 2. 지난 12개월간 검색량 1) 미국 지난 12개월간 검색량 2) 한국 지난 12개월간 검색량 3. 지난 90일간 검색량 1) 미국 지난 90일간 검색량 2-1) 한국 지난 90일간 검색량 2-2) 서울특별시 지난 90일간 검색량 [검색 키워드] - 미국 검색 키워드 : work from home - 한국 검색 키워드 : 재택근무 1. 지난 5년간 검색량 1) 미국 미국의 경우 지난 5년 동안 재택근무와 관련하여 20~30%의 꾸준한 검색량이 있었다. 그러나 2020년 3월 말 미국 내 코..