태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

UI Mock-up

2009/01/21 18:12 by Ray.전규현
 All of Software 블로그를 RSS Feed에 등록을 해 놓으시면 편리하게 받아보실 수 있습니다. rss RSS Feed
Mock-up을 사전에서 찾아보면 아래와 같이 설명되어 있더군요.
"장치의 제작에 앞서 나무 또는 이와 비슷한 것으로 만드는 모형"

"막겁", "목겁" 이렇게 발음합니다. 주로 "막겁"이라고 하죠.

Mock-up은 자동차나 비행기, 기계 등을 만들 때 실제 크기나 혹은 크기를 변화시켜서 기능은 동작하지 않지만 그 외형을 비슷하게 만들어서 교육용, 데모용, 디자인 테스트용 등으로 사용하기 위해서 만든 것입니다. 진짜로 만들려면 비용과 시간이 많이 들기 때문에 기능은 동작하지 않는 외형만 만드는 것입니다.

소프트웨어에서도 이와 비슷한 목적으로 Mock-up을 만듭니다. 소프트웨어 기능이나 UI를 구상하거나 의논할 때 쉽게 Mock-up을 만들 수 있으면 도움이 됩니다. 그런데, 고객이 Mock-up이 아니고 실제 동작하는 Software를 보여줘야만 자세한 요구사항을 알려준다면 엄청나게 비효율적인 것이죠.

요즘은 특히 Mock-up이 고객의 요구사항을 분석하기 위해서 많이 사용합니다. Mock-up을 만드는 방법은 수많은 방법이 있지만 대표적인 것 몇 가지만 추려보면 다음과 같습니다.

종이에 펜으로 직접 그린다.


HTML을 이용하여 Web page를 만든다.


Photoshop등의 그리기 툴을 이용하여 그림으로 그린다.


PowerPoint 등의 Presentation Tool을 이용한다.


Balsamiq등의 Mock-up 툴을 이용한다.



여기서 무엇이 특히 좋다는 것은 없다고 생각합니다. 해당 상황에 알맞게 선택을 하면 되겠습니다.
특히 Web Application을 개발하고 있다면 HTML Mock-up은 상당히 빠르게 만들어 낼 수 있고, 일부 Action이 동작하는 것도 보여줄 수 있으며 기존의 코드를 Mock-up을 만드는데 사용할 수 있고 나중에 재활용이 될 수도 있는 등의 여러모로 편리한 점이 있습니다.

이렇게 만들어진 Mock-up은 스펙을 더욱 명확하게 하는 효과도 있습니다. 백문이 불여일견이라고 기능을 장황하게 설명만 하는 것보다, 어떻게 생겼는지 같이 보여주는 것은 스펙의 가독성을 높이는데 도움이 됩니다.
결국 Mock-up은 제품의 요구사항을 명확하게 하기 위한 것이라는 것을 잊지 말아야 겠습니다.
저작자 표시 비영리 변경 금지

Ray.전규현 프로젝트/요구사항분석

Trackback Address: http://allofsoftware.net/trackback/56 관련글 쓰기
  1. 그러나 고객은 개발 중간에 무리한 요구 사항을 제시하죠.
    건설에 비유 하자면 건물이 2층까지 올라간 상황에서 기초공법이 너무 구식이니 새로운 공법을 이용해서 기초를 새로 하자고 하는거죠.
    건설에서야 아무리 무지한 고객이라도 이런 요구를 하지는 않죠.
    하지만 소프트웨어에서는 자주 일어난 상황 ㅠㅠ

  2. 장림님 안녕하세요.
    고객의 요구사항 변경 요구는 어디나 마찬가지 인 것 같아요. 하지만 특히 우리나라가 심한 것 같습니다. 따라서 소프트웨어 엔지니어링에서 이를 극복하기 위한 방법들이 고민되어 왔고, 지금은 Agile이나 기타 방법들이 거론되고 있지만, 이 또한 해결책이라고 보기는 어렵다는 것이 제 생각입니다.

개발자의 파워는 어디에서 오는가?

뛰어난 개발자를 관리자로 써먹는 것 같이 개발조직에 비효율적인 일은 별로 없습니다. 하지만 현실에서는 이런 일이 흔히 벌어지고 있습니다. 실제로 저도 여러 회사에서 자주 접하고 있습니다. 여러가지 이유가 있을 수 있겠지만 주..

소프트웨어 개발자를 위한 소통의 장

그동안 블로그에 글을 쓰면서 여러 개발자분들의 의견을 듣는데 많은 불편함을 느껴왔습니다. 블로그의 글에 댓글을 남기면 약간 소통이 되기는 해도 주로 일방적인 전달을 벗어나지 못했습니다. 그렇게 해서는 많은 의견을 주고 받을..

애플이 아이폰4에서 한글을 바꾼 이유는...

얼마전 아래와 같은 아이폰의 Localization에 대한 글을 올린적이 있습니다. 2010/02/11 - [소프트웨어이야기] - 애플은 한국어와 한글을 구분하지 못한다? 심각한 내용은 아니었고, 아이폰의 다국어 설정 화면에..

마이크로소프트, 구글의 소스코드 트리의 비밀?

오늘 출근을 해서 메일을 확인하니 독자로부터 메일이 한통 와있더군요. 책에 대한 리뷰의 글이어서 감사히 읽었습니다. 질문도 하나 있어서 답변 겸 블로그에 글을 남깁니다. 독자 블로그 글 : 소프트웨어 개발의 모든 것 -전규현..

히딩크와 소프트웨어

월드컵도 다가오는데 소프트웨어와 축구를 한번 비교해보는 것도 좋을 것 같습니다. 제 블로그의 글들은 이런 방법 저런 방법으로 끊임없이 우리나라의 소프트웨어 현실이 무엇이 문제인지를 설명하고 있습니다. 그 중의 하나의 글이라도..

위기는 내부로부터 온다.

우리나라에서 소프트웨어 회사를 운영하기에 외적인 어려움들은 이미 많은 분들이 얘기를 해주셨습니다. 정권이 바뀔 때마다 급변하는 환경, 특히 대통령 따라 왔다갔다하는 여건들... 대기업과 중소기업간의 공정하지 못한 거래 대형..

Hotfix에서의 소스코드관리

아래 글에 차우차우님께서 Hotfix에 대한 질문을 해 오셔서 Hotfix에 대해서 좀더 자세히 설명하고자 합니다. 2010/05/03 - [기반시스템/소스코드관리] - 혼자서 개발을 하면 소스코드의 브랜치/머지가 필요없을까..

변경된 CC 평가 인증 제도

안녕하세요, 다시 CC인증에 대해서 이야기를 시작하려고 합니다. 제가 마지막 포스트를 한 것이 2008년 11월 이니까 거의 1년 반을 쉬게된 셈이네요. 다시 한번 심기일전하여 포스트를 해보록 하겠습니다. 마지막 포스트 이후..

혼자서 개발을 하면 소스코드의 브랜치/머지가 필요없을까?

소스코드관리에 대해서 얘기를 하다보면 혼자서 개발을 하기 때문에 별 고민 없이 대충 소스코드를 관리하는 경우를 많이 봤습니다. Subversion 등의 소스코드관리시스템을 쓰더라도 그냥 소스코드를 백업 받는 수준으로 사용하고..

맥에서 Subversion 사용하기

최근에 맥북을 구매해서 아이폰 개발 작업을 하고 있는데 맥에서 Subversion을 사용하는 환경이 그리 좋지 않다는 것을 알게 되었습니다. 그래서 맥에서 Subversion을 제대로 활용하기 위한 글을 적어보려고 합니다...