<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>잇디펜즈 오피스</title>
    <link>https://jinheedesign.tistory.com/</link>
    <description>잇디펜즈 오피스입니다. 전반적인 사용자 경험(UX), UI, 브랜딩, 디자인 트랜드 및 툴에 대해 다룹니다.</description>
    <language>ko</language>
    <pubDate>Wed, 13 May 2026 19:25:37 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>잇디펜즈</managingEditor>
    <image>
      <title>잇디펜즈 오피스</title>
      <url>https://tistory1.daumcdn.net/tistory/3873653/attach/029a3796569842a49747ac8fbb258124</url>
      <link>https://jinheedesign.tistory.com</link>
    </image>
    <item>
      <title>웹사이트 제작 툴 비교하기 - 워드프레스(Wordpress), 윅스(Wix) 그리고 스퀘어스페이스(Squarespace)</title>
      <link>https://jinheedesign.tistory.com/30</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;안녕하세요?&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;요새 개인 사업자나 소규모의 기업들은 웹사이트 없이는 사업을 홍보하거나 운영할 수 없고 요새는 개인의 포트폴리오 심지어 청첩장도 요새 웹사이트로 옮긴지 오래입니다. 저도 마찬가지로 개인 홈페이지를 가지고 있는지 거의 20년이 다 되어가네요. 당시에는 HTML, 플래쉬, 포토샵, 드림위버 없이 홈페이지를 만들기란 일반인에게 어려운 과제 였습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;하지만 역시 시간이 해결해 주듯, 이런 어려운 점을 낚아채고 일반인도 쉽게 홈페이지를 만들 수 있도록 웹빌더 서비스를 제공하기 시작했고, 서비스들이 정착이 되어 많은 사람들이 사용하고 있습니다. 그 중에 제가 체험 해 본 웹사이트 세 곳을 소개하고자 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;워드프레스(Wordpress)&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;원래는 블로그 컨텐츠를 관리하기 위해 만들어졌으나 웹사이트를 제작하기 위한 웹빌더로 거듭나여 사용되고 있는, 20년이 지난 지금까지 활발하게 사용되고 있는 노익장 웹 빌더입니다. 아직까지 전세계에서 많이 사용하고 있으며, 워드프레스를 위한 플러그인과 테마들이 무수히 배포되어 있어 용이합니다. 필자도 워드프레스를 사용하여 웹사이트를 여러개 제작한 경험이 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;워드프레스는 직접 설치형(&lt;a href=&quot;https://wordpress.org/&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://wordpress.org/&lt;/a&gt;)과 웹빌더 서비스형(&lt;a href=&quot;https://wordpress.com/&quot;&gt;https://wordpress.com/&lt;/a&gt; )이 있으며, 차이점은 호스팅을 직접 구매하여 설치하느냐, 아니면 호스팅 및 도메인 서비스를 워드프레스 닷컴에서 구매하여 사용할 것인가의 차이입니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imagegridblock&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ooMyl/btsDisKUcA3/1vGmQWX37M97t8XHuuepI1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ooMyl/btsDisKUcA3/1vGmQWX37M97t8XHuuepI1/img.png&quot; data-origin-width=&quot;3016&quot; data-origin-height=&quot;1632&quot; data-is-animation=&quot;false&quot; data-filename=&quot;wordpress2.png&quot; style=&quot;width: 49.2549%; margin-right: 10px;&quot; data-widthpercent=&quot;49.83&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ooMyl/btsDisKUcA3/1vGmQWX37M97t8XHuuepI1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FooMyl%2FbtsDisKUcA3%2F1vGmQWX37M97t8XHuuepI1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;3016&quot; height=&quot;1632&quot;/&gt;&lt;/span&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b2225I/btsDayFZFZo/UwQHBl1ZyJTKnjp05HgI4k/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b2225I/btsDayFZFZo/UwQHBl1ZyJTKnjp05HgI4k/img.png&quot; data-origin-width=&quot;3010&quot; data-origin-height=&quot;1618&quot; data-is-animation=&quot;false&quot; data-filename=&quot;wordpress1.png&quot; data-widthpercent=&quot;50.17&quot; style=&quot;width: 49.5823%;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b2225I/btsDayFZFZo/UwQHBl1ZyJTKnjp05HgI4k/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb2225I%2FbtsDayFZFZo%2FUwQHBl1ZyJTKnjp05HgI4k%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;3010&quot; height=&quot;1618&quot;/&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;figcaption&gt;https://wordpress.org/showcase/category/business/ 에서 다양한 샘플을 볼 수 있다.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;장점이라 한다면, 당연히 범용적으로 사용되고 있다는 점입니다. 그래서 홈페이지를 직접 디자인하지 않아도 테마나 플러그인을 구매, 설치하여 사용할 수 있습니다. 전세계인들이&amp;nbsp;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;테마를 제작하기 때문에 조금만 인터넷을 뒤지면 내가 원하는 테마를 구할 수 있습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333; text-align: start;&quot;&gt;단점은 역사가 오래된 웹빌더인만큼, 장점에서 서술한 많은 사람들이 테마나 플러그인을 제작하는 만큼 플러그인이나 테마 그리고 버전이 충돌되어 트러블 슈팅이 일어 난다거나, 오래된 인터페이스로 인해 복잡하고 사용하기 어려운 면이 있습니다. 영어로 되어 있기 때문에 언어로 인해 한국인에게는 더 어렵게 느껴지기도 하지만, 마찬가지로 영어로 만들어진 윅스나 스퀘어스페이스는  그나마 최근에 제작 되었기 때문에 사용자경험이 더 편하게 느껴집니다.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size23&quot;&gt;윅스(W ix)&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;윅스(&lt;a href=&quot;https://wixstats.com/?a=16399&amp;amp;oc=146&amp;amp;c=2261&amp;amp;s1=&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://www.wix.com/)&lt;/a&gt; 는 초보자들에게도 쉽게 웹사이트 제작의 장벽을 넘게 해주는 웹빌더 서비스 중 하나 입니다. 드래그 앤 드롭 방식으로 버튼이나 텍스트를 내가 원하는 장소에 붙여 넣기만 하면 됩니다. 장점이라 한다면 바로 이 점이며, 특히 이 글에서 소개하는 웹빌더 중에 유일하게 한국어를 지원한다는 점이 매력입니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;무료로 사용할 수 있으며, 다만 윅스 광고가 붙는다는 것이 거슬리지만 무료로 사용하는데 그 정도는 애교로 봐줄 수 있기도 합니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #777777; text-align: center;&quot;&gt;&lt;a href=&quot;https://www.wix.com/explore/websites&quot;&gt;https://www.wix.com/explore/websites&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;wix1.png&quot; data-origin-width=&quot;3014&quot; data-origin-height=&quot;1614&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/w8F10/btsDjX5rrcg/TGm8OsKKVsrKCD9D3kOpB1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/w8F10/btsDjX5rrcg/TGm8OsKKVsrKCD9D3kOpB1/img.png&quot; data-alt=&quot;https://www.wix.com/explore/websites 에서 다양한 샘플보기&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/w8F10/btsDjX5rrcg/TGm8OsKKVsrKCD9D3kOpB1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fw8F10%2FbtsDjX5rrcg%2FTGm8OsKKVsrKCD9D3kOpB1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;3014&quot; height=&quot;1614&quot; data-filename=&quot;wix1.png&quot; data-origin-width=&quot;3014&quot; data-origin-height=&quot;1614&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;https://www.wix.com/explore/websites 에서 다양한 샘플보기&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;단점이라 한다면, 테마를 한번 정했으면 다른 테마로 바꿀 수 없고 모든 걸 새로 시작해야 하는 단점이 있습니다. 이 부분은 시간이 지나면서 해결될 수도 있을 것 같네요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;개인적으로 가장 큰 단점은... 디자이너가 직업인 제가 보았을 때 디자인이 뭔가 2% 부족한 느낌이 듭니다. 폰트 스타일일 수 있고, 여백 공간 때문일 수도 있고 여튼 뭐가 부족한데 말로 표현하기에는 어려운 그 느낌적인 느낌. 많이 사용하다보면 그 부분을 보안 할수도 있을 것 같기도 합니다.&amp;nbsp;&lt;/p&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div&gt;
&lt;h3 style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size23&quot;&gt;스퀘어 스페이스(Squarespace)&amp;nbsp;&lt;/h3&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://www.squarespace.com/showcase&quot; target=&quot;_blank&quot; rel=&quot;noopener&amp;nbsp;noreferrer&quot;&gt;https://www.squarespace.com/showcase&lt;/a&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;웹빌더 서비스의 마지막으로 스퀘어 스페이스를 소개합니다.&amp;nbsp; 윅스(Wix)가 누구에게나 홈페이지를 제작하는 컨셉으로 만들어졌다면, 스퀘어 스페이스는 아티스트나 디자이너들의 포트폴리오나 아키텍쳐나 감각적인 소규모의 회사들의 홈페이지를 겨냥하였습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래서 스퀘어스페이스는 굉장히 미려하고 깔끔한 프로페셔널한 느낌의 웹사이트를 제작할 수 있는 장점이 있습니다. 그래서 많은 아티스트들이 찾는 이유인 것 같습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Squarespace.png&quot; data-origin-width=&quot;2996&quot; data-origin-height=&quot;1456&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/4i6Ud/btsDjXLf9vz/XYdXCbh4kGaTgYqjdOUuEk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/4i6Ud/btsDjXLf9vz/XYdXCbh4kGaTgYqjdOUuEk/img.png&quot; data-alt=&quot;https://www.squarespace.com/showcase 에서 샘플 확인&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/4i6Ud/btsDjXLf9vz/XYdXCbh4kGaTgYqjdOUuEk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F4i6Ud%2FbtsDjXLf9vz%2FXYdXCbh4kGaTgYqjdOUuEk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2996&quot; height=&quot;1456&quot; data-filename=&quot;Squarespace.png&quot; data-origin-width=&quot;2996&quot; data-origin-height=&quot;1456&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;https://www.squarespace.com/showcase 에서 샘플 확인&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;단점이라 하면 위에 제시했던 워드프레스와 윅스를 비교했을 때 서비스의 이용 가격이 예전에는 더 높았었는데요. 지금은 윅스의 가격이 상당히 올라서 비슷한 수준이 되어서 높은 가격이 단점이 되지 않을 것 같습니다. (한달 가격 US달러로 $23) 확실한 것은 윅스처럼 무료로 사용하지 못하고 2주 간의 트라이얼 이후로 유료로 전환하지 않을 경우 서비스를 사용할 수 없다는 것이 단점으로 꼽힐 것 같습니다.&amp;nbsp;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;마무리&amp;nbsp;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;대표적인 웹 빌더 3가지를 소개 했는데요. 다른 웹빌더 서비스들도 많으나, 제가 직접 사용 해 보고, 느낀 것들을 위주로 작성하였습니다. 한 줄로 이 세가지 서비스를 압축하여 소개한다면&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;워드프레스: 예전의 영광은 다시 돌아올 것인가, 아니면 오래된 시스템으로 사람들을 멀어지게 할 것인가?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;윅스: 쓰기 쉬운데... 쉬운데... 말로 설명하기 어려운 2%의 참을 수 없는 디자인의 가벼움&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;스퀘어스페이스: 스웨그 넘치는 그들만의 리그, 일반 한국 비지니스에 어필이 될 것인가?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style3&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;스퀘어 스페이스를 기반으로 웹사이트를 제작하는 서클 멤버로써, 제작을 원하시는 분들은 비밀댓글로 문의 주시길 바랍니다.&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignLeft&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;CircleMember.png&quot; data-origin-width=&quot;1040&quot; data-origin-height=&quot;324&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b30OCL/btsDfMEj5CD/18MZNEeDIeXQfBMJxu9iKK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b30OCL/btsDfMEj5CD/18MZNEeDIeXQfBMJxu9iKK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b30OCL/btsDfMEj5CD/18MZNEeDIeXQfBMJxu9iKK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb30OCL%2FbtsDfMEj5CD%2F18MZNEeDIeXQfBMJxu9iKK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;250&quot; height=&quot;78&quot; data-filename=&quot;CircleMember.png&quot; data-origin-width=&quot;1040&quot; data-origin-height=&quot;324&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>유용한 디자인의 지식과 툴</category>
      <category>Squarespace한국</category>
      <category>스퀘어스페이스</category>
      <category>스퀘어스페이스홈페이지제작</category>
      <category>웹사이트제작</category>
      <category>한국어지원스퀘어스페이스</category>
      <category>홈페이지제작</category>
      <author>잇디펜즈</author>
      <guid isPermaLink="true">https://jinheedesign.tistory.com/30</guid>
      <comments>https://jinheedesign.tistory.com/30#entry30comment</comments>
      <pubDate>Wed, 10 Jan 2024 22:20:38 +0900</pubDate>
    </item>
    <item>
      <title>업무 정의서는 왜 중요한가? (feat.끝 없는 수정요청 막아내기)</title>
      <link>https://jinheedesign.tistory.com/27</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;만약에 이 글을 읽고 있는 분이 프리랜서라면 이 글은 꼭 읽으셔야 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;왜냐하면, 정확한 업무 정의서 없이는 클라이언트의 끝 없는 수정요청을 막을 수 없기 때문입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;cytonn-photography-n95VMLxqM2I-unsplash.jpg&quot; data-origin-width=&quot;6016&quot; data-origin-height=&quot;4016&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cexdzK/btsC7oCp3vd/ck8Cx3XaAbG1oqGlFW6Qe0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cexdzK/btsC7oCp3vd/ck8Cx3XaAbG1oqGlFW6Qe0/img.jpg&quot; data-alt=&quot;계약만 하면 끝인 줄 아셨쥬? 이제부터 시작입니다.&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cexdzK/btsC7oCp3vd/ck8Cx3XaAbG1oqGlFW6Qe0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcexdzK%2FbtsC7oCp3vd%2Fck8Cx3XaAbG1oqGlFW6Qe0%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;6016&quot; height=&quot;4016&quot; data-filename=&quot;cytonn-photography-n95VMLxqM2I-unsplash.jpg&quot; data-origin-width=&quot;6016&quot; data-origin-height=&quot;4016&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;계약만 하면 끝인 줄 아셨쥬? 이제부터 시작입니다.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;업무 정의서를 작성해야 하는 이유&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;축하합니다. 드디어 클라이언트와 일을 시작 하시게 되었군요. 그런데 말입니다... 혹시  업무 정의서를 쓰시고 일을  시작 하셨나요? 그렇지 않으면 당장 쓰시길 바랍니다. 구두로 정하셨다고 하더라도 말입니다. 특히 한국 문화에서는 회사 대 회사가 아닌 이상 제안서 없이 쓰지 않고 구두로만 동의하고 넘어가는 일이 부지기수인데, 이런 작업은 저와 같이 1인 기업이나 프리랜서들에게도 필요한 작업입니다. 그렇지 않으면 분명하지 않은 업무 범위 때문에 클라이언트와 충돌이 일어날 수 있기 때문입니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;업무 정의서 어떻게 작성하나요?&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;업무 정의서에 들어가는 항목들은 다음과 같습니다. 아주 기본적인 것들만 작성 하였고 부수적인 것인 추가로 들어갈 수 있습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;표지&lt;/h4&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;클라이언트 회사명&lt;/li&gt;
&lt;li&gt;프로젝트 명&lt;/li&gt;
&lt;li&gt;작성 날짜와 버전&lt;/li&gt;
&lt;li&gt;작성자 혹은 작성자 회사의 이름&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;프로젝트 개요&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;클라이언트와 이루고자 하는 목적을 한,두 단락으로 간단하게 서술합니다. 추가적으로 프로젝트를 진행하는 작업자 나 자신의 방향성을 간단히 소개 할 수도 있습니다.&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;br /&gt;요구 사항&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;계약 시 구두로 클라이언트가 무엇을 원하는지 이야기를 먼저 했다면 이 부분에 그 요구사항을 적어 내려갑니다. 이 부분에 대해서 클라이언트와 한번 더 확인하여 이 요구사항이 맞는지 또는 누락된 것이 없는지 확인합니다.&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;br /&gt;업무 범위와 작업 과정&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 부분이 제안서의 꽃이라고 할 수 있겠습니다. 업무 범위가 구체적일 수록 좋으며, 나중에 추가적인 일을 클라이언트가 원하는 경우에 이 업무 범위가 당신을 보호해 줍니다. 그리고 작업 과정은 어떻게 일이 진행될 것인지를 단락으로 나누어 클라이언트가 이해하기 쉽게 작성합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;예를 들어, 홈페이지를 제작한다는 가정하에&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;br /&gt;- 홈페이지는 전체 6 페이지이며, 게시판 2개의 기능이 들어갑니다. 추가 페이지와 다른 기능들은 추가 금액이 발생합니다.&amp;nbsp;&lt;br /&gt;- &lt;span style=&quot;color: #333333; text-align: left;&quot;&gt;페이지 디자인은 기본 텍스트와 이미지로 설정합니다.&lt;/span&gt;&lt;br /&gt;- 동영상 및 이미지는 클라이언트에서 제공합니다. 특정 이미지를 구매 시 이 가격은 프로젝트 견적 금액에 포함되지 않습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;- 작업 피드백은 홈페이지 제작 시작 후 00일에 피드백을 받습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;- 홈페이지 제작 완료 후 피드백을 1번 더 받습니다.&lt;br /&gt;- 클라이언트는 00월 00일까지 필요한 정보들을 제공합니다. 그렇지 않을 경우 계약의 프로젝트 완료기간이 늦춰질 수 있습니다.&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;결과물&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프로젝트 완료 시 클라이언트에게 넘기게 되는 것을 작성합니다. 홈페이지 완료 시 필요한 메뉴얼이나 트레이닝 유무 등&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;br /&gt;프로젝트 견적 금액, 지급, 기타 비용&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프로젝트 비용은 프로젝트 기간, 투입 인원의 시간 당 비용, 프로젝트의 난이도에 따라 달라지며 물론 시장 가격도 알아볼 수 있습니다. &lt;span style=&quot;color: #333333; text-align: left;&quot;&gt;직접적으로 일하는 시간만 측정하기 보다는&lt;span&gt; 프로젝트를 매니징하는 시간, 즉 이렇게 제안서를 쓰는 시간 등도 포함해야 합니다. 프로젝트가 시작되고 나서 생각보다 더 많은 시간이 소요되는 것을 예상해야 합니다. 대금 지급은 구체적인 날짜를 포함하여 지급이 되지 않는 불상사를 막도록 합니다.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h2 style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;&amp;nbsp;&lt;/h2&gt;
&lt;h2 style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size26&quot;&gt;업무 정의서 클라이언트와 공유하기&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;업무 정의서를 작성 후 반드시 클라이언트와 공유를 하며 리뷰하는 시간을 가지는 것을 권장합니다. 혹시나 일 시작 전에 클라이언트가 원했던 것이 정확하게 내가 이해를 한 것인지, 혹시 누락된 정보는 없는지 같이 상의하여 소통에 오해가 없어야 수월한 프로젝트 진행이 가능합니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;여기까지 업무 정의서에 대해 알아보았습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 업무 정의서에 승인 및 서명, 대급 지금 일정, 프로젝트 견적 방식, 소유권 및 저작권을 포함 시키면 더 큰 범위의 프로젝트 제안서가 되기 때문에 먼저 이 업무 정의서로 간단하게 잘 쓰는 실력을 가지면 제안서도 수월하게 작성이 가능할 것입니다.&amp;nbsp;&lt;/p&gt;</description>
      <category>디자인 이야기</category>
      <category>ux디자인</category>
      <category>업무정의서</category>
      <category>업무정의서작성하기</category>
      <category>프로젝트시작할때</category>
      <category>프로젝트제안서</category>
      <author>잇디펜즈</author>
      <guid isPermaLink="true">https://jinheedesign.tistory.com/27</guid>
      <comments>https://jinheedesign.tistory.com/27#entry27comment</comments>
      <pubDate>Sun, 7 Jan 2024 21:29:50 +0900</pubDate>
    </item>
    <item>
      <title>웹사이트 제작 툴 비교하기 - 윅스, 스퀘어스페이스, 워드프레스 그리고 아임웹</title>
      <link>https://jinheedesign.tistory.com/25</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;안녕하세요?&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;온라인 내에서 개인의 홍보 및 사업을 위한 웹사이트 제작을 고려하신다면 웹사이트 빌더 서비스에 대해 들어보셨을 것입니다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;웹사이트 빌더 서비스는 웹사이트에 필요한 HTML이나 CSS, 자바스크립트 같이 개발자가 아닌 이상 만들 기 어려운 웹사이트를 일반인도 쉽게 만들 수 있도록 제공하는 서비스입니다. 10년 전만 해도 개인이 홈페이지를 만드는 것은 꽤 힘든 일이었습니다. &lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;하지만 이런 서비스들이 점점 늘어나면서 그 장벽이 점점 낮아지고 있는 추세인데요, &lt;/span&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;오늘은 대표적으로 사람들이 사용하는 윅스(Wix), 스퀘어스페이스 (Squarespace), 워드프레스(Wordpress), 그리고 아임웹의 각 장단점에 대해 알아보고자 합니다.&lt;/span&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;웹사이트 빌더 서비스의 첫 번째 주자, 윅스 - &lt;a title=&quot;wix.com&quot; href=&quot;https://wixstats.com/?a=16399&amp;amp;oc=19&amp;amp;c=31&amp;amp;s1=&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://www.wix.com/&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;윅스는 &lt;span&gt;그 전에도 몇 작은 서비스들이 있었지만 이렇게 대대적으로&lt;span&gt; &lt;/span&gt;&lt;/span&gt;일반인들도 홈페이지를 만들 수 있다는 장벽을 깨는데 성공한 거의 첫번째 케이스입니다. 윅스가 출시한 지 가장 오래 된 만큼 노하우가 많은 편으로, 그래서 가격 대가 다른 동종 서비스보다 저렴한 편인데다가 안정성도 검증이 되었습니다. 오랫동안 시장에 있었던 만큼 기능적인 면에서도 종류가 많습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;position: absolute;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screen Shot 2022-11-14 at 1.50.50 PM.png&quot; data-origin-width=&quot;2950&quot; data-origin-height=&quot;1470&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/1Flcn/btrQ9bb6Jkz/gBYMzgTZGfIlOhyFbl1yok/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/1Flcn/btrQ9bb6Jkz/gBYMzgTZGfIlOhyFbl1yok/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/1Flcn/btrQ9bb6Jkz/gBYMzgTZGfIlOhyFbl1yok/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F1Flcn%2FbtrQ9bb6Jkz%2FgBYMzgTZGfIlOhyFbl1yok%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2950&quot; height=&quot;1470&quot; data-filename=&quot;Screen Shot 2022-11-14 at 1.50.50 PM.png&quot; data-origin-width=&quot;2950&quot; data-origin-height=&quot;1470&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screen Shot 2022-11-14 at 1.53.24 PM.png&quot; data-origin-width=&quot;1662&quot; data-origin-height=&quot;488&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bp14eD/btrQ2SYZcwf/uCRokVLgOSUoK4mztka3ok/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bp14eD/btrQ2SYZcwf/uCRokVLgOSUoK4mztka3ok/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bp14eD/btrQ2SYZcwf/uCRokVLgOSUoK4mztka3ok/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbp14eD%2FbtrQ2SYZcwf%2FuCRokVLgOSUoK4mztka3ok%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1662&quot; height=&quot;488&quot; data-filename=&quot;Screen Shot 2022-11-14 at 1.53.24 PM.png&quot; data-origin-width=&quot;1662&quot; data-origin-height=&quot;488&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;홈페이지 관리자 모드에서 디자인 레이아웃을 수정할 때도 직관적인 UI디자인으로, 몇 번 연습과 반복과정을 통해 윅스를 익힐 수 있습니다. 특히 윅스는 한국어를 지원하기 때문에, 영어에 약하신 분들은 이 서비스에 더 적합할 수 있겠네요.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;단점이라고 한다면, 높은 수준의 디자인이긴 하지만 디자인을 일로 하는 필자의 관점으로 봤을 때 디자인에 있어서 조금은 아쉽습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;장점&lt;br /&gt;- 시장에 나온 지 오래된 서비스로 안정성 있음&lt;br /&gt;- 동종 서비스보다 가격 경쟁력이 있음&lt;br /&gt;- 한국어 지원&lt;br /&gt;&lt;br /&gt;단점&lt;br /&gt;- 디자이너 관점에서는 슬릭(Sleek)한 느낌이 부족한 것이 아쉽다&lt;/blockquote&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style8&quot; /&gt;
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;스타일리쉬한 포트폴리오 웹사이트를 원한다면 스퀘어 스페이스 (Squarespace) (&lt;a href=&quot;https://www.squarespace.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://www.squarespace.com/&lt;/a&gt;)&lt;/span&gt;&lt;/b&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;스퀘어스페이스는 미국 캘리포니아 IT테크 시장과 달리 뉴욕에 거점을 둔 회사입니다. &lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;스퀘어스페이스는 유난히 아티스트에게 인기가 있는 웹 빌더 서비스인데요, 포토그래퍼나 디자이너들이 웹사이트를 만들고자 할 때 선호합니다.&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;그 이유는 이 서비스가 제공하는 디자인, 특히 타이포그래피(Typography)에 있어 매우 세련 된 옵션을 제공하고 있으며, 기존에 제공하는 레이아웃 템플릿도 스타일리쉬 하여 디자이너의 관점에서 매우 만족스럽습니다.&lt;/span&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screen Shot 2022-11-14 at 1.57.12 PM.png&quot; data-origin-width=&quot;2982&quot; data-origin-height=&quot;1262&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/x2fF5/btrRbZvxhF8/1qiYvKRUNo3aRDbml21Kz1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/x2fF5/btrRbZvxhF8/1qiYvKRUNo3aRDbml21Kz1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/x2fF5/btrRbZvxhF8/1qiYvKRUNo3aRDbml21Kz1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fx2fF5%2FbtrRbZvxhF8%2F1qiYvKRUNo3aRDbml21Kz1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2982&quot; height=&quot;1262&quot; data-filename=&quot;Screen Shot 2022-11-14 at 1.57.12 PM.png&quot; data-origin-width=&quot;2982&quot; data-origin-height=&quot;1262&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;div&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screen Shot 2022-11-20 at 3.39.17 PM.png&quot; data-origin-width=&quot;2688&quot; data-origin-height=&quot;1242&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/6C5bh/btrRCZPLHiI/eXSom13Nxwqn1KEirfFxD0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/6C5bh/btrRCZPLHiI/eXSom13Nxwqn1KEirfFxD0/img.png&quot; data-alt=&quot;스퀘어스페이스 가격&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/6C5bh/btrRCZPLHiI/eXSom13Nxwqn1KEirfFxD0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F6C5bh%2FbtrRCZPLHiI%2FeXSom13Nxwqn1KEirfFxD0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2688&quot; height=&quot;1242&quot; data-filename=&quot;Screen Shot 2022-11-20 at 3.39.17 PM.png&quot; data-origin-width=&quot;2688&quot; data-origin-height=&quot;1242&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;스퀘어스페이스 가격&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;특히 관리자 모드와 디자인 레이아웃을 만들거나 관리를 할 때 매우 직관적인 인터페이스를 가지고 있습니다. 윅스도 직관적인 UI로 쉬운 편에 속하지만, 스퀘어스페이스는 그보다 더 훨씬 편리한 UI를 가지고 있어, 영어라는 불편함을 상쇄하게 합니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;figure data-ke-type=&quot;video&quot; data-ke-style=&quot;alignCenter&quot; data-video-host=&quot;kakaotv&quot; data-video-url=&quot;https://tv.kakao.com/v/433653926&quot; data-video-thumbnail=&quot;https://scrap.kakaocdn.net/dn/b5BSEd/hyQDyYIw8m/HKkL38IlkwzyKsMhf5ANj1/img.jpg?width=638&amp;amp;height=1168&amp;amp;face=0_0_638_1168,https://scrap.kakaocdn.net/dn/nPuca/hyQDzchC2j/LvM0tRJ4gOEu2PHvP3GZWk/img.jpg?width=638&amp;amp;height=1168&amp;amp;face=0_0_638_1168&quot; data-video-width=&quot;250&quot; data-video-height=&quot;458&quot; data-video-origin-width=&quot;638&quot; data-video-origin-height=&quot;1168&quot; data-ke-mobilestyle=&quot;widthContent&quot; data-video-play-service=&quot;daum_tistory&quot;&gt;&lt;iframe src=&quot;https://play-tv.kakao.com/embed/player/cliplink/433653926?service=daum_tistory&quot; width=&quot;250&quot; height=&quot;458&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;figcaption&gt;디자인, 마케팅, 컨텐츠 페이지를 모두 다 한 곳에서 볼 수 있음&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;단점이라면 가격은 윅스에 비해 약간 비싼 편이고 (USD $10불 차이) 한국어를 제공하지 않습니다. 디자인의 높은 미려한 수준을 유지하기 위해 원하는 기능이 제한적입니다. 그래서 이를 상쇄하기 위해 기능 추가를 위한 플러그인(Plug-in) 서비스가 많습니다. 하지만 그럼에도 불구하고 많은 개인 프리랜서들이 쓰는 이유는 마치 애플과 같이 디자인에서 만족스러운 면을 보여주고 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;장점&lt;br /&gt;- 스타일리쉬한 웹사이트 디자인 템플릿&lt;br /&gt;- 직관적인 UI 디자인 관리자 페이지&lt;br /&gt;&lt;br /&gt;단점&lt;br /&gt;- 윅스보다 약간 더 비쌈&lt;br /&gt;- 기능에 제한적인 부분이 있어 플러그인의 도움을 받아야 함&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style8&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;워드프레스의 익숙한 인터페이스를 원한다면 - 워드프레스닷컴 (&lt;a href=&quot;https://wordpress.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://wordpress.com/&lt;/a&gt;)&lt;/span&gt;&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;워드프레스 원래 CMS 오픈소스로 만들어 진 컨텐트 매니지먼트 시스템으로, 윅스나 스퀘어스페이스처럼 웹사이트 빌더 서비스가 나오기 훨씬 전에 개발자나 디자이너들이 호스팅을 따로 구매 후에 워드프레스를 직접 설치하여 사용했었습니다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;하지만 현재는 트렌드에 맞추어 번거로운 설치 과정 없이 바로 로그인 후 사용할 수 있게 닷컴 .com을 따로 만들어 서비스를 제공하게 되었습니다. (직접 설치하여 사용하는 방식은 &lt;a href=&quot;https://wordpress.org/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://wordpress.org/&lt;/a&gt; 따로 서비스가 있음) &lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;&quot;&gt;워드프레스 시장이 오랫동안 형성되어 왔기 때문에 템플릿 및 플러그인을 시중에서 많이 찾을 수 있고, 워드프레스 관리자 모드에 익숙한 유저들에게는 편한 선택입니다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screen Shot 2022-11-20 at 10.13.16 PM.png&quot; data-origin-width=&quot;2992&quot; data-origin-height=&quot;1404&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bhxKLX/btrRHCGnRoE/ZkwG2mPrkC50jV7Y2svBL1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bhxKLX/btrRHCGnRoE/ZkwG2mPrkC50jV7Y2svBL1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bhxKLX/btrRHCGnRoE/ZkwG2mPrkC50jV7Y2svBL1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbhxKLX%2FbtrRHCGnRoE%2FZkwG2mPrkC50jV7Y2svBL1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2992&quot; height=&quot;1404&quot; data-filename=&quot;Screen Shot 2022-11-20 at 10.13.16 PM.png&quot; data-origin-width=&quot;2992&quot; data-origin-height=&quot;1404&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screen Shot 2022-11-20 at 10.15.27 PM.png&quot; data-origin-width=&quot;2940&quot; data-origin-height=&quot;984&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/OAzrQ/btrRFgqcpai/8VbeowLW7jCFhlUJKwgqmK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/OAzrQ/btrRFgqcpai/8VbeowLW7jCFhlUJKwgqmK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/OAzrQ/btrRFgqcpai/8VbeowLW7jCFhlUJKwgqmK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FOAzrQ%2FbtrRFgqcpai%2F8VbeowLW7jCFhlUJKwgqmK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2940&quot; height=&quot;984&quot; data-filename=&quot;Screen Shot 2022-11-20 at 10.15.27 PM.png&quot; data-origin-width=&quot;2940&quot; data-origin-height=&quot;984&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;하지만 필자가 느끼기엔 아직 오픈소스로 사용하는 것이 가격에 있어 더 경쟁력이 느껴지며, 워드프레스 닷컴은 아직 시장성에서 .org보다 덜 주목을 받는 듯한 느낌입니다. 특히 쇼핑몰 사이트를 제작하려면 eCommerce를 선택해야 하는데 그 가격이 미국달러로 $45불이나 하여 다른 서비스보다 매우 비싸다고 느껴집니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;장점&lt;br /&gt;- 역사가 있는 워드프레스, 이름이 제일 잘 알려져 있으며 써 본 사람들에게 인터페이스가 익숙하다&lt;br /&gt;- 엄청난 양의 템플릿과 플러그인&lt;br /&gt;&lt;br /&gt;단점&lt;br /&gt;- 아직까지 웹사이트 빌더 서비스보다, 설치형으로 사용하는 것이 가격적인 면에서 훨씬 경제적&lt;br /&gt;- 쇼핑몰로 제작 시 다른 서비스보다 훨씬 비쌈&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style8&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;한국 시장에 포커스를 두고 만든 웹사이트 빌더 서비스 아임웹(&lt;a href=&quot;https://imweb.me/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://imweb.me/&lt;/a&gt;)&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;한국 시장은 스마트 스토어, 카카오 쇼핑, 카페24 등 해외와는 조금 다른 시장 특징이 있어 웹사이트 빌더 서비스가 강세를 보이지 못하고 있는 것이 사실입니다. 하지만 한국에서 사용하는 서비스 중 웹사이트 빌더 서비스로 사람들에게 가장 많이 알려진 것이 아임웹 처럼 보여 사용을 해보았습니다. 아무래도 한국인이 제작한 서비스이기 때문에 언어 장벽에 있어 훨씬 유리한 면이 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screen Shot 2022-11-20 at 10.39.30 PM.png&quot; data-origin-width=&quot;2996&quot; data-origin-height=&quot;1462&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bUxgQI/btrRAEsjW5I/NJFoUK26S9mMxaieyNL7ok/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bUxgQI/btrRAEsjW5I/NJFoUK26S9mMxaieyNL7ok/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bUxgQI/btrRAEsjW5I/NJFoUK26S9mMxaieyNL7ok/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbUxgQI%2FbtrRAEsjW5I%2FNJFoUK26S9mMxaieyNL7ok%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2996&quot; height=&quot;1462&quot; data-filename=&quot;Screen Shot 2022-11-20 at 10.39.30 PM.png&quot; data-origin-width=&quot;2996&quot; data-origin-height=&quot;1462&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screen Shot 2022-11-20 at 10.41.34 PM.png&quot; data-origin-width=&quot;2444&quot; data-origin-height=&quot;1192&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/c7Nwn6/btrRADUv3HM/skIotZ3koy5mu9ACFHz3A0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/c7Nwn6/btrRADUv3HM/skIotZ3koy5mu9ACFHz3A0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/c7Nwn6/btrRADUv3HM/skIotZ3koy5mu9ACFHz3A0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc7Nwn6%2FbtrRADUv3HM%2FskIotZ3koy5mu9ACFHz3A0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2444&quot; height=&quot;1192&quot; data-filename=&quot;Screen Shot 2022-11-20 at 10.41.34 PM.png&quot; data-origin-width=&quot;2444&quot; data-origin-height=&quot;1192&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;가장 처음 느꼈던 인상은 '윅스의 한국버전' 처럼 느껴졌습니다. 가격은 다른 동종 서비스와 비슷하거나 환율 적용으로 약간 싼 편입니다. 의도적인지는 모르겠으나 윅스와 다른 타 서비스를 섞은 듯한 인터페이스 느낌을 완전히 배제할 수 없으며 디자인 레이아웃을 수정할 시, 디테일하게 수정하는 과정에서의 작업이 매우 불편합니다. 아직까지 프로그램의 버그와 사용성 테스트가 성숙한 단계에 이르지 않았다고 느껴집니다.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style3&quot;&gt;장점&lt;br /&gt;- 한국 환율에 맞추기 때문에 싸고, 모든 서비스가 한국어로 제공된다&lt;br /&gt;- 한국에서만 사용할 수 있는 기능(네이버페이와 같은)을 제공한다&lt;br /&gt;&lt;br /&gt;단점&lt;br /&gt;- 디자인 수정 시 디테일하고 직관적인 작업을 하기에 불편함&lt;br /&gt;- 제공하는 템플릿이 해외의 트렌드에 맞춰 제작되었으나 아직 예전의 한국 쇼핑몰 웹사이트 느낌이 많이 남&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;b&gt;평가&lt;/b&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;가격 및 디자인, 기능 등을 생각하여 점수 평가를 했는데요. 점수 기준으로 보는 것보다, 내가 어떤 목적으로 사용하고자 하는지 생각하시고 서비스를 이용하시는 것이 좋을 것 같습니다. 포괄적으로 대략 평범한 비지니스를 하고자 하는 All-around 분들에게는 윅스를, 내 포트폴리오 및 서비스가 해외 웹사이트처럼 섹시한 느낌이 났으면 하는 분들에게는 스페어스페이스가 더 적합할 것 같습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;table style=&quot;border-collapse: collapse; width: 100%; height: 114px;&quot; border=&quot;1&quot; data-ke-align=&quot;alignLeft&quot; data-ke-style=&quot;style3&quot;&gt;
&lt;tbody&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
&lt;td style=&quot;width: 16.9767%; height: 19px;&quot;&gt;&lt;a href=&quot;https://wixstats.com/?a=16399&amp;amp;oc=19&amp;amp;c=31&amp;amp;s1=&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;윅스&lt;/a&gt;&lt;/td&gt;
&lt;td style=&quot;width: 23.0233%; height: 19px;&quot;&gt;스퀘어스페이스&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;워드프레스&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;아임웹&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;전체적인 평가&lt;/td&gt;
&lt;td style=&quot;width: 16.9767%; height: 19px;&quot;&gt;18/20&lt;/td&gt;
&lt;td style=&quot;width: 23.0233%; height: 19px;&quot;&gt;17.5/20&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;16.5/20&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;14/20&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;디자인&lt;/td&gt;
&lt;td style=&quot;width: 16.9767%; height: 19px;&quot;&gt;4&lt;/td&gt;
&lt;td style=&quot;width: 23.0233%; height: 19px;&quot;&gt;5&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;3&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;2&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;사용성&lt;/td&gt;
&lt;td style=&quot;width: 16.9767%; height: 19px;&quot;&gt;4.5&lt;/td&gt;
&lt;td style=&quot;width: 23.0233%; height: 19px;&quot;&gt;4.5&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;4&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;3&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;가격&lt;/td&gt;
&lt;td style=&quot;width: 16.9767%; height: 19px;&quot;&gt;5&lt;/td&gt;
&lt;td style=&quot;width: 23.0233%; height: 19px;&quot;&gt;4&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;4&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;5&lt;/td&gt;
&lt;/tr&gt;
&lt;tr style=&quot;height: 19px;&quot;&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;다양한 기능&lt;/td&gt;
&lt;td style=&quot;width: 16.9767%; height: 19px;&quot;&gt;4.5&lt;/td&gt;
&lt;td style=&quot;width: 23.0233%; height: 19px;&quot;&gt;4&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;4.5&lt;/td&gt;
&lt;td style=&quot;width: 20%; height: 19px;&quot;&gt;4&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 글이 나중에 웹사이트를 제작할 시 도움이 되었으면 좋겠습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>스퀘어스페이스</category>
      <category>아임웹</category>
      <category>워드프레스</category>
      <category>웹사이트빌더서비스</category>
      <category>웹사이트제작툴</category>
      <category>윅스</category>
      <category>홈페이지비교</category>
      <category>홈페이지제작</category>
      <category>홈페이지제작비교</category>
      <category>홈페이지제작툴</category>
      <author>잇디펜즈</author>
      <guid isPermaLink="true">https://jinheedesign.tistory.com/25</guid>
      <comments>https://jinheedesign.tistory.com/25#entry25comment</comments>
      <pubDate>Sun, 20 Nov 2022 23:27:32 +0900</pubDate>
    </item>
    <item>
      <title>캘린들리(Calendly) - 유저 인터뷰 스케줄을 쉽게 잡아주는 툴</title>
      <link>https://jinheedesign.tistory.com/24</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;안녕하세요 잇디펜즈 오피스입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;오늘은 서비스를 하나 소개 해 드리고자 합니다. 캘린들리(Calendly)인데요, UX 디자이너로 공부 하면서 최근 아주 유용하게 쓰고 있어서 공유하고자 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;인터뷰 시간 잡기 참 힘들다&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;UX 프로세스 과정을 밟아가면서 가장 중요한 스텝들 중에 하나는 바로 유저 인터뷰(User Interview)입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;유저 인터뷰란 해석 그대로 사용자를 인터뷰 하는 것인데, 문제를 해결하기 전 그들의 불편한 점과 느끼는 바를 먼저 제대로 알기 위해서 직접 듣고 이야기 하는 시간은 빼 놓을래야 빼 놓을 수 없는 중요한 단계입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이런 경험 한번쯤은 있었을 것입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;UX 디자이너: 안녕하세요 A님, 유저인터뷰에 응해주셔서 감사합니다. 혹시 다음주 언제 시간이 되는지요?&lt;br /&gt;&lt;br /&gt;A: 다음주에 월, 수, 금은 일이 있어 힘들 것 같고 화, 목은 가능할 것 같습니다.&lt;br /&gt;&lt;br /&gt;UX: 혹시 화요일 오전에는 가능한지요?&lt;br /&gt;&lt;br /&gt;A: 화요일 오전은 힘들고 오후 2시 이후부터는 가능할 것 같네요.&lt;br /&gt;&lt;br /&gt;UX: 죄송하지만 제가 화요일 오후에는 휴무라서 혹시 다른 날은 안될까요?&lt;br /&gt;&lt;br /&gt;A: 목요일도 가능한데 오전에만 가능합니다.&amp;nbsp;&lt;br /&gt;&lt;br /&gt;UX: 목요일 오전 11시는 어떤가요?&lt;br /&gt;&lt;br /&gt;A: 11시 30분에 다른 회의가 있어서, 30분도 가능한가요?&lt;br /&gt;&lt;br /&gt;UX: 인터뷰가 30분 넘게 걸릴 것 같습니다. 그러면 오전 10시... (중략)&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;약속을 잡을 때 이메일이나 문자를 오가면서 서로의 시간과 날짜가 되는 날을 잡다보니 약속 잡는데에 시간을 소모합니다. 특히 고객사는 문자보다는 이메일로 주고받기 때문에 더 시간이 걸립니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그들도 직업이 있고 바쁘기 때문에 스케줄을 잡는 것이 생각보다 시간 소모와 에너지가 많이 듭니다. 유저 인터뷰에 응해 준 것은 너무 감사하지만, 그렇다고 인터뷰를 하는 UX 디자이너 입장으로서는 다른 일 약속을 잡지 않고 마냥 기다릴 수도 없는 노릇입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;타임 슬롯 설정하기&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;먼저 유저 인터뷰에 응해 준 사람의 시간을 우선적으로 맞춰야 하는 것도 중요하지만, 자신이 언제 시간이 가능한지를 알아야 하는 것이 우선입니다.&lt;/b&gt; 캘린더리를 사용하여 내가 인터뷰 할 수 있는 날짜와 시간을 슬롯으로 설정해 줍니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;먼저 이 스케줄에 대한 제목과 위치, 그리고 설명을 작성합니다. 마이크로소프트 팀즈(Teams)나, 줌(Zoom), 구글 밋(Google Meet) 등 화상통화가 가능한 프로그램과 연동할 수 있어 따로 미팅 장소 링크를 만들어주지 않아도 됩니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;캘린더리가 영어가 기본 언어로 설정되어 있지만, 진행 방식이 간단해 조금만 손에 익으면 쉽게 사용할 수 있습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screenshot 2022-04-27 at 4.43.24 PM.png&quot; data-origin-width=&quot;1000&quot; data-origin-height=&quot;958&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/PH8yO/btrAAblUmX9/rprbfYfBsusKsQg4152Om0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/PH8yO/btrAAblUmX9/rprbfYfBsusKsQg4152Om0/img.png&quot; data-alt=&quot;이벤트에 대한 대략적인 설명 작성&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/PH8yO/btrAAblUmX9/rprbfYfBsusKsQg4152Om0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FPH8yO%2FbtrAAblUmX9%2FrprbfYfBsusKsQg4152Om0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1000&quot; height=&quot;958&quot; data-filename=&quot;Screenshot 2022-04-27 at 4.43.24 PM.png&quot; data-origin-width=&quot;1000&quot; data-origin-height=&quot;958&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;이벤트에 대한 대략적인 설명 작성&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 내가 가능한 시간을 설정 해 줍니다. 저는 월/화/수 아침 9시부터 10시까지, 월요일은 11시부터 12시까지 시간이 가능하다고 설정했습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screenshot 2022-04-27 at 4.44.59 PM.png&quot; data-origin-width=&quot;1004&quot; data-origin-height=&quot;920&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cfNnlm/btrAAbsD56a/ok1mAkU0HYrgwyhHLA2y6K/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cfNnlm/btrAAbsD56a/ok1mAkU0HYrgwyhHLA2y6K/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cfNnlm/btrAAbsD56a/ok1mAkU0HYrgwyhHLA2y6K/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcfNnlm%2FbtrAAbsD56a%2Fok1mAkU0HYrgwyhHLA2y6K%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1004&quot; height=&quot;920&quot; data-filename=&quot;Screenshot 2022-04-27 at 4.44.59 PM.png&quot; data-origin-width=&quot;1004&quot; data-origin-height=&quot;920&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이렇게 캘린더리에서 시간을 설정하여 저장하고 난 후, 이 링크를 고객사에게 보내면 이런 화면으로 나타납니다. 그래서 그들이 가능한 시간대를 선택하면 자동으로 컨펌 이메일이 저와 그 해당 사람에게 전달이 됩니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screenshot 2022-04-27 at 4.47.47 PM.png&quot; data-origin-width=&quot;1081&quot; data-origin-height=&quot;732&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/40k6h/btrAAckQdMW/HksEMjXL9Y3FyFJItVJ9B1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/40k6h/btrAAckQdMW/HksEMjXL9Y3FyFJItVJ9B1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/40k6h/btrAAckQdMW/HksEMjXL9Y3FyFJItVJ9B1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F40k6h%2FbtrAAckQdMW%2FHksEMjXL9Y3FyFJItVJ9B1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1081&quot; height=&quot;732&quot; data-filename=&quot;Screenshot 2022-04-27 at 4.47.47 PM.png&quot; data-origin-width=&quot;1081&quot; data-origin-height=&quot;732&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;유저 인터뷰를 위한 리쿠르트먼트는 누군가에겐 매우 힘든 일&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;어떤 이들에게는 모르는 사람이나 또는 일 적으로 만난 사람들에게 찾아가 시간 가능한지, 혹시 인터뷰 가능한지 등을 묻는 행위 자체가 힘든 일일 수도 있습니다. 저는 영어로 초대 이메일을 보낼 때나 전화를 걸 때 긴장을 많이 해서 꽤나 스트레스였습니다. 유저 인터뷰는 어쨌거나 다양한 사람들을 만나고 인터뷰 해야하기 때문에 UX 디자이너로써 밟아야 할 단계인데, 이런 서비스를 이용하여 조금이나마 덜 힘든 유저 인터뷰 리쿠르트먼트가 되길 바랍니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그럼 다음 글에서 뵙겠습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>유용한 디자인의 지식과 툴</category>
      <category>Calendly</category>
      <category>UX디자이너</category>
      <category>고객과스케줄쉽게잡기</category>
      <category>스케줄쉽게잡기</category>
      <category>유저인터뷰리쿠르트먼트툴</category>
      <category>유저인터뷰스케줄잡기</category>
      <category>유저인터뷰준비</category>
      <category>유저인터뷰초대</category>
      <category>잇디펜즈오피스</category>
      <category>캘린들리</category>
      <author>잇디펜즈</author>
      <guid isPermaLink="true">https://jinheedesign.tistory.com/24</guid>
      <comments>https://jinheedesign.tistory.com/24#entry24comment</comments>
      <pubDate>Wed, 27 Apr 2022 14:14:30 +0900</pubDate>
    </item>
    <item>
      <title>관찰(Observation), 문제 인식을 위한 리서치</title>
      <link>https://jinheedesign.tistory.com/22</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;여기 오줌을 방에 아무데나 싸는 문제 행동이 있는 반려견이 있다고 생각해 봅니다. 우리는 무엇을 먼저 생각을 할까요?&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;저 라면 &quot;내 개가&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;왜&lt;/b&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;오줌을 아무데나 쌀까?&quot; 라는 생각을 할 것 같습니다. 불안해서 그런건지, 아니면 몸이 안 좋은 건지 여러가지 생각이 들겠지요. 반려견이 현재 상황이 어떤지 이해하기 위해서는 관찰(Observation)이 필요한데요, 사용자 경험(UX)도 마찬가지입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;오늘은 이 관찰 리서치에 대해서 알아보겠는데요,&lt;span&gt;&amp;nbsp;&lt;/span&gt;쉬운 설명을 위해 앞에서 언급한 반려견을 우리가 해결한 문제의 예로 글을 이어나가겠습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screenshot 2022-04-08 at 10.41.27 PM.png&quot; data-origin-width=&quot;1296&quot; data-origin-height=&quot;722&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bmzUoV/btryRtN9R5H/YNkyC9bsK4wTG8XerBFcIk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bmzUoV/btryRtN9R5H/YNkyC9bsK4wTG8XerBFcIk/img.png&quot; data-alt=&quot;대체 뭐가 문제지? 일단 관찰합니다&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bmzUoV/btryRtN9R5H/YNkyC9bsK4wTG8XerBFcIk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbmzUoV%2FbtryRtN9R5H%2FYNkyC9bsK4wTG8XerBFcIk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;600&quot; height=&quot;334&quot; data-filename=&quot;Screenshot 2022-04-08 at 10.41.27 PM.png&quot; data-origin-width=&quot;1296&quot; data-origin-height=&quot;722&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;대체 뭐가 문제지? 일단 관찰합니다&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;문제가 일어난 원인과 환경을 관찰하기&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사용자 경험에 관찰 리서치가 필요한 이유는 사용자의 관점에서 바라봄으로써 문제를 깊게 이해하고 더 나아가 현재의 상황을 그들의 해석으로 바라보기 위함입니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;toiliet.jpeg&quot; data-origin-width=&quot;610&quot; data-origin-height=&quot;343&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bWoBPc/btryPClq28K/6BDk601iayIL1aoV2qocy1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bWoBPc/btryPClq28K/6BDk601iayIL1aoV2qocy1/img.jpg&quot; data-alt=&quot;개의 입장에서 이해하고 있는 강형욱 훈련사&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bWoBPc/btryPClq28K/6BDk601iayIL1aoV2qocy1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbWoBPc%2FbtryPClq28K%2F6BDk601iayIL1aoV2qocy1%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;610&quot; height=&quot;343&quot; data-filename=&quot;toiliet.jpeg&quot; data-origin-width=&quot;610&quot; data-origin-height=&quot;343&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;개의 입장에서 이해하고 있는 강형욱 훈련사&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;반려견의 문제점을 보기 위해서는 언제, 어떤 상황이 만들어졌을 때 이 반려견이 문제를 일으키는지 다양한 환경에서 관찰해 볼 필요가 있습니다. 반려견이 방에서만 실수 하는지, 아니면 밖에서도 실수 하는지, 어쩔 땐 실수를 안 하고 어쩔 때는 하는지 지켜 봅니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;blockquote data-ke-style=&quot;style2&quot;&gt;관찰이 왜 중요한 지, 실제 사례를 발표한 유튜브 비디오 - &lt;a href=&quot;https://www.youtube.com/watch?v=tvkivmyKgEA%20&quot;&gt;어린이 칫솔 디자인 관찰 사례&lt;/a&gt;&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;두가지 방법으로 관찰할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;평소 모습을 관찰하기 위해 전혀 개입을 하지 않는 자연스러운 관찰(N&lt;span style=&quot;color: #000000;&quot;&gt;aturalistic observation), &lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;그리고 어떤 환경을 만들어 제한된 공간안에서 관찰하는 방법을 제어된 관찰(C&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;ontrolled observation) 입니다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;1) 자연스러운 관찰 (N&lt;span style=&quot;color: #000000;&quot;&gt;aturalistic observation)&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;UX디자이너가 전혀 개입되지 않은 상태에서 관찰 대상을 지켜보는 것입니다. &amp;lt;개는 훌륭하다&amp;gt;라는 TV프로그램에서 평소 생활을 관찰 카메라로 살펴보는 것이 바로 이 방법입니다. 장점은 대상이 외부적인 작용으로 인한 부자연스럽거나 의외의 행동을 보이지 않기 때문에 좀 더 데이터에 신뢰할 수 있습니다. 그리고 관찰하는 과정에서 많은 의외의 다른 것들을 파악할 수 있기도 해 문제 해결 방법에 대해 많은 아이디어를 도출 해 낼 수 있습니다.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;단점은 이 반려견이 언제 문제를 일으킬지 모르기 때문에 문제가 일어날 때까지 계속적으로 바라봐야 하는 시간이 많이 걸리는 작업입니다. 게다가 반려견이 오줌만 싸는 것이 아닌 어쩔 때는 다른 행동을 할 수도 있기 때문에 관찰할 때마다 매번 결과가 다를 수 있습니다.&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Screenshot 2022-04-09 at 8.18.11 AM.png&quot; data-origin-width=&quot;1278&quot; data-origin-height=&quot;704&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bs2cKt/btryODSWana/vZNogW72VPQve1zM76fqJ1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bs2cKt/btryODSWana/vZNogW72VPQve1zM76fqJ1/img.png&quot; data-alt=&quot;평소의 모습을 보는 '자연스러운 관찰'&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bs2cKt/btryODSWana/vZNogW72VPQve1zM76fqJ1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbs2cKt%2FbtryODSWana%2FvZNogW72VPQve1zM76fqJ1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;600&quot; height=&quot;331&quot; data-filename=&quot;Screenshot 2022-04-09 at 8.18.11 AM.png&quot; data-origin-width=&quot;1278&quot; data-origin-height=&quot;704&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;평소의 모습을 보는 '자연스러운 관찰'&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;2)&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;제어된 관찰(C&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;ontrolled observation)&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;제어 된 관찰은 말 그대로 세팅을 해 놓은 장소, 컨트롤이 되는 장소에서 관찰하는 방법입니다. 대표적인 예로 어린이들을 대상으로 한 마쉬멜로우 실험입니다. 아이들이 어른이 자리를 비웠을 때 얼마나 잘 참을 수 있는지 실험한 예인데요. 동일한 환경과 동일한 진행방식을 설명 해 예상하기 쉬우며, 대상이 다르더라도 비슷한 결과를 도출 해 낼 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;마쉬멜로우 실험 비디오 보기 - &lt;a href=&quot;https://youtu.be/5U16CEVQQ_Y&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://youtu.be/5U16CEVQQ_Y&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;observation.jpeg&quot; data-origin-width=&quot;604&quot; data-origin-height=&quot;327&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/L1ZQf/btryQ0S7sdz/7vz22K63QSuGuTIK0rqAeK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/L1ZQf/btryQ0S7sdz/7vz22K63QSuGuTIK0rqAeK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/L1ZQf/btryQ0S7sdz/7vz22K63QSuGuTIK0rqAeK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FL1ZQf%2FbtryQ0S7sdz%2F7vz22K63QSuGuTIK0rqAeK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;604&quot; height=&quot;327&quot; data-filename=&quot;observation.jpeg&quot; data-origin-width=&quot;604&quot; data-origin-height=&quot;327&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 분석이 쉽습니다. 정확한 문제가 있고 그에 따른 결과가 정확하게 나오기 때문입니다. 시작과 끝 시간이 있기 때문에 빠른 시간 내에 관찰도 가능합니다. 하지만, 관찰 당하고 있다는 심리적인 요소로 인해 관찰 대상이 평소와는 다른 행동을 보일 수 있다는 단점이 있습니다. 이를 &lt;a href=&quot;https://en.wikipedia.org/wiki/Hawthorne_effect&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;더 호우스론 효과(T&lt;/a&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Hawthorne_effect&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;he Hawthorne Effect)&lt;/a&gt;라고 합니다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;관찰하긴 하지만, 무엇을 관찰해야 할까?&amp;nbsp;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;관찰을 하긴 하지만, 대체 뭘 관찰해야 하는지 가늠이 오지 않는다면, 관찰을 위한 방법이 여기 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;대표적으로 두 가지 관찰 방법이 있습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;아에이오우(AEIOU) 관찰법&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아에이오우는 Activities(활동), Environments(환경), Interactions(상호작용), Objects(사물), Users(사용자)의 앞의 철자를 딴 관찰법입니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;활동(&lt;/span&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;Activities): &lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;원하는 것을 이루기 위해 관찰 대상이 하는 활동은 무엇인가? 행동에서 보여지는 사소하거나 특정적인 모습은 무엇인가? &lt;span style=&quot;color: #ef6f53;&quot;&gt;&amp;gt; 내 개가 무슨 행동을 하지?&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #1a5490;&quot;&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;환경 (Environments)&lt;/span&gt;:&lt;/span&gt; 관찰 대상의 활동이 일어나는 환경은 어떠한가? 주위 분위기에 활동과 연관성이 있는 요소들이 있나? &lt;span style=&quot;color: #ef6f53;&quot;&gt;&amp;gt; 내 개 주위 환경은 어떻지?&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;상호작용(Interactions)&lt;/span&gt;: 관찰 대상과 상호작용을 하는 사람 또는 그 비슷한 것이 있나? 관찰 대상이 그들과 함께 상호 작용을 하며 나타나는 루틴이나 특별한 행동들, 가까이 있을 때와 멀리 떨어져 있을 때는 상호작용을 어떻게 하나? &lt;span style=&quot;color: #ef6f53;&quot;&gt;&amp;gt; 내 개가 다른 가족들과 있을 때는 어떻게 행동하지?&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;사물(Objects)&lt;/span&gt;: 관찰 대상이 자주 사용하는 사물이나 디바이스가 있나? 그리고 그 사물을 활동하는 데 있어 어떻게 사용하나? &lt;span style=&quot;color: #ef6f53;&quot;&gt;&amp;gt; 내 개가 오줌을 쌀 때마다 왜 저 인형에 집착하지?&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;사용자들(Users):&lt;/span&gt; 사람들의 행동들, 취향 및 원하는 것이 무엇인지 관찰이 되었어. 그들의 관계는 무엇이며, 그들이 생각하고 있는 중요한 점들과 성향은 무엇인가? &lt;span style=&quot;color: #ef6f53;&quot;&gt;&amp;gt; 내 개와 우리 가족의 관계는 무엇이지? 우리 가족이 가지고 있는 생각은 뭘까?&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div data-ke-type=&quot;moreLess&quot; data-text-more=&quot;더보기&quot; data-text-less=&quot;닫기&quot;&gt;&lt;a class=&quot;btn-toggle-moreless&quot;&gt;더보기&lt;/a&gt;
&lt;div class=&quot;moreless-content&quot;&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;영어 원문&lt;/span&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;Activities&lt;/span&gt;&lt;span style=&quot;color: #ffc000;&quot;&gt;:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;What are the pathways that people take toward the things they want to accomplish, including specific actions and processes?&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;Environments:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;include the entire arena in which activities take place. For example, what describes the atmosphere and function of the context?&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;Interactions:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;are between a person and someone or something else. Are interactions routine or special, in-person or across distances?&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;Objects:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;are the building blocks of the environment. What are the objects and devices people have in their environments, and how do these relate to their activities?&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;Users:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;people whose behaviors, preferences, and needs are being observed. Who is present? What are their roles and relationships? What are their values and biases?&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;포엠즈(POEMS) 관찰법&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;포엠즈 관찰법은 아이에오우 관찰과는 비슷한 맥락을 가지고 있기는 하지만 다른 관찰법입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;사람들(People&lt;/span&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;):&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;인구 통계, 역할들, 관습 및 그 환경에 있는 사람들의 수 &lt;span style=&quot;color: #ef6f53;&quot;&gt;&amp;gt; 우리 집에 개와 가족이 얼마나 있지?&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #1a5490;&quot;&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;사물(Objects)&lt;/span&gt;: &lt;span style=&quot;color: #000000;&quot;&gt;관찰 대상이 자주 상호작용 하는 것, 가구들 포함, 디바이스, 기계, 툴 등 &lt;span style=&quot;color: #ef6f53;&quot;&gt;&amp;gt; 내 개가 자주 사용하는 것들이 뭘까?&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #1a5490;&quot;&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;환경 (Environments)&lt;/span&gt;:&lt;/span&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;활동이 일어나는 환경 건물 구조 및 라이팅, 가구, 온도 및 주위 환경 등 &amp;gt; 내 개 주위 환경은 어떻지?&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;메세지(Messages)&lt;/span&gt;: 언어의 톤이나 그들이 자주 사용하는 대화법 및 말투, 사회/직업적으로의 상호작용 그리고 주위 환경으로 인한 메세지 등 &lt;span style=&quot;color: #ef6f53;&quot;&gt;&amp;gt; 내 개가 자주 사용하는 대화법은 뭐지? 무는 것? 짖는 것? 짖으면서 전하려는 메세지가 뭐지?&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #409d00;&quot;&gt;서비스(Services)&lt;/span&gt;: 모든 서비스들, 앱(App), 툴(Tools), 그들이 사용하는 프레임 워크는 무엇을 쓰는가? &lt;span style=&quot;color: #ef6f53;&quot;&gt;&amp;gt; 그들이 메세지를 전달하기 위해 사용하는 방법은 무엇이지?&lt;/span&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div data-ke-type=&quot;moreLess&quot; data-text-more=&quot;더보기&quot; data-text-less=&quot;닫기&quot;&gt;&lt;a class=&quot;btn-toggle-moreless&quot;&gt;더보기&lt;/a&gt;
&lt;div class=&quot;moreless-content&quot;&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;People:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;The demographics, roles, behavioral&amp;nbsp;traits, and quantity of people in the environment&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;Objects:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;The items the people are interacting with, including furniture, devices, machines, appliances, tools, etc.&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;Environments:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;Observations about the architecture, lighting, furniture, temperature, atmosphere, etc.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;Messages:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;The tone of the language or commonly used phrases in tag lines, social/professional interactions, and/or environmental messages&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color: #de6a10;&quot;&gt;Services:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #000000;&quot;&gt;All services, apps, tools, and frameworks used&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;관찰하면서 발견하는 사항들을 더 쉽게 기록하기 위해 워크 시트를 제작 하였습니다. 무료이니 다운 받으셔서 사용하세요.&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style3&quot; /&gt;
&lt;p&gt;&lt;figure class=&quot;fileblock&quot; data-ke-align=&quot;alignCenter&quot;&gt;&lt;a href=&quot;https://blog.kakaocdn.net/dn/bFC28R/btryYnU1Exd/skZhty8PVP7bVrPgxeEWo0/Observation%20Worksheet.pdf?attach=1&amp;amp;knm=tfile.pdf&quot; class=&quot;&quot;&gt;
    &lt;div class=&quot;image&quot;&gt;&lt;/div&gt;
    &lt;div class=&quot;desc&quot;&gt;&lt;div class=&quot;filename&quot;&gt;&lt;span class=&quot;name&quot;&gt;Observation Worksheet.pdf&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;size&quot;&gt;4.82MB&lt;/div&gt;
&lt;/div&gt;
  &lt;/a&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;오늘은 관찰에 대해 알아보았습니다.&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이해가 쉽도록 문제 행동이 있는 반려견을 예로 들어 관찰에 대해 설명해 보았습니다. (더 헷갈리셨나요?)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그럼 다음 글에서 뵙도록 하겠습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>UX 프로세스</category>
      <category>observationresearch</category>
      <category>UX관찰리서치</category>
      <category>UX디자이너</category>
      <category>ux디자인블로그</category>
      <category>UX리서치방법</category>
      <category>UX블로그</category>
      <category>관찰리서치</category>
      <category>관찰방법</category>
      <category>사용자경험관찰조사</category>
      <category>잇디펜즈</category>
      <author>잇디펜즈</author>
      <guid isPermaLink="true">https://jinheedesign.tistory.com/22</guid>
      <comments>https://jinheedesign.tistory.com/22#entry22comment</comments>
      <pubDate>Sun, 10 Apr 2022 12:37:13 +0900</pubDate>
    </item>
    <item>
      <title>UX 디자인 프로세스의 교과서 다운 모습, 더블 다이아몬드</title>
      <link>https://jinheedesign.tistory.com/21</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;UX 디자이너의 역할은 서비스를 사용하는 사람들&lt;span&gt;의 불편함을 알아내고&lt;span&gt;&amp;nbsp;그들의&amp;nbsp;&lt;/span&gt;&lt;/span&gt;관점에서 풀어 나가는 역할을 합니다. 그래서 디자이너들이 처음으로 직면하는 것은 '그들이 겪는 문제는 무엇인가?' 입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;UX 디자이너는 처음 문제에 직면했을 때 어떻게 풀어 나갈까요? 문제가 복잡하면 복잡할 수록 어떤 방법으로 문제에 접근할 지 고려하는 것이 중요 합니다. 더블 다이아몬드 프로세스는 &lt;span&gt;UX 디자이너들이 사용하는 기본적인 프로세스 중 하나 인데요&lt;/span&gt;. 오늘 이 더블 다이아몬드(Double Diamonds) 프로세스에 대해 이야기 해 볼까 합니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;더블 다이아몬드(Double Diamond), 가장 교과서다운 사용자 경험 방법론&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;더블 다이아몬드는 &lt;a href=&quot;https://www.designcouncil.org.uk/news-opinion/what-framework-innovation-design-councils-evolved-double-diamond&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;영국의 디자인 카운실(UK Design Council)&lt;/a&gt;에서 고안한 사용자 경험 방법론입니다. 2004년에 처음 소개된 이 프로세스는 지금까지도 전 세계 사람들에게 참고가 되고 있는 유명한 프로세스인데요,&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;더블 다이아몬드라 불리는 이유는 이 방법론의 비주얼적인 형태가 마치 다이아몬드 두 개가 붙어있는 것처럼 보여 더블 다이아몬드로 불리게 됩니다. 첫번째 다이아몬드에는 Discover(발견), Define(정의)로 이루어져 있고, 두번째 다이아몬드에는 Develop(개발)과 Deliver(전달)로 이루어져 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;하나씩 설명해 보도록 하겠습니다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;Double Diamond.png&quot; data-origin-width=&quot;2088&quot; data-origin-height=&quot;1442&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Z8Lo3/btrx8M35hol/57NTi9pSbhsayTVpQisfPk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Z8Lo3/btrx8M35hol/57NTi9pSbhsayTVpQisfPk/img.png&quot; data-alt=&quot;더블 다이아몬드 방법론&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Z8Lo3/btrx8M35hol/57NTi9pSbhsayTVpQisfPk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FZ8Lo3%2Fbtrx8M35hol%2F57NTi9pSbhsayTVpQisfPk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2088&quot; height=&quot;1442&quot; data-filename=&quot;Double Diamond.png&quot; data-origin-width=&quot;2088&quot; data-origin-height=&quot;1442&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;더블 다이아몬드 방법론&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;Discover (발견)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;첫번째 다이아몬드의 시작인 발견은 단순히 가정하기보다는 &lt;span&gt;문제가 무엇인지 사람들을 이해하는 것으로 시작합니다&lt;span&gt;. 이해하는 과정에서 문제에 영향을 받는 사람들과 많은 시간을 보내야 하는 부분이 포함됩니다. 이 과정에 포함되는 작업들은 다음과 같습니다.&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;초기 문제점에 대한 이해&lt;/li&gt;
&lt;li&gt;1차적 리서치: 질적 분석과 양적 분석&lt;/li&gt;
&lt;li&gt;2차적 리서치: 데스크 리서치, 논문 및 참고 자료&lt;/li&gt;
&lt;li&gt;관찰&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;Define(정의)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;인터뷰 및 리서치를 통해 얻어 낸 많은 데아터를 분석하고 그 결과에 따른 통찰을 통해 처음 제시된 문제를 어떻게 풀어나갈지 다른 방식으로 정의를 합니다. 여기까지가 첫번째 다이아몬드의 끝입니다.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;자료 수집과 분석&lt;/li&gt;
&lt;li&gt;통찰(인사이트) 도출&lt;/li&gt;
&lt;li&gt;디자인 업무 작성&lt;/li&gt;
&lt;li&gt;통찰을 통한 초기 문제점을 솔루션 문제점으로 재정의&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;Develop(개발)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;두번째 다이아몬드의 시작은 개발입니다. 전 단계에서 얻어 낸 더 정확한 솔루션 정의를 어떻게 풀어나갈지 여러 아이디어들을 제시하여 나아갑니다. 리서치를 통해 새로운 아이디어의 영감을 찾기도 하고 다양한 사람들과 함께 워크숍 등의 액티비티를 통해 아이디어를 찾아내는 과정입니다.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;아이디에이션(Ideation); 아이디어 도출하기&lt;/li&gt;
&lt;li&gt;아이디어 평가&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;Deliver(전달)&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;전달은 개발 단계에서 얻어 낸 여러가지 새로운 솔루션들을 작은 사이즈로 만들고 테스팅을 통해 솔루션이 잘 적용되는지 아니면 개선해야 할 점이 있는지 찾아내고 보안 합니다.&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;낮은 정확도(Low-fidelity) 프로토타입&lt;/li&gt;
&lt;li&gt;사용성 테스팅 (Usability testings)&lt;/li&gt;
&lt;li&gt;높은 정확도(High-fidelity) 프로토타입&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;디자인 프로세스가 이 더블 다이아몬드처럼 진행된다면 얼마나 좋을까요? 하지만, 인생 일직선으로 순탄하지 않은 것 처럼 프로젝트 타입 및 기간에 따라 더블 다이아몬드의 모양이나 순서가 바뀔 수 있습니다. 장기적인 프로젝트들은 이 과정을 한번이 아닌 여러번 할 수도 있고, 초단기적인 프로젝트들은 Develop(개발)을 하는 것과 동시에 Deliver(전달)을 할 수도 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;더블 다이아몬드 프로세스의 심화&amp;nbsp;&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2004년에 이 더블 다이아몬드 프로세스가 알려진 이후 시간에 지남에 따라 사람들은 이 프로세스를 좀 더 심화 시킵니다. 댄 네슬러라는 디자이너가 2016년에 작업 한 것도 그 중에 하나인데요. 단계를 디테일하게 알려주면서도 한 눈에 보기 쉽게 만든 &lt;a href=&quot;https://uxdesign.cc/how-to-solve-problems-applying-a-uxdesign-designthinking-hcd-or-any-design-process-from-scratch-v2-aa16e2dd550b&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;그의 더블 다이아몬드는&lt;/a&gt; 개인적으로 표현을 가장 잘 했다고 생각합니다.&amp;nbsp;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;DD_detail.png&quot; data-origin-width=&quot;2610&quot; data-origin-height=&quot;1390&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cBlCVt/btrydfZs8FY/NWJpfrOwTAK9tlUBfaXCg1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cBlCVt/btrydfZs8FY/NWJpfrOwTAK9tlUBfaXCg1/img.png&quot; data-alt=&quot;댄 네슬러의 더블 다이아몬드&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cBlCVt/btrydfZs8FY/NWJpfrOwTAK9tlUBfaXCg1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcBlCVt%2FbtrydfZs8FY%2FNWJpfrOwTAK9tlUBfaXCg1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2610&quot; height=&quot;1390&quot; data-filename=&quot;DD_detail.png&quot; data-origin-width=&quot;2610&quot; data-origin-height=&quot;1390&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;댄 네슬러의 더블 다이아몬드&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;특히 제가 좋아하는 부분은 목표가 무엇인지를 이 그림에 표시하여 방향성을 잃지 않도록 도와준다는 것입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;댄 네슬러의 첫번째 다이아몬드 포커스는&amp;nbsp;&lt;b&gt;Designing the right thing; 옳은 문제를 디자인하라&lt;/b&gt; 그리고 두번째 다이아몬드의 포커스는 &lt;b&gt;Design things right; 옳게 디자인 하라&lt;/b&gt; 입니다. 흡사&amp;nbsp;&lt;/span&gt;&lt;span&gt;비슷한 말 처럼 들릴지는 모르겠습니다.&amp;nbsp;&lt;/span&gt;&lt;span&gt;&lt;span&gt;하지만, 옳은 솔루션을 얻기 위해 옳은 질문은 찾는 것, 제가 생각하기에 더블 다이아몬드에서 제일 중요하면서도 어려운 부분인 것 같습니다.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;figure id=&quot;og_1649407063994&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-ke-align=&quot;alignCenter&quot; data-og-type=&quot;article&quot; data-og-title=&quot;How to apply a design thinking, HCD, UX or any creative process from scratch&quot; data-og-description=&quot;This how-to article aims at providing designers, creative thinkers or even project managers with a tool to set up, frame, organise&amp;hellip;&quot; data-og-host=&quot;medium.com&quot; data-og-source-url=&quot;https://medium.com/digital-experience-design/how-to-apply-a-design-thinking-hcd-ux-or-any-creative-process-from-scratch-b8786efbf812&quot; data-og-url=&quot;https://medium.com/digital-experience-design/how-to-apply-a-design-thinking-hcd-ux-or-any-creative-process-from-scratch-b8786efbf812&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/y5fJ5/hyNXsurtun/DTkDb3ytKlWNSyh9QPl860/img.png?width=1200&amp;amp;height=675&amp;amp;face=0_0_1200_675,https://scrap.kakaocdn.net/dn/c1IUOX/hyNYRe4z8t/OxpTWgH01PwQ1l9sDUhXs1/img.png?width=1400&amp;amp;height=786&amp;amp;face=0_0_1400_786,https://scrap.kakaocdn.net/dn/0UE1o/hyNXhfyQzf/BAIlK6KnUsKO4hxBQireqk/img.png?width=1400&amp;amp;height=787&amp;amp;face=0_0_1400_787&quot;&gt;&lt;a href=&quot;https://medium.com/digital-experience-design/how-to-apply-a-design-thinking-hcd-ux-or-any-creative-process-from-scratch-b8786efbf812&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://medium.com/digital-experience-design/how-to-apply-a-design-thinking-hcd-ux-or-any-creative-process-from-scratch-b8786efbf812&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/y5fJ5/hyNXsurtun/DTkDb3ytKlWNSyh9QPl860/img.png?width=1200&amp;amp;height=675&amp;amp;face=0_0_1200_675,https://scrap.kakaocdn.net/dn/c1IUOX/hyNYRe4z8t/OxpTWgH01PwQ1l9sDUhXs1/img.png?width=1400&amp;amp;height=786&amp;amp;face=0_0_1400_786,https://scrap.kakaocdn.net/dn/0UE1o/hyNXhfyQzf/BAIlK6KnUsKO4hxBQireqk/img.png?width=1400&amp;amp;height=787&amp;amp;face=0_0_1400_787');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot; data-ke-size=&quot;size16&quot;&gt;How to apply a design thinking, HCD, UX or any creative process from scratch&lt;/p&gt;
&lt;p class=&quot;og-desc&quot; data-ke-size=&quot;size16&quot;&gt;This how-to article aims at providing designers, creative thinkers or even project managers with a tool to set up, frame, organise&amp;hellip;&lt;/p&gt;
&lt;p class=&quot;og-host&quot; data-ke-size=&quot;size16&quot;&gt;medium.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;정석이라 생각 되는 더블 다이아몬드 프로세스에 대해 전체적으로 알아 보았습니다. UX 프로세스를 찾아보는 분들 중, '대체 어느 UX 프로세스를 따르라는 거야?' 라고 생각할 수 있을 것 입니다. 왜냐하면 인터넷에 여러 타입의 디자인 프로세스들이 혼재되어 있고 어떤 것이 가장 합리적인지 결정하기 쉽지 않기 때문입니다. &lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;가장 쉽게 이해하는 방법은, 우리가 몸무게를 빼기 위해 황제, 키토 다이어트 등 여러 다이어트 방법들을 시도하여 자신에게 맞는 다이어트를 시도하는 것 처럼, UX 프로세스도 문제 해결을 위한 여러가지 방법들이 있다고 생각하면 될 것 같습니다. 어떤 다이어트를 하든 간에 우리가 몸무게를 빼는 것이 가장 최종 목적인 것 처럼 말입니다.&amp;nbsp;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 글이 도움이 되셨길 바라며, 추후에 더 이 더블다이아몬드를 세분화 하여 설명하도록 하겠습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>UX 프로세스</category>
      <category>UX</category>
      <category>UX디자이너</category>
      <category>UX방법론</category>
      <category>ux프로세스</category>
      <category>더블다이아몬드</category>
      <category>더블다이아몬드란</category>
      <category>더블다이아몬드프로세스</category>
      <category>사용자경험디자인</category>
      <category>사용자경험방법론</category>
      <category>사용자경험프로세스</category>
      <author>잇디펜즈</author>
      <guid isPermaLink="true">https://jinheedesign.tistory.com/21</guid>
      <comments>https://jinheedesign.tistory.com/21#entry21comment</comments>
      <pubDate>Sat, 2 Apr 2022 19:05:40 +0900</pubDate>
    </item>
    <item>
      <title>어떤 스킬이 UX 디자이너가 되는데 도움이 될까?</title>
      <link>https://jinheedesign.tistory.com/20</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;UX, 사용자 경험 디자인이라는 직업은 다른 직업군에 비해 비교적 최근에 생겨난 직업입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그래서 많은 사람들이 UX에 대해 관심을 보이지만, 누가 이 일에 적성에 맞는지, 어떤 능력이 이 직업에 유리한 지 등에 대한 정보는 비교적 많이 보여지지 않는 것 같습니다. 그래서 만났던 많은 UX 디자이너들의 인터뷰를 통해 알게 된 정보를 공유하고자 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;여러 배경을 가진 UX 디자이너들&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;인터뷰를 통해 만난 UX 디자이너들은 의외로 전혀 다른 직종으로 일을 하다가 이쪽 분야로 전향 한 사람들이 많았습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;'디자이너'란 명칭이 붙어서 그런지 디자인 학과를 거친 사람들이 많을 거라 예상했는데, 전혀 그렇지 않았습니다. 선생님, 프로그램 엔지니어, 프로젝트 매니저, 데이터 분석가, 저널리스트, 철학과 학생 등 정말 다양 했으며, 오히려 저와 같이 디자인을 공부 했거나 일했던 사람은 10명 중 2~3명 정도의 비율 이었습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이런 이유는 아직까지 이쪽 산업이 성장기에 있기 때문이 아닐까 예상합니다. 성숙기가 되면 그에 대한 학과나 커리큘럼이 생기겠지만, 아직까지 그 정도의 단계는 아니기도 하거니와 계속적으로 이론이나 방법론, 세분화되는 직업군도 한 몫을 하는 것 같습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;한국에서의 UX 디자이너는 조금 더 시각적인 부분에 초점을 맞춘 직업군으로 표현되고 있기 때문인지 시각적인 디자인을 배운 사람들에게 기회를 더 주는 경향이 있는 것으로 보여 집니다. 그래서 아직 UI(User Interface) 디자인과 약간은 혼동이 오가는 것 같기도 합니다. 디자인을 배운 사람들은 제품을 아름답게 디자인 할 수 있다는 큰 장점이 있습니다. 하지만, 다른 배경을 가진 사람들은 데이터 분석 및 생각의 관점, 자신이 배운 지식에 관련 된 회사가 UX 디자이너를 원할 경우 더 큰 장점이 됩니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;어떤 능력이 UX 디자이너가 되는데 도움이 될까?&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;UX 영역은 매우 광범위 합니다. 어떤 곳은 그냥 UX 디자이너로 모든 것을 포괄 하지만, 어떤 곳은 UX 영역을 세분화 시켜 특정 UX 스페셜 리스트로 영입 하기도 합니다. 그래서 꼭 능력이 중요해! 라고 단정 지을 수 없으나, 대부분 아래의 능력들은 중요하게 생각합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;jason-goodman-6awfTPLGaCE-unsplash.jpg&quot; data-origin-width=&quot;3600&quot; data-origin-height=&quot;2400&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/REArl/btrvL4SBdCj/4z0IL7vIK12bAh5fhqlT1K/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/REArl/btrvL4SBdCj/4z0IL7vIK12bAh5fhqlT1K/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/REArl/btrvL4SBdCj/4z0IL7vIK12bAh5fhqlT1K/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FREArl%2FbtrvL4SBdCj%2F4z0IL7vIK12bAh5fhqlT1K%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;3600&quot; height=&quot;2400&quot; data-filename=&quot;jason-goodman-6awfTPLGaCE-unsplash.jpg&quot; data-origin-width=&quot;3600&quot; data-origin-height=&quot;2400&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;1. 커뮤니케이션 스킬&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;커뮤니케이션, 즉 대화 능력은 저를 포함, 중요하지만 많은 사람들이 쉽게 간과하고 있는 소프트 스킬입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;정말, 정말 중요한 능력입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;UX 디자이너는 다른 분야의 사람들과 이야기 하는 기회들이 많습니다. 클라이언트, 기획자, 세일즈, 개발자, 그래픽 디자이너 등, 생각 구조 자체가 전혀 다른사람들과 함께 일을 해야 하므로, 이들을 설득 시키거나 제대로 이해하기 위한 쌍방의 대화를 해야 하는데 일방적 이거나 서로를 이해하지 못하는 대화 방식이 이루어지면 시간 및 감정 소모가 엄청 나며 프로젝트가 산으로 갑니다. 그리고 종종 UX 디자이너가 워크샵(workshop)을 진행해야 하는 경우도 많아 발표하는 프리젠테이션 스킬도 필요합니다. 만약 필요한 경우에도 나서지 못하거나, 나의 의견을 남에게 말로 설득하기 힘들다면 이 스킬을 꾸준히 연마해야 합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;2. 호기심과 문제를 다르게 보는 관점&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;초등학교 들어갈 때 쯤 나이의 어린 아이들이 자주 하는 말 중 &quot;왜요?&quot; 라는 말을 많이 들었거나, 어릴 때 많이 했었을 것 입니다. 왜냐하면 어른들은 나이가 들며 질문 안 해도 되는 너무나 당연한 것들이 아이들의 관점에서는 당연하지 않기 때문입니다. 이처럼, UX 디자이너는 당연하게 보이는 것들에 왜? Why?라는 질문을 계속 던져 한번도 묻지 않았던 관용적인 불편함을 상기 시키는 것이 필요합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;왜? 라는 질문과 함께 필요한 것은 문제를 다른 시각으로 보는 능력입니다. 우리가 풀어야 할 문제는 너무나 많지만, 주어진 문제를 생각없이 시작하는 것 보다 그 문제가 &lt;b&gt;왜&lt;/b&gt; 주어 졌는지,&lt;b&gt; 그 문제의 숨은 진짜 의도는 무엇인지&lt;/b&gt; 다른 시각으로 파악하는 것입니다. 예를 들어, 내가 만든 앱(App)의 사용률이 저조하다면, 많은 사람들은 문제를 &amp;lt;왜 사람들이 내가 제작한 앱을 사용하지 않지?&amp;gt; 라고 생각합니다. 하지만 이 문제를 &amp;lt;언제 사람들은 내가 만든 앱을 사용할까?&amp;gt; 로 문제를 다르게 본다면 좀 더 효과적인 해결방안으로 방향이 전환 될 수 있습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;barney-yau-BbGuVc9YTaw-unsplash.jpg&quot; data-origin-width=&quot;4240&quot; data-origin-height=&quot;2832&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/1mYHX/btrvKqatidr/TSGaBWiUsBePQhvJAdRldk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/1mYHX/btrvKqatidr/TSGaBWiUsBePQhvJAdRldk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/1mYHX/btrvKqatidr/TSGaBWiUsBePQhvJAdRldk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F1mYHX%2FbtrvKqatidr%2FTSGaBWiUsBePQhvJAdRldk%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;4240&quot; height=&quot;2832&quot; data-filename=&quot;barney-yau-BbGuVc9YTaw-unsplash.jpg&quot; data-origin-width=&quot;4240&quot; data-origin-height=&quot;2832&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;&amp;nbsp;&lt;/h4&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;3. 분석 및 해석 능력&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;분석과 해석 능력은 유저 리서치 이후에 찾아야 하는 행동 및 감정 패턴, 그리고 인사이트를 도출해야 하는 과정에 필요합니다. 문제점을 알아내기 위해 다양한 종류의 사람들과 인터뷰를 하게 되는데요, 반복적으로 나오는 패턴들, &lt;span&gt;&lt;span&gt;패턴과 패턴 사이의 관련성 등, 여러 데이터를 보면서&amp;nbsp;&lt;/span&gt;큰 그림을 보는 해석을 즐긴다면 UX가 세분화 되어 나온 직종 중 UX리서치 분석가로 직업을 생각해 볼 수 있습니다.&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;4. 정확한 전달력을 위한 글쓰기&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;3번과 같이 분석과 해석 능력을 가졌다고 하더라도, 이를 공유하기 위해서는 이메일 및 리포트 작성은 필수 입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;1번에서 언급한 커뮤니케이션 스킬에 제약이 있다면, 글쓰기 능력은 그 부족한 점을 보안 합니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;UX 디자인은 문제 및 가설을 설정하고 그것에 대한 조사, 데이터를 가지고 자신이 제안하는 의견이 옳은 방향이라는 것을 클라이언트에 설득 시켜야 하는 과정입니다. 그래서 남을 설득할 수 있는 정도로 이해하기 쉬우면서도 설득력이 높은 글쓰기 능력을 가지고 있다면 그 능력이 빛을 발할 것입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;물론 이 능력들이 부족하다고 해서 UX디자이너가 되기에 적합하지 못해! 라고 생각하지 않으셨으면 합니다. 단지 남들보다 좀 더 잘하면 좋은 스킬 이지만, 배워나가면서 그 실력을 쌓아나갈 수 있기 때문입니다. 저는 1번 부터 4번까지 전체 다 제가 잘하지 못했던 능력입니다. 특히 영어로 글쓰기를 하는 것은 아직까지도 고역인데요. 연습하다보니 조금씩 나아지고 있다는 것을 느낍니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그럼 다음 글에서 뵙겠습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>디자인 이야기</category>
      <category>UX디자이너</category>
      <category>ux디자이너능력</category>
      <category>ux디자이너스킬</category>
      <category>ux디자이너에게 필요한 능력</category>
      <category>ux디자이너의자질</category>
      <category>ux디자인적성</category>
      <category>ux필요한스킬</category>
      <category>잇디펜즈오피스</category>
      <author>잇디펜즈</author>
      <guid isPermaLink="true">https://jinheedesign.tistory.com/20</guid>
      <comments>https://jinheedesign.tistory.com/20#entry20comment</comments>
      <pubDate>Sun, 13 Mar 2022 10:49:31 +0900</pubDate>
    </item>
    <item>
      <title>프로젝트의 시작, 킥오프(Kickoff) 미팅이 중요한 이유</title>
      <link>https://jinheedesign.tistory.com/17</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;프로젝트를 시작할 때는 약간의 즐거운 흥분과 함께 긴장이 됩니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;새로운 일을 맡게 되어서, 혹은 몰랐던 직원이나 외부 사람들과 함께 한다는 생각이 그런 느낌이 들게 하기도 하죠. 시작이 반 이라는 속담처럼, 성공적인 프로젝트의 시작을 위해서는 킥오프(Kick off) 미팅은 반드시 필요합니다. 특히 많은 이해관계자가 섞여 있을 때는 더욱 말이죠. 오늘은 킥오프 미팅에 대해 이야기 해 보겠습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;maxime-horlaville-CSWllKT9wPw-unsplash.jpg&quot; data-origin-width=&quot;5208&quot; data-origin-height=&quot;3472&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/qGQSX/btrvoz5P3pz/OjB9B4aKs72qUOipoZ9jPK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/qGQSX/btrvoz5P3pz/OjB9B4aKs72qUOipoZ9jPK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/qGQSX/btrvoz5P3pz/OjB9B4aKs72qUOipoZ9jPK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FqGQSX%2Fbtrvoz5P3pz%2FOjB9B4aKs72qUOipoZ9jPK%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;840&quot; height=&quot;560&quot; data-filename=&quot;maxime-horlaville-CSWllKT9wPw-unsplash.jpg&quot; data-origin-width=&quot;5208&quot; data-origin-height=&quot;3472&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;킥오프 미팅이란? (Kickoff meeting)&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;킥오프 미팅은 프로젝트를 처음 시작할 때 프로젝트에 관련된 팀원 및 프로젝트 매니저, 그리고 일을 의뢰한 고객이나 그 외 이해관계자들이 처음으로 다 함께 모이는 자리입니다. 이 미팅에 초대 받는 사람들은 프로젝트에 직접적으로 관련이 있는 사람들, 즉 개발자, 디자이너, 프로젝트 매니저, 프로덕트 오너나 고객사의 담당자들이 되겠네요.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;왜 킥오프 미팅을 해야할까? 팀 구성원과 고객들이 한자리에 만나 자기소개를 하며 안면을 트고, 친밀도를 쌓음으로 누구와 일을 하게 될지 서로가 이 프로젝트 내의 어떤 역할을 할 것인지 파악하는 것이 이 미팅의 목적입니다. 첫 미팅이기 때문에 처음부터 긴 시간을 잡는 것보다 케주얼하게 40분에서 최대 1시간으로 잡도록 합니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;킥오프 미팅 전 준비해야 할 것은?&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;미팅 전 숙지해야 할 상황 및 주제, 미팅에 필요한 관련 자료들을 미리 제작하여 미팅에 참여하는 사람들과 공유할 수 있게 미팅 초대 이메일을 보냅니다. 프로젝트 매니저가 이 일을 합니다.&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;&amp;nbsp;&lt;/h3&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;킥오프 미팅에서 무엇을 이야기할까?&lt;/h3&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;1. 짧은 자기소개&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;- 모르는 관계에서 서로를 알아가기 위해 자기 소개와 함께 회사 내에서 무슨 일을 하는 지 간단히 설명합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;2. 미팅과 프로젝트의 목적과 목표&amp;nbsp;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;왜 사람들이 왜 모였는지 미팅과 프로젝트에 대한 목적에 대해 설명한다. 킥오프 미팅에 대한 목적은 상황마다 다르기 때문에 다르게 적용해야 하지만, 프로젝트의 목표를 설명하면서 모두가 같은 곳을 향해 가도록 동의를 구하며, 본격적인 프로젝트에 앞서 무엇을 주의해야 할지 등의 의견을 나눕니다. 예를 들어, 아래 질문들로 유도하면서 서로 다르게 생각하고 있는 목표를 정리 합니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;질문 예&lt;/p&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;당신에게 있어 이 프로젝트의 성공적인 결과는 무엇인가요?&lt;/li&gt;
&lt;li&gt;당신이 이 프로젝트에 갖고 있는 기대는 무엇인가요?&lt;/li&gt;
&lt;li&gt;프로젝트를 진행하면서 제약이나 도전이 될만 한 것은 무엇이라 예상하나요?&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;3. 프로젝트의 전체 일정과 프로세스&amp;nbsp;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;전체적인 일정과 기간, 어떤 식으로 프로세스가 이루어질 것인지를 공유합니다. 물론 이것은 완전히 딱 정해진 것이 아닐 수도 있고 상황에 따라 유연하게 바뀔 수도 있다는 것을 감안할 수도 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;4. 각 팀원이 맡은 역할&amp;nbsp;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;각 팀원들이 개발자나, 디자이너 등 딱 정해진 역할이 있으면 명확하게 나눌 수 있겠지만, 다양한 이해관계자들로 이루어진 프로젝트라면 정해진 역할이 분명하지 않을 수 있습니다. 그럴 때는 질문을 던져 어떤 부분을 담당할 수 있는지를 물어보고 추후에 작업이 더 깊게 들어갈 때 누가 무슨 일을 할 지 순조롭게 진행할 수 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;5. 채널 설정하기&amp;nbsp;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;팀 내 모든 사람들의 대화가 원활히 이루어지기 위해 대화 채널을 설정합니다. 많은 회사들이 회사 내의 커뮤니케이션 툴을 이용하지만, 외부 관계자가 있다면 모두가 쉽게 접근할 수 있는 툴로 설정합니다. 많은 회사들이 슬랙(Slack)과 같은 플랫폼을 이용하고 있습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;킥오프 미팅 정리&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;위의 이야기들이 정리되면 미팅을 정리하기 전 구성원 간의 질의 응답 시간을 가집니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그리고 다음 미팅 때 무엇을 할지, 혹은 다음 미팅 때 까지 해야 할 일들(action)들을 이야기 하며 리스트로 정리합니다. 대략 1시간 이내로 킥오프 미팅을 끝내도록 하는데, &lt;u&gt;생각보다 시간이 빨리 지나가므로&lt;/u&gt; 킥오프 미팅을 진행하는 사람이 시간 분배를 잘 하여 시간 내에 마무리 하도록 합니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;미팅이 끝나면 회의록(minute)을 미팅에 참여한 모든 이들과 참여해야 했지만 참여하지 못한 모든 이들에게 공유하여 정보를 놓치는 일이 없도록 도와줍니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style6&quot; /&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;킥오프 미팅에 대해 이야기 해 보았습니다. 킥오프 미팅은 주로 프로젝트 매니징을 했던 사람이나 어느 정도 경험이 있는 사람이 이 미팅을 잘 리드해야 프로젝트가 수월하게 첫 시작을 내딛을 수 있는 것 같습니다. 하지만, 누구나 다 처음은 있는 법이죠. 이 글이 그 때 도움이 되길 바랍니다.&amp;nbsp;&lt;/p&gt;</description>
      <category>디자인 이야기</category>
      <category>kickoff 미팅</category>
      <category>UX디자이너</category>
      <category>ux디자이너블로그</category>
      <category>ux디자인</category>
      <category>ux디자인블로그</category>
      <category>잇디펜즈</category>
      <category>킥오프</category>
      <category>킥오프미팅</category>
      <category>프로젝트디자인</category>
      <category>프로젝트매니징</category>
      <author>잇디펜즈</author>
      <guid isPermaLink="true">https://jinheedesign.tistory.com/17</guid>
      <comments>https://jinheedesign.tistory.com/17#entry17comment</comments>
      <pubDate>Mon, 7 Mar 2022 17:49:44 +0900</pubDate>
    </item>
    <item>
      <title>잇디펜즈 오피스, UX 디자이너의 블로그</title>
      <link>https://jinheedesign.tistory.com/15</link>
      <description>&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;DSC05385-3_1.jpg&quot; data-origin-width=&quot;2500&quot; data-origin-height=&quot;1667&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/slNDH/btry8PYynsp/LukTizSlcukwC3DI1UNh0k/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/slNDH/btry8PYynsp/LukTizSlcukwC3DI1UNh0k/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/slNDH/btry8PYynsp/LukTizSlcukwC3DI1UNh0k/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FslNDH%2Fbtry8PYynsp%2FLukTizSlcukwC3DI1UNh0k%2Fimg.jpg&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;2500&quot; height=&quot;1667&quot; data-filename=&quot;DSC05385-3_1.jpg&quot; data-origin-width=&quot;2500&quot; data-origin-height=&quot;1667&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;안녕하세요? 잇디펜즈 오피스입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사용자 경험(UX) 디자인에 대한 전반적인 내용을 올릴 예정입니다.&amp;nbsp;디자인을 다시 공부 하면서 이 곳에 기록으로 남기고 공유하고자 개설하였습니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;아직 미숙한 부분이 많지만 점차적으로 개선해 나아 가겠습니다.&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>Notice</category>
      <author>잇디펜즈</author>
      <guid isPermaLink="true">https://jinheedesign.tistory.com/15</guid>
      <comments>https://jinheedesign.tistory.com/15#entry15comment</comments>
      <pubDate>Sun, 20 Feb 2022 16:31:19 +0900</pubDate>
    </item>
  </channel>
</rss>