찬란한 4차산업혁명 시대이다. 여기저기서 개발을 모르면 살아남기 힘들다는 소리가 울려퍼지니 초등학생, 대학생, IT와 관련 없는 직장인까지 코딩공포증에 시달리고 있다. 딱히 개발자가 되고 싶은 것은 아니지만 일반인도 개발을 배워두면 취업에 유리할까? 라는 고민을 하는 사람들도 있을 것이다. 비개발자 중에서 개발자들과 가장 가까운 거리에서 밥벌이하고 있는 입장에서 이 주제에 대해 적어보려고 한다. | 한줄 요약 : NO 지금은 범위가 더 얕고 넓어졌지만 처음 이 블로그를 만든 이유는 개발 공부를 기록하기 위해서였다. 직업과 밀접한 자기계발이었고 자기효능감을 얻고 싶었고 그 증거를 남겨놓고 싶었다. 나는 컴퓨터사이언스 이론 살짝, 코딩의 기초만 살짝 맛본 수준이지만 디자이너로서는 굳이? 수준까지는 경험해..
정보설계에 대해 잘 설명되어 있는 영상이라 데려와 보았다. 정보구조설계는 크게 5가지 파트로 나뉜다. 1. Organization System2. Navigation System 3. Labeling System 4. Search System 5. Contents Design 1. Organization System"모든 이해의 시작은 분류에서 출발한다" 정의 : 정보를 분류하는 것- 이용자별, 작업지향별, 기능별, 상징별, 은유형 등으로 정보를 구체적으로 분류한다. (ex. 쇼핑몰의 여성복, 남성복)- "사용자가 얼마나 이해하기 쉽게 접근할 수 있는가" 를 위한 가장 기초적인 작업이다. 2. Navigation System"네비게이션은 목적 중심적이며 행동 지향적이다." 정의 : 웹사이트의 공간을..
[사용 기술]- 디자인 : Figma, Photoshop, Illustrator- 프론트/백엔드 : HTML, CSS, Javascript, Ajax, PHP, JSON포트폴리오 사이트를 리뉴얼 했다. 이전 버전도 그리 오래되지 않아서 톤은 유지하되 원페이지로 제작했다. 디자인은 최근에 유행 중인 Notion 포트폴리오 스타일에 꽂혀서 흰색 배경에 심플하게 만들었다. 원페이지로 전환한 이유는 스크롤 몇 번이면 사이트를 다 볼 수 있도록하기 위해서다. 이 사이트는 입사지원 제출용으로 만든 것이라 방문 목적이 보통의 사이트와는 다르다. 방문자는 바쁜 업무시간을 쪼개어 들어왔을 것이며 최대한 빨리 보고 이탈하고 싶어한다. 아무리 메뉴에 좋은 내용을 많이 넣어도 클릭 조차 하지 않는 메뉴도 있을 것이다. 따라서..
* 포브스지 기사를 번역한 것입니다. 다른 곳으로의 이동은 금지합니다.* 원문 : Why Tokyo’s New Transparent Public Restrooms Are A Stroke Of Genius 도쿄의 투명한 공중화장실은 왜 천재적인가? 처음엔 투명한 공중 화장실이 어떻게 화장실에 대한 불안을 줄일 수 있을지 짐작하기 어려울 것이다. 그러나 일본의 가장 혁신적인 건축가 중 한 명은 이 불편한(counterintuitive) 디자인을 통해 화장실 공포를 줄이고자 한다.전세계적으로 공중화장실에 대한 인식은 좋지 않다. 다른 나라에 비해 상대적으로 화장실 위생 수준이 높은 일본에서도 주민들은 공중화장실은 어둡고 더럽고 냄새가 나고 무섭다는 두려움을 갖고 있다. 비영리단체 니폰재단은 대중의 화장실 포..
고객여정지도는 케바케로 다양하게 있지만 다음 표는 마케팅 관점의 고객여정지도이다. 많은 설명들 중 가장 명료한 예시로 설명되어 있어서 내용을 정리해보았다. 1. Aware (존재 인식)고객이 어떤 경로를 통해서 제품의 존재를 알게 된다. 검색결과, SNS, 블로그 후기 등이 예가 될 수 있다. 2. Engage (관심)1번에서 그냥 한번 슬쩍 보고 지나치는 것이 아니라 이 제품에 관심이 생기는 단계이다. 3. Subscribe (회원가입)관심이 생긴 이후 회원가입이나 구독으로 이어지는 단계이다. 이 단계에서는 아직 돈을 쓰거나 많은 시간을 들이지 않았다. 회원가입이나 메일링 신청, 무료 데모버전 체험 등이 여기에 해당한다. 4. Convert (구매 전환)실질적으로 구매로 어이지는 단계이다. 처음부터 ..
NN Group의 Quantitative vs. Qualitative Usability Testing의 번역문입니다. - Design은 디자인, 설계 두 가지 단어를 혼용해 번역했습니다. - Research는 리서치, 연구 두 가지 단어를 혼용해 번역했습니다. - 개인 공부목적으로 번역한 글이며 이동은 금지합니다. [요약] 정성적 연구 정량적 연구 질문방식 Why? How many and how much? 목표 [구성, 요약/종합] 1. 디자인 의사결정 2. 사용성문제 인식과 해결방법 도출 [요약/종합]에 주로 쓰임 1. 실제하는 사이트 평가 2. 시간 경과에 따른 사용성 추출 3. 경쟁사 사이트와 비교 4. ROI(Return of Inverstment) 계산 사용시기 언제나 (리디자인 과정 중 또는 ..
게임, 금융, 헬스케어 앱 등에서 활용할만한 인터랙션을 ProtoPie로 구현해 보았다. 튜토리얼을 공부할 때는 따라하는 것에서 그치면 뒤돌면 다 까먹기 때문에, 중요한 개념은 따로 만들어보면서 응용해보는게 더 머리에 잘 남는 것 같다. goal | ProtoPie Cloud This prototype was made with ProtoPie, the interactive prototyping tool for all digital products. cloud.protopie.io 위 주소에서 확인 가능합니다. [시나리오] 1. 그래프 바를 드래그하면 그래프 높이가 올라갔다내려갔다 한다. 2. 그래피 높이에 따라 숫자도 조정되어 표시된다. 3. 특정 수치 이상을 만족하면 Success 메시지가 나온다. [..
최근에 프로토타이핑 툴은 ProtoPie에 안착했다. 원래는 Principle을 밀고 있었고 ProtoPie는 1년 전 쯤 테스트로 써본 게 다인데 새 버전이 나왔다길래 트라이얼 기간동안 써보고 이사가기로 마음 먹었다. | Principle 대신 ProtoPie를 선택한 5가지 이유 1. 타임라인 기능 Principle의 장점은 타임라인인데 ProtoPie에서도 타임라인이 제공된다. 그래서 더이상 Principle을 쓸 이유를 못 느껴서 단번에 갈아탔다. 하지만 같은 타임라인이어도 차이는 있다. Principle은 모든 스크린 프리뷰를 타임라인에 제공해서 전체 플로우를 넓게 볼 수 있고 ProtoPie는 개별화면의 마이크로 인터랙션에 더 치중할 수 있다. 2. 훌륭한 무료 튜토리얼 제공 ProtoPie는..