데이먼의 일상 기록

안녕하세요. 조영수입니다. AXURE 강좌를 진행하던 중 Admin 내비게이션 제작 부분이 헷갈린다는 의견이 있어 제작 방법을 공유드립니다. Admin 샘플 :: 위사(WISA) Admin 샘플은 쇼핑몰 전문 제작회사 위사의 관리자 화면으로 선정했습니다. 선정 이유는 타사 솔루션 대비 디자인이 깔끔해서! ^^ 위사(http://www.wisa.co.kr) 접속 후 화면 중앙의, [관리자 모드 체험하기 > PC 버튼]을 클릭하면 WISA의 Admin 화면을 체험하실 수 있습니다. Axure Prototype AXURE로 위사 Admin의 상단 내비게이션 영역을 제작해봤습니다. 상단 GNB의 설정/상품관리/주문배송/고객CRM 버튼을 클릭하면 메뉴 이동을 확인할 수 있습니다.제작시간 : 10분Preview :..

제가 공동저자로 참여한 "처음부터 다시 배우는 웹 기획" 책이 2016년 7월 15일 드디어 출간되었습니다. 이 책이 출간되기까지 약 3년의 시간이 걸렸는데요. 정말 쉽지 않은 과정이었는데 실물로 받아보니 이제야 좀 실감이 나네요. ^^ 이 책을 집필하게 된 이유는 IT 프로젝트를 진행함에 있어 웹 기획자는 가장 중요한 포지션임에도 웹 기획에 대해 제대로 배울 수 있는 교육이나 서적이 없었기 때문입니다. 또한, 저희가 집필을 시작한 3년 전쯤에는 웹 기획보다는 UI/UX에 대한 서적이 대부분 웹 기획 코너를 독차지하고 있었는데요. 저희는 UI/UX는 웹 기획의 롤보다는 디자이너의 영역에 더 가깝다고 생각하고 있었습니다. 그래서, 저희가 직접 써보기로 했습니다. 웹 기획 서적은 트렌드에 맞지 않는다며 출판..

저희 UX팀에서는 최근 '우리펜션 모바일 리뉴얼 기획'을 마무리하고, 곧 있을 서비스 오픈을 위해 검수 시나리오(테스트 시나리오)를 작성 중에 있습니다. 검수 시나리오는 검수 항목을 사전에 계획하여 시나리오 형태로 만든 것으로 서비스를 보다 정확하게 검수하기 위해 작성하는 문서입니다. 일부 기업에서는 검수 시나리오 없이 무작위 테스트를 진행하기도 하는데요. 이 경우 다양한 케이스에 대한 검수를 진행할 수 있지만 꼭 필요한 주요 테스트를 놓칠 우려가 있고, 검수자가 의욕 없이 테스트에 임하는 경우 검사의 정확도가 떨어질 수 있습니다. 따라서, 서비스 오픈 전 검수 시나리오를 꼼꼼히 작성하고 시나리오에 따른 검수를 진행하는 것을 권장합니다. 검수 시나리오 작성방법은 간단합니다. 엑셀 or 구글 스프레드시트를..

2016년 4월.약 한달동안 5년차 이상의 시니어 기획자 6인을 대상으로 Axure 2회차 스터디를 진행했습니다. 국내에서는 최초로 진행하는 강좌이기에 강의 커리큘럼에 대해 많은 고민을 했었는데요.이를 검증하기 위해 시니어 기획자들을 대상으로 2회차 스터디를 진행했고, 덕분에 공식 커리큘럼을 보다 탄탄하게 만들 수 있었습니다. Axure 정규 과정 오픈 및 공식 커리큘럼 : http://bit.ly/22f6z0A1회차 정규 과정은 감사하게도 오픈 2일만에 모두 마감되었고,2회차 정규 과정은 7월23일(토)에 오픈 될 예정입니다. --- Axure 툴을 제대로 사용해보지 않으신 분들은,이 툴이 어디까지 구현 가능한지, 현업에 적용할 수 있는지에 대해 많은 의문을 가지고 계시는데요.제가 생각하기에 Axure..

IT 현장에서 약 9년간 웹 기획자로 종사하며 50여 개의 Web & Mobile 서비스를 오픈했습니다. 그리고, 그동안의 경험을 바탕으로 전략 수립부터 구축까지 이어지는 프로세스를 정리해봤습니다. 관련 종사자 분들께 참고가 되었으면 좋겠고요. 이후 포스팅에서는 각 단계별 실행 방법에 대해 하나씩 정리해보겠습니다.위 프로세는 기본 뼈대로, 필요에 따라 프로세스를 추가하거나 삭제하기도 합니다.

Axure RP 8 공식 오픈 2016년 4월 15일 Axure RP 8 버전이 공식 오픈되었습니다. 작년 여름 베타 버전 출시 후 약 8개월 동안 지속적으로 업데이트를 해왔는데요. 초기에는 수많은 버그가 발생했지만 이제는 모두 개선되어 안정적으로 작동합니다. 이전 버전인 Axure RP 7 버전과 비교했을 때 UI 설계, 프로토타이핑, 설계 문서 공유 등 모든 부분에서 성능이 개선되었고, Windows와 Mac의 작업환경도 동일하게 통일했습니다. Axure를 사랑하는 유저로서 이번 소식이 너무너무 반가운데요. 국내에는 아직 사용자층이 많지 않아 저만 반가운 것 같습니다. ㅎㅎ Axure를 간단히 설명하자면 별도의 코딩 없이 프로토타입을 제작할 수 있는 툴로, HTML&CSS 등의 지식이 없어도 손쉽게 ..

좋은 UX에 대해 기획자의 관점에서 해설해보는 코너입니다. Good UX 벅스뮤직을 이용한지 몇 개월 되었는데요. 오늘에서야 벅스가 해외 가수 이름을 한글로 병행 표기하고 있는 것을 발견했습니다. 제가 이용했던 다른 서비스에서는 경험하지 못했던 사용성인데요. Silje Nergaard(실예 네가드)와 같이 한글 발음이 어려운 이름도 쉽게 인지할 수 있었습니다. Why? 벅스뮤직은 왜 한글 가수명을 넣었을까요? 제 생각에는 검색 품질 향상을 위해서였을 것으로 생각됩니다. 서비스 이용자를 분석해보니 해외 가수를 한글로 검색하는 고객들이 발견되었고, 그들에게 만족스러운 결과를 제공하지 못했을 것입니다. 예를 들면 '영문 Ne-Yo'와 '한글 니요'로 검색했을 때 동일한 가수임에도 한글 검색 결과의 품질이 낮았..

📌 이 글은 벌써 4년도 넘은 글인데요. 2020년 9월 1일 기준으로 최신 내용을 업데이트 했습니다. 아래 링크를 클릭해주세요! 프로덕트 매니저의 툴, UI 디자이너의 툴 IT 현장에서는 화면 UI를 설계할 때 대부분 파워포인트를 사용합니다. 저 또한 파워포인트로 수많은 스토리보드를 제작했는데요. 파워포인트로 화면을 설계하면서 다음과 같은 불편함을 느꼈습니다. 파워포인트 설계의 불편한 점 1. 제한된 공간에 페이지 경로, 화면 UI, 디스크립션 등 다양한 내용을 담아야 한다. 그러다 보니 화면이 점점 복잡해진다. 개인적으로는 다음 페이지로 넘기지 않기 위해 최대한 욱여넣었고 폰트 사이즈는 점점 작아졌다. 2. 수정사항이 발생하면 모든 화면을 일일이 수정해야 한다. 페이지가 적으면 크게 문제 되지 않지만..

웹/모바일 사이트를 기획할 때 프론트 페이지를 만들기 위해서는 반드시 백오피스가 먼저 구성되어 있어야 합니다. 이제 막 기획을 시작하는 주니어들을 위해 각각의 개념을 간단히 정리해보겠습니다. 프론트 페이지(Front Page) 일반 고객이 접근하는 웹/모바일 페이지. 백오피스에 입력된 데이터를 기반으로 페이지를 구성하며, 설계 단계에서는 사용자 편의성에 중점을 둔 UI/UX 기획력이 중요합니다. 백오피스(BackOffice) 일반적으로 관리자 페이지라고 통칭합니다. 프론트 페이지의 운영 관리를 위해 상품 관리, 콘텐츠 관리, 마케팅 관리, 경영관리, 회계 관리 등 서비스 운영과 관련된 모든 내용을 포괄하고 있습니다. 설계 단계에서는 사용자 편의성도 중요하지만, 그보다 먼저 논리적인 데이터의 흐름이 중요합..

모바일 서비스를 설계할 때 기준 해상도는 어떻게 결정하시나요? 일반적으로는 가장 많이 사용하는 기기와 화면비율을 고려하여 기준 해상도를 결정합니다. 이때 기기별 상세스펙 정보가 필요한데요. 디바이스별 스펙 정보를 확인할 수 있는 4개의 사이트를 소개합니다. 구글 Device Metrics구글에서 제공하는 디바이스별 스펙 정보. 기기정보 클릭 시 상세정보를 확인할 수 있습니다.https://design.google.com/devices iOSRES아이폰, 아이패드, 애플워치 iOS 디바이스의 상세 스펙을 제공합니다. http://iosres.com SCREEN SIZES스마트폰, 태블릿, 모니터 등 모든 디바이스의 사이즈 정보를 제공합니다. 화면 우측의 정렬/필터 옵션을 통해 원하는 내용만 간추려 볼 수 ..