본문 바로가기

IT & SNS/UI&UX

[연재 1] UI/UX 어떤 툴을 사용하시나요?

Traversing the UX Prototyping Landscape : https://medium.com/lucid-software-design/traversing-the-ux-prototyping-landscape-33edc700c1bd


지난주 사내에서 직원들에게 UI/UX 관련 발표를 하면서 아래와 같이 이야기를 했습니다.


 "

20년 전 처음 이 일을 시작할때 파워포인트로 UI/UX를 설계했습니다. 그때는 지금처럼 프로그램도 많지 않았고, UI/UX에 대한 지식이나 수준들도 낮은 상황이었습니다. 그동안 다양한 서비스가 생겨났고, 새로운 스마트기기는 혁신적인 변화들을 가져왔고, 이제는 AI와 음성챗봇 기반의 새로운 서비스가 다시한번 변화를 예고하고 있습니다. 그런데 20년이 지난 지금에도 우리는 여전히 파워포인트를 이용하여 서비스를 설계하고 있고, 아이러니 하게도 20년전 툴을 가지고  AI 서비스를 만들고 있습니다. 

"

회사나 담당하는 프로젝트에 따라 정도의 차이는 있겠지만 상당수가 아직도 이 틀을 벗어나지 못하고 있는게 현실이죠.


프로젝트를 위해 투입되는 외부 회사나 인력들을 보면 안타까울때가 많이 있습니다. 단기 프로젝트에 투입되어 그 일만 끝내고 나가기에 급급하거나, 제대로 된 기획보다는 화면 구성요소 그리기에 바쁘기도 하고, 그러다 보니 전체적인 프레임웍에 대한 설계나 사용자 동선/사용성에 대한 깊이 있는 설계가 되지 못하는 경우가 많습니다. 상당수는 거래 요건만 완성하면 된다는 생각들을 가지고 있는게 현실입니다. 그 인력들의 95%가 파워포인트로 기획을 하고, 그 문서로 관련된 사람들과 커뮤니케이션을 합니다. 


파워포인트는 아주 훌륭한 프로그램입니다. 

그러나 UI/UX를 설계하고 커뮤니케이션하고 개발을 하는데 있어서는 결코 좋은 프로그램은 아닙니다. 특히나 모바일/AI 서비스, 인터렉션 및 마이크로카피등의 중요성이 요구되는 요즘에서는 프리젠테이션 전문 프로그램인 파워포인트를 버리는 것이 좋습니다.


이건 단순히 전문화된 툴의 문제만을 이야기 하는 것은 아닙니다. 잘 아시겠지만, 툴이라는 것은 사용자의 사고의 방식/표현의 방식을 규정짓기도 합니다. 


일례로, 문서를 작성할때 MS-WORD를 이용하면 내용을 정리하려고 하지만 파워포인트를 이용하면 내용에 대한 정리보다는 잘 꾸미고 그림을 그리려고 하듯이...


이야기가 조금 다른 곳으로 흘러가고 있네요.

원래의 이야기로 다시 돌아와서 툴에 대한 이야기를 이어가 보겠습니다. 


그럼 대안이 되는 프로그램은 어떤 것이 좋을까요? 그것을 위해서는 몇가지 기준이 필요합니다. 

(물론 이 기준은 담당하는 프로젝트, 회사의 상황, 관련부서와의 커뮤니케이션 방식 등에 따라 모두 다릅니다. 상황에 맞게 각자의 기준을 작성하세요)


저의 경우 아래와 같은 기준으로 세웠습니다. 


1. 인터넷이 차단된 환경에서 가능

2. 관련부서와 커뮤니케이션이 쉬운 툴이어야 한다. 특히 IT부서와의 협업 기능 보유

3. 디자이너 중심의 툴이 아니라, 현업 직원들이 쉽게 익히고, 적응할 수 있어야 한다.

   * 코딩 한줄 몰라도 앱을 만들 수 있을 정도로...

4. UI 설계, 인터렉션에 대한 정의, 시나리오 설계, 요구사항 정의를 쉽게 할 수 있어야 하며

   특히 입력필드의 경우 실제로 구현이 가능해야 한다. 

5. 의사결정권자가 한 눈에 결정할 수 있어야 한다. 



위와 같은 기준에서 국내외의 프로토타입툴을 검토하기 시작했습니다. 

국내에서 지명도가 있는 스케치, 다음에서 만든 오픈, Adobe에서 뒤늦게 만들기 시작한 XD 등...

자세한 결과는 다음 글에서 설명하겠습니다.


그리고 이런 기준이나, 프로그램 선택에 도움이 되는 사이트가 있어 소개하니 참고하세요


1. Traversing the UX Prototyping Landscape 

간단하게 플로우챠트를 따라서 자신의 조건을 체크하면 쉽게 필요한 프로그램을 찾을 수 있습니다. 


Traversing the UX Prototyping Landscape : https://medium.com/lucid-software-design/traversing-the-ux-prototyping-landscape-33edc700c1bd



2. 디자인 스튜디오인 쿠퍼(Cooper)의 분석 : https://www.cooper.com/prototyping-tools

           위의 링크 주소를 방문하여 조건을 체크하면 원하는 프로그램을 선택할 수 있습니다. 

난이도가 낮은 프로그램부터, 많은 기능을 포함한 프로그램까지 상황에 맞게 고를 수 있습니다. 



[관련글 보기]

2018/11/18 - [IT & SNS/UI&UX] - [연재 1] UI/UX 어떤 툴을 사용하시나요?

2018/11/25 - [IT & SNS/UI&UX] - [연재 2] UI/UX Prototype 프로그램 선택

2018/12/02 - [IT & SNS/UI&UX] - [연재 3-1] UI/UX Prototype 툴 선택 - Just in mind

2018/12/02 - [IT & SNS/UI&UX] - [연재 3-2] UI/UX Prototype 툴 선택 - Just in mind