BATON Planners' Note

(이제 왠만한 일터에서는 슬랙과 잔디 등의 협업툴을 일상적으로 쓰는 것 같으니 그것을 전제하고 써본다) 예를 들어 우리가 슬랙에 익숙해져 있을 수록, 외부의 고객사나 작업자와 일할 때 슬랙을 쓰는 게 당연히 좋다.그런데 이런 협업툴에 대해 미리 합의하는 건 놓치기가 쉽다.가급적 계약 전에 챙기도록 하자. "혹시 슬랙을 쓰시나요?""그럼 이번 프로젝트 일상 소통은 슬랙으로 하면 어떨까요?""안 쓰신다면 이번에 한번 써보시면 어떨까요?"등등. 한편 팀 외부 멤버와 DM창에서 소통하는 정도로 운영하겠다면 따로 유료 플랜 가입이 필요없다. (2025년 3월, 슬랙 기준) 하지만 프로젝트용 채널을 따로 파서 그 안에서 팀 내부자와 외부자가 소통하도록 하려면 상대가 유료 플랜 가입자여야 한다.   이 1인당 비용은..

프로젝트 문의를 해주신 고객사의 상황이 너무 급해보일 때가 있다.최대한 빨리 시작해야 하고 견적도 빨리 받으면 좋겠고 기타 등등.. 우리가 이때 알아야 할 것은 상대가 급해보일수록 그가 가진 그 계획이 뒤로 밀릴 가능성이 높다는 것이다. 그러니 상대가 급해보인다는 이유만으로 우리도 마음이 급해져서 무리를 하면서까지 응대를 하지 않아도 된다. (응대자료를 만들기 위해 우선순위가 높았던 다른 업무를 갑자기 중단한다거나, 급하게 응대하느라 정확도가 떨어지는 견적과 일정을 산출한다거나.) 우리는 가급적 우리의 속도로 움직이면 된다. 그렇게 우리 호흡대로 가다 보면 열에 일곱은 처음에 너무나 조급해하던 고객사에 어떤 변수가 생겨서 결국 그다지 급하지 않은 상황이 되어 있다.  어찌 보면 당연하다. 급할 수록 과정..

By 최미나 QA(Quality Assurance)는 뜻은 '품질 보증'이지만 현업에서는 보통 테크 영역 결과물(웹사이트, 모바일 앱 등)의 완성도와 디테일을 끌어올리기 위해 작업의 후반부에 실시하는 총체적인 작업을 의미한다.  우리도 웹사이트 제작을 할 때 QA에 많은 공을 들이고 있고, 이 과정이 결과물의 퀄리티에 결정적인 영향을 미치기 때문에 'QA를 잘 하는 방법'에 대해서도 지속적으로 개선을 해오고 있다.  아래는 내가 최근의 경험을 바탕으로, QA를 할 때 때때로 놓치기 쉬운 요소들을 간단히 정리해 본 것이다.  1. 테스트 케이스 세분화하기테스트 시나리오 작성 시 케이스를 최대한 세분화하는 것이 중요하다. 일반적으로 메뉴 구조에 따라 시나리오를 구분하고, 각 화면마다 기대하는 시나리오를 작성..

프로젝트 초기에 보통 고객사의 니즈를 파악하기 위한 인터뷰를 하게 되는데, 고객사 담당자들이 우리의 질문에 답하기 어려워할 때가 종종 있다. 우리가 질문한 그 주제에 대해 생각해보지 않았거나, 실무자의 생각은 있지만 회사 차원으로 정리가 안 되었거나. 이유는 여러가지 있을 수 있다.  그러니 상대가 어려워할 가능성이 있는 질문이라면 그것을 고려해서 문장을 만들자.가장 대표적인 방식은 1)"나의 질문에 답해줄 수 있나요?" 와 2)"답해줄 수 있다면 답해주세요."로 질문을 두 덩어리로 구성하는 것이다.  예를 들어 OOO(고객사 브랜드명)을 한 문장으로 정의했을 때의 텍스트를 우리가 알고 싶다고 치자. 그런데 세상에는 자사 브랜드를 한 문장으로 정의하기 어려워하는 곳들도 꽤 많다. 그러니 이런 질문은 사업..

By 홍지호  UXUI 프로젝트를 진행하다 보면, 고객사 미팅을 프로젝트 규모에 따라 적게는 3번, 많게는 10번 이상 하게 된다. 내가 느꼈던 미팅 관련 가장 중요한 포인트 중 하나인 ‘의사 결정권자 참석’에 대해 이야기해 보려고 한다.  우선 ‘의사 결정권자 참석’ 여부가 만드는 차이는 대략 다음과 같다. 1. 의사결정의 속도 차이 의사 결정권자는 프로젝트의 방향성과 주요 결정을 내릴 수 있는 권한을 가진 사람이다. (내가 만나본 의사 결정권자는 회사의 대표자일 때도 있었고, 실무자일 때도 있었다.) 이들이 미팅에 참석하면, 필요한 결정은 대부분 즉각적으로 내린다. 회의 중에 판단이 어려운 사항들도 웬만하면 빠르게 결정된다. 반대로, 의사 결정권자가 참석하지 않는 미팅에서는 중간 참여자가 결정권자에게..

By 황이현 중요한 메일을 놓치지 않고 과거에 주고받은 메일도 쉽게 찾을 수 있도록 메일함을 정리해 놓으면 시간도 절약하고 메인 업무에 집중할 수 있어 좋다.  다만 현실적으로 메일함을 정리하는 데에 많은 시간을 들이긴 어렵기 때문에 메일을 받은 즉시 자동으로 분류되도록 설정해 두면 편리하다.  나는 Gmail을 사용하기 때문에 아래와 같이 사용하고 있다.  1. 프로젝트별 라벨 생성 진행 중인 프로젝트와 유지 관리 대상인 프로젝트, 그 외 종료된 프로젝트로 구분한다.프로젝트명을 하위 라벨로 생성한다. 요런 식으로 👇    2. ‘유사한 메일 필터링’ 필터 생성해당 프로젝트 담당자의 메일 주소 혹은 프로젝트명으로 필터를 생성한다.메일이 검색 기준에 정확히 일치하는 경우 적용할 라벨을 선택하고 필터 생성..

By 홍지호 이미지 업로드에 대해 고객사에 가이드를 드려야 할 때 참고. 특수한 상황이 아니라면 웹에서 이미지를 업로드할 때 권장하는 사양은 다음과 같다.해상도: 72dpi용량: 2MB 이내포맷: jpg  이게 안 지켜지면? 아래와 같은 문제들이 생긴다.이미지 업로드에 자꾸 실패하거나GIF 파일이 재생이 안되거나사이트가 너무 느리게 로드되거나서버 요금이 너무 많이 나오거나 기타 등등 (문제가 생겼는데 원인이 이미지 스펙 때문이라는 것을 고객사가 모르고 있는 경우 바톤이 만든 기능에 문제가 있는 것은 아닌지 하는 불필요한 오해를 받기도 한다. 😔)  이런 문제들은 고용량, 고화질의 이미지가 웹에서 지속적으로 업로드되게 되면 반드시 발생할 수 있으므로, 고객사 사이트에서 이러한 문제가 발생한다면 먼저 고객..

웹사이트 제작과 동시에 영상을 제작해서 사이트에서 보여주려는 고객사를 만나게 되는 경우 참고. 무심코 가로 구도로만 촬영한 후 나중에 '어.. 근데 모바일에선 어떻게 보여주지?' 하는 담당자분들이 이따금 계신다. 그래서 사전 논의 단계에서 확인차 세로영상의 필요성에 대해 안내드리면 좋다. 아마 프로덕션에 이 안내("그리고 저희 모바일에 올릴 세로 구도로도 따로 필요해요.")까지 드리면 영상 제작 견적과 일정도 약간 달라질 것이다.  참고로 '모바일용 = 무조건 세로형'이란 얘긴 아니다. PC 기준의 가로 영상이 모바일에선 대체로 너무 작게 나오니 정방형이든 3:4든 9:16이든 가로 영상보단 내용이 좀 더 잘 들어오고 PC에 비해 피사체가 상대적으로 더 크게 잡아줄 수 있는 가로세로 비율에 대한 계획이 ..

웹사이트에서 영상이 자동재생되도록 하는 방법이 몇 가지 있다. 그 중 접근성이 낮은 것들만 추렸다.  1. mp4를 재생시키기그냥 mp4 파일을 브라우저에서 재생시켜버리는 방법이다. 단점은 파일 하나는 용량이 1~2메가 정도로 매우 작아야 로딩 문제 없이 영상이 재생된다는 것. 그래서 파일 하나당 러닝타임도 3~5초 정도로 짧을 수 밖에 없다. 예를 들어 우리가 몇 년 전 제작한 오설록 브랜드 스토리를 보면 상단에 짧은 러닝타임의 풀 영상이 여러 개 이어서 돌아가는 것을 볼 수 있다. 용량 문제로 짧은 러닝타임을 감수하면서 대신 파일 여러 개를 올려서 풍성하게 보이도록 한 약간의 트릭이다.   2. 유튜브가장 만만한 방법이다. 하지만 영상에서 유튜브 로고를 지울 수 없다는 점 때문에(있어보이는 말로는 커..

by 이채원 웹사이트 제작 프로젝트를 진행하다 보면 생각보다 사소한 것들을 놓쳤을 때 일의 진행 속도와 완성도가 달라진다는 것을 경험으로 깨우치게 되는데, 바로 아래 내용이 그런 케이스다.  1. 최소∙최대 개수 지정하기'n개의 OOO'로 표현될 수 있는 모든 영역에 대해 이 질문을 던져볼 수 있다. 기획, 디자인 단계에서는 내용을 시각적으로 확인하기 위해 특정한 기준 없이 임의의 개수를 정해서 디자인하게 되는 경우가 많은데, 이때 너무 늦지 않은 시점에 웹사이트 운영 시에 발생할 수 있는 변수 등을 고려해서 개수에 대한 기준을 설정해주어야 한다. 예를 들어 최소 몇 개의 콘텐츠가 등록되어야 하는지, 최대 몇 개까지의 이미지만 등록해야 하는지 등의 설정은 디자인의 일관성을 유지하는데 큰 역할을 하고, 로..