슾이 지은 고봉밥

인하우스 서비스 기획 업무를 하다 보면 디자이너 없이 기획자가 화면을 빠르게 그려야 하는 상황이 자주 생긴다. 초기 기획 단계에서 빠르게 아이디어를 시각화해야 하거나, 디자이너 리소스를 확보하기 전 구조를 미리 정의해야 하는 경우가 그렇다.이때, 피그마(Figma)는 기획자에게도 충분히 활용 가능한 화면 설계 도구다. 별도의 설치 없이 웹에서 사용할 수 있고, 협업과 버전 관리에도 강점을 갖고 있어 실무에서 유용하다.이 글에서는 기획자가 피그마를 활용해 효율적으로 화면을 설계할 수 있는 실질적인 팁들을 정리하려고 한다.1. 템플릿이나 컴포넌트 없이, 기본 도형으로 시작하자화면 설계의 목적은 시각적으로 예쁜 디자인이 아니라, 화면의 구조와 기능 흐름을 정의하는 것이다. 따라서 기본 도형(Rectangle)..

지난 통합테스트 시나리오 작성 방법 첫번째 글에 이어 두번째 내용이다.첫번째 문서 생성과 구성에 대한 내용은 아래 글을 참고하면 된다.https://soupsrice.tistory.com/31 기획자 QA - 통합테스트 시나리오 작성 방법 (1)오늘은 테스트 단계인 통합테스트 문서 작성 방법 중 문서 구성에 대한 내용이다.테스트 세분화 시 통합테스트 외 단위테스트, 인수테스트 등이 있지만그 중 필수로 수행되는 통합테스트에서soupsrice.tistory.com 오늘은 통합테스트 시나리오 작성에 대해 좀 더 자세히 설명해 보려고 한다.  통합테스트 시나리오 작성 방법통합테스트는 앞의 설계 단계에서부터 정의된 내용이 여러 환경(연동 솔루션, api, 연계 데이터 등)에 정상적으로 구현이 되었는지 모든 상황을..

Auto Layout의 기능을 바로 습득하고 쓰기 전 항상 헷갈렸던 부분이 Fill container, Hug contents 설정이다.오늘은 이에 대한 내용을 적어보았다.  1. Fill container, Hug contents 설명위와 같은 버튼이 있다고 가정하고 이를 Auto Layout으로 적용한다고 가정하면이때 '휴대폰 인증' 이라는 텍스트 영역을 콘텐츠 라고 하고, 노란색 테두리에 대해서 이를 감싸고 있는 컨테이너 라고 한다.어떤 레이아웃이든 Auto Layout 설정 시 아래와 같은 추가 설정을 진행한다. 만약 Auto Layout을 설정 후 원하는 변화에 따라 아래와 같이 설정한다.1) Hug contents: 콘텐츠의 길이나 크기가 변할 때 컨테이너도 변하게 하고 싶을 때(ex. '휴대..

오늘은 기획자에게 유용한 피그마 플러그인 세번째 글이다.첫번째, 두번째 피그마 플러그인의 경우 아래 링크에서 확인할 수 있다.https://soupsrice.tistory.com/19 기획자에게 유용한 피그마 플러그인(1)피그마에는 유용하게 쓸 수 있는 플러그인이 많다. 굳이 구글 검색을 하지 않아도 바로 쓸 수 있는 아이콘, 무료 이미지 등 바로 찾고 적용할 수 있다. 알고 있는 몇 가지 플러그인들을 공유하려soupsrice.tistory.comhttps://soupsrice.tistory.com/20 기획자에게 유용한 피그마 플러그인(2)이번에는 업무와 관련된 플러그인 외 추가로 참고할만한, 이런 작업도 되는구나 싶은 플러그인들을 공유하려고 한다. 기획자도 사용할 수 있지만 디자인 작업에 더 유용하지..

최근 한 프로젝트를 수행하면서 생각했던 UX 라이팅 업무와 달랐던 점을 공유하려고 한다.이미 많은 온라인 상의 가이드, 아티클, 도서를 통해 UX 라이팅에 대한 중요성과 작성 방안이 소개된다.적용될 브랜드의 이미지와 서비스 이용자들에 맞게 서비스 용어 통일, 추구하는 말의 분위기, 해당 브랜드만의 문구 작성 가이드 등 기준을 세우고 지켜가야 한다. 생각했던 업무와 달리 들어가고 나서 아래와 같은 경우들이 있었다. 1. 모두 토스처럼 UX 라이팅에 대해 고민하지 않는다.담당 UX 라이터가 있었고 임원들 또한 해당 업무에 대한 보고를 받지만, 담당자 외 UX 라이팅에 대한 중요성이나 가이드라인을 살펴보지 않았다.회사에서는 본인에게 주어진 업무를 수행하는 것이 중요하다.그래서 서비스에 적용되는 UX 라이팅에 ..

고객 사이트와 연동되는 관리자 사이트는 모든 메뉴들이 고객에게 제공하 서비스와 연관되어 구성하게 된다.예를 들어, 고객에게 제품을 판매하는 서비스라면 공개 물품부터 가격, 할인율, 문의사항 등 연관된 여러 관리자 메뉴를 생성하고 관리자가 이에 대한 데이터를 생성, 수정, 삭제할 수 있게 한다.고객 화면에서는 서점, 옷, 콘텐츠 등 어떠한 서비스 분야라도 보여주고 싶은 부분을 더 강조하기 위해 가장 먼저 노출되는 '순서'가 중요하다.이는 고객이 보는 카테고리 혹은 검색 결과 순위 등에 녹여져 있다. 관리자가 코드 관리를 하는 이유고객에게 보여지는 정보는 대부분 데이터로 관리된다.이때 고객에게 보여지는 제품 노출 순서, 검색 결과 순서, 검색 필터 순서, 메뉴 순서 등 고객에게 우선적으로 노출되도록 유도할 ..

정규화 과정은 종속성 이론을 이용해 잘못 설계된 관계형 스키마를 작은 속성의 세트로 쪼개는 과정이다.사실 위의 정의는 처음 봤을떄 뭘 이렇게 어렵게 말을 하지 라고 생각을 했다.개인적으로 이해하기는 릴레이션(테이블)을 분해하여 데이터가 불필요하게 중복되거나 예기치 못한 현상(잘못 삽입/삭제/갱신)을 방지하기 위해 정규화 과정을 진행한다.정규화를 알기 전 아래의 내용을 숙지하면 좋다. 제1정규형(1NF)1NF는 릴레이션(테이블)에 속한 도메인이 원자값만으로 되어있는 정규형이다.아래의 표 과목 속성을 보면 수학, 영어 두 개가 있다. 이름나이과목홍길동17수학, 영어김철수17과학, 사회 1NF를 만족하려면 아래와 같이 과목에 원자값만 있어야 한다. (값이 하나만 있어야 한다.)이름나이과목홍길동17수학홍길동17..

작년(2023년)에 시간적 여유가 있어 자격증을 하나 취득했다.SQLD(SQL Developer)라는 자격증인데, 기획자가 무조건 따야할 자격증은 아니다.다만, 기획자가 서비스 운영이나 기획 전 데이터 분석을 진행할때 쿼리를 작성하여 직접 데이터 분석을 진행하고 싶다면조금의 기초 지식은 얻어갈 수 있을 것 같다.실무에서 기획자가 데이터 분석을 진행할때는 사실 데이터를 분석하는 자체의 일보다는 어떤 데이터를 분석하고 그 데이터를 통해 얻을 수 있는 인사이트 능력을 키우는 것이 중요하다.실무에서 친절한 개발자가 쿼리를 작성할 수 있는 환경을 모두 공유하고 기꺼이 설명하는 개발자를 만난다면 기획자가 직접 쿼리를 짜서 원하는 데이터를 추출해 보는 것도 좋은 경험이다.(작성자인 나도 한 회사에서 그렇게 쿼리를 직..

요구사항정의서는 회사 혹은 프로젝트 규모에 따라 조금씩 변형하여 작성하기 때문에내 기준 서비스 규모에 따라 요구사항 정의서를 그에 맞게 적용한다.이번 글은 규모가 크거나 요구사항 목록이 많을 경우 사용하는 예시이다. 작성 예시 2 위의 양식의 경우는 진행할 개발의 최종 비즈니스 목표와 같이 직무와 상관없이 공통으로 참고해야할 요구사항도 표 윗부분에 추가되어있다.예시와 같이 한 시트에 작성하거나 표지처럼 나누어 작성하기도 한다. ID: 요구사항정의가 완료되고난 후 해당하는 ID를 부여하여 적는다.구분: 사용자와 관리자로만 나뉜 서비스가 아니라, 여러 시스템을 연계해서 프로젝트를 진행하는 경우가 있다. 이때 공통, 사용자, 관리자 시스템 1, 관리자 시스템 2와 같이 구분하여 작성한다.서비스(메뉴): 해당 ..

오늘은 업무를 진행하면서 여러 이해관계자들과 소통 시 알아두면 좋을 몇 가지 용어들을 적어보려고 한다.일부 단어와 함께 혼동될 수 있는 용어도 함께 적어두었다. 1. 레거시(legacy)과거에 개발되었지만, 아예 삭제할 수 없고 새롭게 개발되어도 기본적인 운영은 유지하는 낡은 하드웨어/소프트웨어를 말한다. 더 사용하지 않더라도 현재에 영향을 줄 수 있는 경우를 포함한다.레거시와 혼동할 수 있는 단어는 as-is다. as-is는 레거시와 같이 영향을 주는 것이 아닌 사라질 시스템을 말한다.  2. 팝업, 모달, 알럿의 차이디자인에 적용될 차이 뿐 아니라 개발에서도 팝업, 모달, 알럿에는 구현의 차이가 있어 알아두는 것이 좋다.팝업창: 브라우저 창 위에 또 다른 브라우저 창을 띄우는 형태. 사용자 브라우저에..