10. 벤치마킹 보고서 만들기

배포된 양식으로 웹사이트 한 곳을 6개 항목으로 살펴 벤치마킹 보고서 1건을 만든다.

▪ 만들 것

웹사이트 한 곳을 6개 항목으로 평가해 칸을 모두 채운 벤치마킹 보고서 1건.

▪ 예제 파일

배포된 벤치마킹 보고서 양식. 조사 대상·URL·6개 평가 항목·종합 의견 칸이 들어 있다.

▪ 미리 알아두기

보고서는 아래 6개 항목으로 사이트를 살펴본다.

Contents (콘텐츠): 소개 글과 정보가 충실하고 다른 곳과 다른 점이 있는가
UI (화면 구조): 메뉴 분류와 화면 이동이 편한가
Visual (디자인): 색상·디자인이 깔끔하고 글이 읽기 쉬운가
Marketing (홍보): 이벤트·홍보 영역과 다시 찾게 만드는 요소가 있는가
Theme & Message (주제): 사이트가 말하려는 바가 분명한가
Support (고객지원): 문의·안내 정보에 접근하기 쉬운가

1. 작업 준비

1.1 크롬(Chrome) 브라우저를 열다.

1.2 메모장을 열고 [파일] → [저장]으로 이름을 "벤치마킹_메모.txt"로 저장한다. 살펴보며 떠오르는 점을 여기에 적는다.

1.3 배포된 벤치마킹 보고서 양식을 열다.

2. 분석할 사이트 정하기

2.1 평가할 웹사이트 한 곳을 정한다.

2.2 크롬 주소창을 클릭한다 → 사이트 주소를 입력한다 → Enter 키를 누른다.

2.3 화면이 안 열리면 주소 철자를 다시 확인하고 Enter 키를 누른다.

2.4 주소창의 주소를 드래그해 복사한다(Ctrl+C).

2.5 양식의 URL 칸을 클릭한다 → 붙여넣는다(Ctrl+V).

2.6 양식의 조사 대상 칸에 사이트 이름을 입력한다.

ud83dudcf7 분석할 사이트 첫 화면

⬇️ 이 자리에 이미지 드래그

3. 사이트 둘러보기

3.1 첫 화면에서 위쪽 메뉴를 하나씩 눌러 어떤 내용이 있는지 본다.

3.2 글·이미지·버튼·색상이 어떻게 배치됐는지 살펴본다.

3.3 눈에 띄거나 불편한 점을 "벤치마킹_메모.txt"에 한 줄씩 적는다.

4. 항목별로 평가 쓰기

양식의 각 항목 칸을 클릭하고, 아래 질문에 답하듯 두세 줄로 적는다. 좋은 점과 아쉬운 점을 함께 적는다.

4.1 Contents

소개 글과 정보가 충실한지, 다른 사이트와 다른 점이 있는지 적는다.

4.2 UI

메뉴 분류가 명확한지, 원하는 곳으로 이동이 쉬운지 적는다.

4.3 Visual

색상·디자인이 깔끔한지, 글이 읽기 쉬운지 적는다.

4.4 Marketing

이벤트·홍보 영역이 있는지, 다시 찾게 만드는 요소가 있는지 적는다.

4.5 Theme & Message

사이트가 말하려는 주제가 분명한지 적는다.

4.6 Support

문의·안내 정보를 쉽게 찾을 수 있는지 적는다.

ud83dudcf7 항목을 채운 양식 예시

⬇️ 이 자리에 이미지 드래그

5. 종합 의견 쓰기

5.1 6개 항목에서 좋았던 점과 아쉬운 점을 모아 한 문단으로 정리한다.

5.2 사이트를 고친다면 어디를 바꾸면 좋을지 한두 가지 적는다.

5.3 6개 항목 칸과 종합 의견 칸이 모두 채워졌는지 확인한다.

▪ 도움 프롬프트

아래 글을 챗GPT 같은 AI에 입력해 평가와 종합 의견 작성에 활용한다.

\uc544\ub798 \uc6f9\uc0ac\uc774\ud2b8\ub97c \ud3c9\uac00\ud574\uc918.
URL: (\ubd84\uc11d\ud560 \uc0ac\uc774\ud2b8 \uc8fc\uc18c)

\ub2e4\uc74c 6\uac1c \ud56d\ubaa9\uc73c\ub85c \ub098\ub220\uc11c, \ud56d\ubaa9\ub9c8\ub2e4 \uc88b\uc740 \uc810\uacfc \uc544\uc26c\uc6b4 \uc810\uc744 2~3\uc904\ub85c \uc815\ub9ac\ud574\uc918.
1) Contents - \uc18c\uac1c \uae00\uacfc \uc815\ubcf4\uc758 \ucda9\uc2e4\uc131\u00b7\ucc28\ubcc4\uc131
2) UI - \uba54\ub274 \ubd84\ub958\uc640 \ud654\uba74 \uc774\ub3d9\uc758 \ud3b8\uc758\uc131
3) Visual - \uc0c9\uc0c1\u00b7\ub514\uc790\uc778\u00b7\uac00\ub3c5\uc131
4) Marketing - \uc774\ubca4\ud2b8\u00b7\ud64d\ubcf4\u00b7\uc7ac\ubc29\ubb38 \uc720\ub3c4 \uc694\uc18c
5) Theme & Message - \uc8fc\uc81c\u00b7\uba54\uc2dc\uc9c0 \uc804\ub2ec\uc758 \uba85\ud655\uc131
6) Support - \ubb38\uc758\u00b7\uc548\ub0b4 \uc815\ubcf4 \uc811\uadfc\uc131

\ub9c8\uc9c0\ub9c9\uc5d0 \uc774 \uc0ac\uc774\ud2b8\ub97c \uac1c\uc120\ud55c\ub2e4\uba74 \uc5b4\ub514\ub97c \ubc14\uafb8\uba74 \uc88b\uc744\uc9c0 \ud55c\ub450 \uac00\uc9c0 \uc81c\uc548\ud574\uc918.

6. 저장

6.1 양식 파일을 저장한다(Ctrl+S).

6.2 "벤치마킹_메모.txt"도 저장한다(Ctrl+S).

#web #design #마케팅

10. 벤치마킹 보고서 만들기

배포된 양식으로 웹사이트 한 곳을 6개 항목으로 살펴 벤치마킹 보고서 1건을 만든다.

▪ 만들 것

웹사이트 한 곳을 6개 항목으로 평가해 칸을 모두 채운 벤치마킹 보고서 1건.

▪ 예제 파일

배포된 벤치마킹 보고서 양식. 조사 대상·URL·6개 평가 항목·종합 의견 칸이 들어 있다.

▪ 미리 알아두기

보고서는 아래 6개 항목으로 사이트를 살펴본다.

Contents (콘텐츠): 소개 글과 정보가 충실하고 다른 곳과 다른 점이 있는가
UI (화면 구조): 메뉴 분류와 화면 이동이 편한가
Visual (디자인): 색상·디자인이 깔끔하고 글이 읽기 쉬운가
Marketing (홍보): 이벤트·홍보 영역과 다시 찾게 만드는 요소가 있는가
Theme & Message (주제): 사이트가 말하려는 바가 분명한가
Support (고객지원): 문의·안내 정보에 접근하기 쉬운가

1. 작업 준비

1.1 크롬(Chrome) 브라우저를 열다.

1.2 메모장을 열고 [파일] → [저장]으로 이름을 "벤치마킹_메모.txt"로 저장한다. 살펴보며 떠오르는 점을 여기에 적는다.

1.3 배포된 벤치마킹 보고서 양식을 열다.

2. 분석할 사이트 정하기

2.1 평가할 웹사이트 한 곳을 정한다.

2.2 크롬 주소창을 클릭한다 → 사이트 주소를 입력한다 → Enter 키를 누른다.

2.3 화면이 안 열리면 주소 철자를 다시 확인하고 Enter 키를 누른다.

2.4 주소창의 주소를 드래그해 복사한다(Ctrl+C).

2.5 양식의 URL 칸을 클릭한다 → 붙여넣는다(Ctrl+V).

2.6 양식의 조사 대상 칸에 사이트 이름을 입력한다.

ud83dudcf7 분석할 사이트 첫 화면

⬇️ 이 자리에 이미지 드래그

3. 사이트 둘러보기

3.1 첫 화면에서 위쪽 메뉴를 하나씩 눌러 어떤 내용이 있는지 본다.

3.2 글·이미지·버튼·색상이 어떻게 배치됐는지 살펴본다.

3.3 눈에 띄거나 불편한 점을 "벤치마킹_메모.txt"에 한 줄씩 적는다.

4. 항목별로 평가 쓰기

양식의 각 항목 칸을 클릭하고, 아래 질문에 답하듯 두세 줄로 적는다. 좋은 점과 아쉬운 점을 함께 적는다.

4.1 Contents

소개 글과 정보가 충실한지, 다른 사이트와 다른 점이 있는지 적는다.

4.2 UI

메뉴 분류가 명확한지, 원하는 곳으로 이동이 쉬운지 적는다.

4.3 Visual

색상·디자인이 깔끔한지, 글이 읽기 쉬운지 적는다.

4.4 Marketing

이벤트·홍보 영역이 있는지, 다시 찾게 만드는 요소가 있는지 적는다.

4.5 Theme & Message

사이트가 말하려는 주제가 분명한지 적는다.

4.6 Support

문의·안내 정보를 쉽게 찾을 수 있는지 적는다.

ud83dudcf7 항목을 채운 양식 예시

⬇️ 이 자리에 이미지 드래그

5. 종합 의견 쓰기

5.1 6개 항목에서 좋았던 점과 아쉬운 점을 모아 한 문단으로 정리한다.

5.2 사이트를 고친다면 어디를 바꾸면 좋을지 한두 가지 적는다.

5.3 6개 항목 칸과 종합 의견 칸이 모두 채워졌는지 확인한다.

▪ 도움 프롬프트

아래 글을 챗GPT 같은 AI에 입력해 평가와 종합 의견 작성에 활용한다.

\uc544\ub798 \uc6f9\uc0ac\uc774\ud2b8\ub97c \ud3c9\uac00\ud574\uc918.
URL: (\ubd84\uc11d\ud560 \uc0ac\uc774\ud2b8 \uc8fc\uc18c)

\ub2e4\uc74c 6\uac1c \ud56d\ubaa9\uc73c\ub85c \ub098\ub220\uc11c, \ud56d\ubaa9\ub9c8\ub2e4 \uc88b\uc740 \uc810\uacfc \uc544\uc26c\uc6b4 \uc810\uc744 2~3\uc904\ub85c \uc815\ub9ac\ud574\uc918.
1) Contents - \uc18c\uac1c \uae00\uacfc \uc815\ubcf4\uc758 \ucda9\uc2e4\uc131\u00b7\ucc28\ubcc4\uc131
2) UI - \uba54\ub274 \ubd84\ub958\uc640 \ud654\uba74 \uc774\ub3d9\uc758 \ud3b8\uc758\uc131
3) Visual - \uc0c9\uc0c1\u00b7\ub514\uc790\uc778\u00b7\uac00\ub3c5\uc131
4) Marketing - \uc774\ubca4\ud2b8\u00b7\ud64d\ubcf4\u00b7\uc7ac\ubc29\ubb38 \uc720\ub3c4 \uc694\uc18c
5) Theme & Message - \uc8fc\uc81c\u00b7\uba54\uc2dc\uc9c0 \uc804\ub2ec\uc758 \uba85\ud655\uc131
6) Support - \ubb38\uc758\u00b7\uc548\ub0b4 \uc815\ubcf4 \uc811\uadfc\uc131

\ub9c8\uc9c0\ub9c9\uc5d0 \uc774 \uc0ac\uc774\ud2b8\ub97c \uac1c\uc120\ud55c\ub2e4\uba74 \uc5b4\ub514\ub97c \ubc14\uafb8\uba74 \uc88b\uc744\uc9c0 \ud55c\ub450 \uac00\uc9c0 \uc81c\uc548\ud574\uc918.

6. 저장

6.1 양식 파일을 저장한다(Ctrl+S).

6.2 "벤치마킹_메모.txt"도 저장한다(Ctrl+S).

#web #design #마케팅