프로세스
클라이언트가 새로은 웹 또는 앱을 구축하려하거나 웹사이트 리뉴얼을 고려하는경우로 부터 시작합니다.
회사 규모와 상관없이 회사 전반적인 내용을 이해하고 개발 관련 지식을 함께 갖춘 사람은 거진 없다고 봅니다.
그렇기에 프로젝트 진행과정에서 쉽게 방향을 바꾸거나 원치않는 결과가 나오는 경우가 빈번하게 발생합니다.
그렇기 때문에 개발에 들어가기에 앞서 최대한 많은 정보를 수집하고 정리하는것이 중요합니다.
정보를 수집하고 정리하는 과정은 아래와 같이 정리해보았습니다. ^^
개발자를 살...
웹을 개발하는 과정은 절대 단순하지 않습니다.
클라이언트 입장이라면 아마 전체 일정을 보고 뭐가 이렇게 오래 걸립니까? 하고 놀라실수도 있겠네요
보급형?을 제외하고 말입니다.
개발기간이 오래걸리는 이유는 다음과 같습니다.
다음과 같은 내용에 준수한다면 비용과 시간을 줄일 수 있습니다.
1.단계 초안
개발사에서는 클라이언트를 처음 마주했을 때, 무엇을 만들고 싶습니까? 라는 처음 질문을 할 것입니다.
클라이언트는 충분하게 고려했겠지만 막상 전달하려고하면 뒤죽박죽인경우가 있을 것입니다.
뒤죽박죽 설명은 최종 결과에 그대로 반영되게 되어있기때문에 .. 가장 중요한 단계라고 봐도 무방합니다.
그렇기 때문에 클라이언트는 명확하면서도 최대한 상세하게 정보를 제공할 의무가 있습니다.
클라이언트는 최소 어떤 비지니스를 할것이고 , 주 타깃은 누구이며, 최종 목표는 어디까지 입니다.
신발을 판매할것이며 주 타깃은 20-30대 젊은층이며 , 모델 동영상을 활용하여 고객 유입 시 노출 하여 상품의 정보를 빠르게 전달 하겠다?
더 디테일하면 할 수록 좋습니다.
이제 개발자인 저는 머리를 굴리겠죠?
쇼핑몰의 기본 프로세스가 들어가고 , 젊은 층이니 디자인은 좀더 화려하게 해야할것이고, 일반 쇼핑몰과 다르게 동영상을 많이 활용하겠군?
대략정인 일정과 , 예산에 대해서 정리가 가능합니다.
후에 설계와 개발 작업에 뼈대가 되는 과정이므로 정말 중요한 단계입니다.
초안단계에서 내용이 부실하다면 만족스럽지 못한 결과로 이어질 수 있고, 지연과 예산이 추가로 발 생할 수있으니
최대한 많은 자료를 준비하셔서 정해진 일정에 만족스런 결과를 낼 수 있게 하시기 바랍니다 ^^
추가로 * 말로 설명하지마시고 절대적으로 문서 문서화 하시길 적극!!!!!!추천드립니다.
정말 급한상황? 이라면 녹음이라도 하고 꼭 다시 듣고 부족한부분은 확인하고 또 확인하고 요청하고 요청하시길!!!!!
2.단계 : 계획
1단계가 마무리되면 해당 페이지의 구성을 정리합니다.
페이지의 계층 구조를 작성하며 전반적은 레이아웃을 구성합니다.
해더 , 사이드 메뉴 , 메인 콘텐츠 -> 한 화면에 상품은 몇개씩 노출 할것인가 등 전반적인 레이아웃을 구성하고
클라이언트에게 정확하게 전달합니다.
클라이언트는 제안 받은 자료를 신중하게 검토하고 의사를 확실하게 전달할 의무가 여기에 있습니다.
잘못된 예는 다음과 같습니다.
- 알아서 잘 만들어주시겠죠 믿겠습니다.
- 예산이 부족해서 뭐 이정도만 만들어야 할 것 같네요
잘 반영된 예는 다음과 같습니다.
- 결제를 진행하기전에 장바구니 같이 한번에 상품을 넣어두었다가 한번에 결제가 가능게 있었으면 좋겠네요
추가로 결제 하기전에 다른 고객이 해당 상품과 함께 구매한 목록을 보여주고 클릭하면 해당 상품으로 이동해서 추가 구매하는 것이 있었으면 좋겠습니다.
등?
2단계인 계획 단계에서는 변경이 비교적 자유기때문에 첨삭을 통해 후에 들어갈 비용과 시간을 줄입니다.
3 단계 : 디자인
이제 본격적으로 개발을 시작하는 단계로 개발자는 필요한 모든 정보를 활용하여 개발에 들어갑니다.
개발자는 클라이언트로 부터 받은 정보를 확인합니다. 앞서 말한 것과 같이 타깃튼 20-30대로 젊은 층을을 공략할 것입니다.
첫번째로 전체적인 색을 구성하는 것이 좋습니다.
색상이야말로 사이트에 방문했을 때 즉각적인 메시지를 전달하기 때문에 중요합니다.
장례식장 홈페이지를 핑크색으로 만들 순 없을 테니까요 ..
추가로 글꼴, 폰트 사이즈, 미디어 시각적인 요소들을 정리하여 모든 페이지에 통일성 또한 고려합니다.
흔히 말하는 UI UX가 여기에 해당합니다.
사용자 경험을 반영하여 디자인에 접목합니다.
회원가입시 필요한 내용을 작성후에 가입버튼이 최상단에 있어 작성후에 스크롤을 다시 올려서 버튼을 누르는 상황은 만들지 말아야 하겠습니다 ..
또 장치간 호환성 또한 고려하여 반영영해야 합니다.
스마트폰에서도 사용가능한지 , 데스크톱만 사용하는 사용자라면 해상도를 어떻게 할것인지 등을 반영합니다.
이제 모든것이 정의가 되었다면, 프로토타입을 작성합니다.
프로토타입 관련해서 여기 이분이 정리를 잘해주셨으니 참고하세요
4 단계 : 개발
개발자는 이제 개발에 들어갑니다.
html css 등
데이터베이스
등등 개발 환경을 구성하고 개발에 착수합니다.
개발 관련하여 글은 다른 카테고리를 참고 하시기 바랍니다.
여기서 주의해야 할 점은 웹을 개발한다고 가정하면 웹 표준에 맞게 하는 것이 중요하다 생각합니다.
내맘대로 짠다면 후에 나올 유지보수 단계에서 고생하니까요 ㅎㅎ
개발 프로세스의 또 다른 중요한 요소는 보안 입니다. 비밀번호, 사용자 정보 및 개인 컨텐츠와 같은 웹 사이트의 개인 데이터는 안전하게 보호되어야합니다. 이것은 기본 코드가 XSS와 같은 취약점이나 취약점을 허용하지 않도록하여 수행됩니다.
개발자를위한 최종 작업 중 하나는 웹 사이트 페이지에 특정 마크 업 을 추가하는 것 입니다. 이는 일반적으로 사용자에게 직접적인 영향을 미치지 않지만 schema.org 구조화 된 데이터 사용과 같은 검색 엔진 최적화 (SEO) 또는 Facebook 링크 공유 설명 및 이미지 태그와 같은 소셜 미디어 목적에 중요합니다.
5 단계 : 시작
이제 개발된 결과물을 최종 테스트 하는 단계 입니다.
최종 제품을 출시하기전에 기능, 성능 및 보안에 중점을 두고 한번 더 확인합니다.
확인이 완료되면 라이브 서버에 배포를 하게 됩니다.
고객은 종종 직원에게 웹 사이트를 사용하도록 요청하고 누락되거나 잘못된 컨텐츠, 끊어진 링크 (어딘가로 연결되는 링크)가 있는지,
온라인 양식이 올바른 이메일받은 편지함에 있는지 확인하도록 요청합니다.
웹 사이트가 게시되면 고객은 일반적 으로 Google 웹 로그 분석 또는 웹 마스터 도구와 같은 웹 분석 서비스 를 통합하는 데 사용되는 필요한 코드 스 니펫을 제공합니다 .
모든 것이 준비되어 실행되면서 고객에게 프로젝트 초기에 합의 된 모든 결과물을 제공 할 것 입니다.
일반적으로 웹 사이트의 소스 코드 파일 사용되는 로고 및 기타 자료를 말합니다 .
프로젝트의 복잡성에 따라 클라이언트는 관리자 패널, 고객 관리 등과 같은 사이트의 특정 기능을 올바르게 사용하기위한 교육 및 문서 도받습니다 .
6 단계 : 유지 보수
웹 디자인 프로세스의 마지막 단계는 모든 사람에게 친숙하지 않습니다. 불행히도 많은 고객들은 웹 사이트를 시작하면 개발사와의 협력을 끝내야한다고 생각합니다.
웹 사이트가 실제로 라이브 상태이고 아마도 모든 기대치를 초과했지만, 더 이상 최적화의 여지가 없다는 것을 의미하지는 않습니다. 시간이 지남에 따라 새로운 트렌드가 등장함에 따라 이는 더욱 사실입니다. 대행사는 일반적으로 A / B 테스트 를 사용하여 웹 사이트 가치를 극대화하기 위해 클릭률 및 전환과 같은 통계에 가장 영향을 미치는 변화를 결정합니다.
그리고 처음에 사이트를 구성한 팀 이외의 다른 디자인, 기능 또는 컨텐츠 와 관련 하여 결과 수정 또는 기타 업데이트를 구현할 수있는 사람은 누구 입니까? 다른 대행사를 사용하여 웹 사이트를 가장 자주 수정하면 매우 작은 변경에도 비용이 많이 들고 구현 시간이 길어집니다.
'스타트업 > 기획' 카테고리의 다른 글
| 1. 홈페이지 만들기 전 고려해야 할 것 (0) | 2018.02.15 |
|---|
