다른 서비스
NEW
기획
디자인
개발
프로덕트
아웃소싱
프리랜싱
비즈니스
최근 검색어
전체 삭제
최근 검색어가 없습니다.

디자인

와이어프레임 없이 작업한 4년간의 결론

오늘은 와이어프레임 사용을 중단한 후, 디자인 방식은 어떻게 개선이 되었는가에 대해 이야기해보고자 합니다. 저희가 4년 동안 와이어프레임 없이 작업을 해오면서, 내린 결론은 이렇습니다.


- 아무도 오해를 한 적이 없다.
- 아무도 우리의 작업 속도를 비판한 적이 없다.
- 아무도 우리의 미학적인 선택을 두고 문제를 삼지 않았다.
- 아무도 우리에게 “와이어프레임은 어디 있나요?”라고 묻지 않았다.


그래서 와이어프레임을 사용해야 한다는 가장 일반적인 주장들을 자세히 살펴보고, 대체 왜 와이어프레임 없이 작업을 더 잘할 수 있다고 믿는지를 설명해보도록 하겠습니다.



​본격적인 논의에 들어가기 전에, 와이어프레임이라는 용어를 정의해 보도록 하겠습니다. 웹 디자인에서 와이어프레임은 웹사이트의 구조와 기능을 시각적으로 보여주는 용도로 사용됩니다. 일반적으로는 흑백으로 표시되며, 텍스트 입력 양식도 포함됩니다. 와이어프레임의 종류와 유형은 매우 다양하지만, 일반적으로 말하자면 와이어프레임은 크게 두 개의 등급으로 나뉘어집니다.

첫 번째는 완성도가 낮은 와이어프레임으로, 펜과 종이, 또는 화이트보드와 마커 펜으로 그리는 경우가 많습니다. 두 번째는 완성도가 높은 디지털 와이어프레임으로, 앱을 이용해서 만드는 경우가 많습니다. 스케치와 다르게, 완성도가 높은 와이어프레임은 훨씬 더 자세한 수준까지 표현되어 있어서, 실제 제품의 모습과 상당히 비슷합니다. 일반적인 상호작용 패턴을 통해서 기능을 설명해주며, 제품의 추가적인 개발을 위한 가이드를 제공합니다.

우리가 말하는 와이어프레임은 스케치를 말하는 게 아닙니다.


우리가 와이어프레임을 사용하지 않는다고 말하는 건, 완성도가 높은 와이어프레임에 대해서 이야기를 하는 것입니다. 즉, 소프트웨어를 활용해서 만들며, 사용자 인터페이스(UI)를 위한 청사진이나 가이드 역할을 하는 와이어프레임을 말하는 것입니다. 반면에 완성도가 낮은 와이어프레임은 모두가 자신의 생각을 표현하고 팀원들과 함께 아이디어를 발전시키기 위해서 사용하고 있습니다. 저희는 이런 낮은 수준의 와이어프레임을 스케치 또는 낙서라고 부릅니다. 그래서 분명히 말하자면, 고객들에게 보여줄 수도 있는 그런 수준의 와이어프레임에 대해서 이야기하고 있는 것이죠. 그리고 그런 와이어프레임 없이도 충분히 작업을 할 수 있습니다.




주장 1: 와이어프레임은 콘텐츠와 관련된 중요한 문제들에 대해 판단을 내릴 수 있게 도와준다

와이어프레임은 웹페이지의 구조에 대한 개념적인 결정을 내리는 데 주로 사용됩니다. 그러나 각각의 디자인 시안을 만들기 전에도, ‘우리가 디자인 하는 페이지를 통해서 우리가 얻고자 하는 목표는 무엇인가, 그리고 그러한 목표를 어떻게 달성할 수 있는가?’와 같은 몇 가지의 기본적인 질문에 대해서 우리는 명확히 답을 내려야 합니다. 이러한 질문들에 대한 대답을 통해서 우리는 전략적인 방향을 결정하고 디자인 작업을 위한 기반을 마련합니다. 우리는 전략을 세우면서 동시에 시각적인 디자인 작업을 하는 것이 아닙니다. 와이어프레임을 만드는 것은 우리가 세우는 이러한 전략들을 시각적으로 표현하는 것에 대해서만 도움이 될 뿐입니다.

웹 페이지가 어떻게 보일지를 결정하기 전에, 우리는 원하는 목표에 대해서 모든 이해관계자들이 모두 똑같이 이해를 하게 만들어야 합니다. 우리는 “핵심 확장 도약(Core Extend Jump)”이라는 모델을 통해서 이러한 공통의 이해를 이끌어 냅니다. 이 모델을 사용하면 디자인에 대한 지식이 없어도 전략적인 목표를 세울 수 있으며, 그러한 목표를 달성할 수 있는 방법까지도 결정할 수 있습니다. 이러한 참고 차원의 프레임은 덩치가 큰 질문들을 좀 더 작은 단위로 나누어서 살펴볼 수 있게 도와줍니다. 그리고 구체적인 디자인, 콘텐츠, 기능에 대한 질문에 답을 내릴 수 있게 도와주면서 전략적인 차원에서 판단을 할 수 있게 해줍니다. 이렇게 우리는 앞으로의 디자인 작업이 이러한 결정에 따라서 이루어지게 하며, 그러한 판단을 적절하게 표현할 수 있게 만듭니다.

이러한 전략은 디자인을 위한 정보를 제공해줄 수는 있지만, 전략 수립과 디자인 작업이 동시에 이루어질 수는 없습니다. 와이어프레임은 너무 많은 것들을 너무 성급하게 시도하는 것입니다. 즉, 모든 것을 한꺼번에 완성하려고 하는 것이라고 할 수 있습니다.




주장 2: 와이어프레임은 제품에 대한 아이디어를 일찍 테스트 해볼 수 있게 해준다

와이어프레임은 개발을 시작하는 단계에서 사용자 테스트(user test)나 사용성 테스트(usability test) 등의 형태로 초기의 아이디어들을 테스트 하는 데 사용되는 경우가 많습니다. 이러한 테스트의 목표는 초기의 아이디어와 관련한 근거들을 최대한 빨리 찾는 것이며, 이 과정에서는 와이어프레임이 제품을 사용할 때의 경험에 대한 통찰력을 제공해주고 어떤 솔루션의 장점과 단점을 판단할 수 있게 도와준다는 믿음을 갖고 있습니다.

이러한 생각이 나쁜 건 아니지만, 안타깝게도 사용자들이 직접 와이어프레임에서 자신들이 실생활에서 원하는 정보를 얻는 것도 아니기 때문에, 사용자들의 실제 반응이 최종적인 디자인에 적용되는 것도 아닙니다. 와이어프레임은 2020년 현재의 사용자들이 디지털 어플리케이션에서 원하는 것들과는 너무나도 멀리 떨어져 있는 것입니다. 와이어프레임을 이용한 테스트에서 사용자들은 가독성(readability)이나 색상, 인체공학적인 디자인과 같은 것을 경험하지 못하기 때문에, 그 제품의 최종적인 결과물과는 한참이나 멀리 떨어진 모습만 살펴보고 가는 것입니다.

저희가 테스트를 하면서 가장 중요하게 생각하는 것은 몰입(immersion)입니다. 실제로도 사용하는 환경에 최대한 가까이 다가가려고 노력합니다. 모든 것이 잘 갖춰진 상황이라면, 사용자들의 반응, 몸짓, 상호작용, 생각 등을 조용히 관찰할 수 있습니다. 완성도가 높은 와이어프레임으로는 이런 걸 할 수 없습니다. 경험에 비추어 볼 때, 이미 브랜드를 구체적으로 표현하고 있고 모든 기능들이 포함되어 있는 완전한 형태의 프로토타입은 필요하지 않았습니다. 간단히 클릭을 할 수 있을 정도만 되어도 충분합니다. 중요한 것은 적절한 기기에서 제품 테스트가 이루어져야 하고, 실제 콘텐츠를 사용해야 하며, 대상 고객층이 일상에서 사용하는 대부분의 제품들과 시각적으로 비슷해야 한다는 것입니다.

실제 제품과 비슷한 상호작용의 경험을 좀 더 빨리 만들어낼수록, 더욱 빠르게 신뢰할 수 있는 결과를 얻을 수 있습니다. 와이어프레임은 우리에게 필요한 그런 답변을 얻기에는 충분하지 않습니다.




주장 3: 와이어프레임은 개발 프로세스를 빠르게 만든다

와이어프레임은 제품에 대한 아이디어를 종이에 빠르게 그려내는 용도로 자주 사용됩니다. 따라서 이러한 주장은 시각적인 요소나 기능적인 특성들을 구현하지 않고도 디자인 요소들을 배치해서 살펴볼 수 있기 때문에 시간을 크게 절약할 수 있다는 것입니다!

와이어프레임이 시간을 절약해준다는 주장은 충분히 근거가 있는 것입니다. 적어도 20년 전이었다면 말입니다. 2000년대로 접어들 때만 하더라도, 전 세계의 디자이너들은 어도비(Adobe)의 포토샵(Photoshop)을 사용해서 디지털 레이아웃을 만들었습니다. 디자인 하나를 만들기 위해서는 많은 시간이 걸렸습니다. 그러다 2010년이 되면서 스케치(Sketch)가 크게 인기를 얻었고, 이후에는 디지털 제품 개발 과정에서 중요한 레이아웃 도구로 자리를 잡게 되었습니다. 현재 저희는 스케치를 포함해서 피그마(Figma), 어도비 엑스디(Adobe XD), 인비전 스튜디오(Invision Studio) 등 다양한 도구를 사용하고 있습니다. 한편, 구글의 매터리얼 디자인(Material Design) 같은 컴포넌트 라이브러리들이 이런 앱들과 직접 연동되기 시작했습니다. 언스플래시(Unsplash)나 아이콘 라이브러리, 그리고 다양한 일러스트레이션 도구를 이용하면, 필요한 콘텐츠를 빠르게 만들어낼 수 있습니다.

만약 주머니에서 스톱워치를 꺼내서 시간을 측정한다면, 여전히 와이어프레임이 속도 경쟁에서는 승리를 거둘 수도 있습니다. 하지만 우리는 이런 결과물이 과연 얼마나 적절하며 지속 가능한 것인지를 스스로에게 물어볼 필요가 있습니다. 우리 디자이너가 해야 할 일은 사용자에게 가치 있는 경험을 디자인 하는 것입니다. 물론 이런 작업을 더 빨리 할 수 있다면 좋은 일입니다. 그래서 우리가 디자인 프로토타입을 만드는 데 언제나 많은 시간을 투자하는 것입니다. 하지만 그렇다고 해서 저희는 굳이 “와이어프레임”이라는 걸 만드는 데 시간을 허비하지는 않습니다. 디지털 제품을 만드는 과정은 단거리 경주가 아니라 마라톤입니다.




주장 4: 와이어프레임은 선호도에 대한 논의를 피할 수 있게 해준다

사용자나 고객들에게 프로토타입을 보여주면, 그 디자인 때문에 주의가 산만해질 수 있다는 우려가 있습니다. 만약에 우리가 프로토타입을 전부 노란색으로만 만들었다면, 고객들이 노란색을 싫어할 겁니다. 하지만 와이어프레임은 구체적인 디자인이 아니라 추상적이기 때문에, 최종적인 제품으로부터 충분히 거리를 유지할 수 있고, 따라서 기본적인 아이디어들을 가능한 솔직하게 논의할 수 있게 해줍니다. 그러면서도 와이어프레임은 충분히 구체적이기 때문에, 정보구조, 사용자 경험(UX), 기술적인 요구사항 등에 대해서도 구성원들이 함께 의사결정을 내릴 수 있게 해준다는 겁니다. 그렇죠?

안타깝게도, 이러한 거리감은 오히려 문제를 일으킵니다. 와이어프레임에서 우리는 네비게이션 바, 갤러리, 양식 등을 여러 가지의 패턴으로 세분화해서 분류합니다. 이런 패턴들은 단지 특정한 유형의 상호작용을 의미하는 기호에 지나지 않습니다. 하지만 기호는 해석되고 이해가 되어야 합니다. 그러한 해석은 사람들마다 모두 다릅니다. 이런 식으로 디자인에 대한 무의식적이며 의도되지 않은 기대감이 형성됩니다. 그래서 디자인 결과물이 사람들이 기대했던 이미지에서 벗어날수록, 실망감도 더욱 커집니다. 그래서 결국 최종적인 디자인은 대부분 원래의 와이어프레임에서 거의 벗어나지 않는 선에서 만들어지게 됩니다. 사람들이 콘텐츠의 형식과 커뮤니케이션에 대해서 자세히 논의할 수 있게 도와줘야 하는 와이어프레임이, 오히려 하나의 원칙처럼 작용하는 것입니다. 이렇게 와이어프레임은 빠져나갈 곳이 없는 구석으로 우리를 밀어 붙이게 됩니다.

와이어프레임으로 추상화를 한다고 해도 선호도에 대한 논의를 막을 수는 없습니다. 오히려 와이어프레임을 통해서 우리는 디자인의 중요성을 미학적인 측면으로만 축소시키는데, 미학적인 결정은 “나중에 별도로” 내려도 되는 것입니다. 요즘과 같은 환경에서는 기술적인 요구사항이나 정보구조, 사용자 경험에 대한 통찰력을 얻는 것이 중요하며, 그러기 위해서는 미학적인 선호도보다는 기본적인 상호작용 디자인과 시각적인 특성에 대한 논의가 필요합니다.

이제는 전반적인 디지털 경험이 그 어느 때보다 콘센트 자체를 뛰어 넘어서 훨씬 더 많은 것들을 기반으로 한다는 사실을 기억해야 합니다. 콘텐츠가 페이지에 배치되는 모습, 그리고 그러한 콘텐츠가 사용자에게 보여지는 시점과 그 방식이 제품에 있어서 중요한 요소가 되었습니다. 사용자 경험을 훌륭하게 만들기 위해서 우리는 가능한 빠른 시점부터 디자인 프로토타입에 의존하고 있습니다.



와이어프레임과 작별을 하고 싶으신가요?

그러기 위해서는 다음과 같은 사항을 알아야 합니다.

저희는 인간과 기계의 상호작용을 맨 처음부터 창의적인 토론을 통해서 디자인하는 것이 훨씬 더 낫다는 것을 발견했습니다. 경험에 비추어 볼 때, 이렇게 하면 훌륭한 제품을 만들 수 있습니다. 하지만 이러한 사고방식을 채택할 때 명심해야 하는 두 가지의 사항이 있습니다.


1. 프로세스

첫 번째 고려사항은 프로세스입니다. 여러분도 아시다시피, 디지털 제품에는 정해진 완료 날짜가 없습니다. 디자인에서도 마찬가지입니다. 계속해서 제품을 출시하면서, 제품 개발 팀에서는 사용자의 경험을 최적화하고 시장의 반응에 최대한 화답하기 위해서 노력하고 있습니다. 디자인은 그런 과정의 일부이고, 디자인은 그러한 프로세스로부터 떼어놓을 수도 없습니다. 디자인의 첫 번째 시안은 최종 디자인이 아닙니다. 그리고 디자인이 비로소 빛을 보기 전까지는, 얼마든지 몇 번이고 바뀔 수 있습니다. 물론 우리는 완벽한 디자인을 위해서 노력하지만, 완벽한 디자인은 불가능한 것입니다. 그래서 개발 단계의 시작점이 디자인인 것이며, 그 이후에도 결코 멈추지 않는 것입니다.


2. 역량

두 번째 고려사항은 제품 디자이너의 역량입니다. 와이어프레임을 벗어 던지려면 광범위한 전문지식이 필요합니다. 사용자 경험 디자이너, 인터페이스 디자이너, 서비스 디자이너와 같은 직함들은 모두 서로 다른 맥락에 초점을 맞추고 있습니다. 이런 역할들 중에서는 지나치게 전문화되어 있어서 전통적인 디자인 교육만으로는 부족한 경우가 있습니다. 하지만 그러면서도 구조, 상호작용, 시각적인 모습 등을 모두 한꺼번에 고려하기 위해서는 디자인은 물론이고 관련 도구들에 대해서도 광범위한 지식이 필요합니다. 이렇게 해야만 새로운 솔루션을 위한 시야를 확장할 수 있습니다. 저희는 전문화된 제너럴리스트(generalist)를 선호합니다. 이런 사람들은 처음부터 좀 더 큰 그림을 볼 수 있고, 고성능 제품을 디자인 하는 데 필요한 다양한 도구들도 활용할 수 있습니다.


와이어프레임의 세계에서 벗어나기 위해서는 사고방식의 전환이 필요합니다. 저희는 4년 동안 와이어프레임을 사용하지 않았지만, 그러한 결정이 디자인 한 제품에 오직 긍정적인 영향만 주었다고 말하고 싶습니다. 와이어프레임 없이 작업한다는 것은, 우리 팀이 전략을 적절하게 찾아내고, 사용자의 귀중한 피드백을 빨리 얻어내며, 궁극적으로는 디지털 경험의 전반을 위한 디자인을 할 수 있다는 것을 의미합니다.


> 이 글은 'Wireframes are useless'을 각색하여 작성되었습니다.

댓글 0

위시켓

위시켓은 기업의 프로젝트와 IT프리랜서를 이어주는 온라인 아웃소싱 플랫폼입니다. 업계 최고의 IT 분야 전문성을 자랑하며, 클라이언트와 파트너가 모두 안심하고 이용할 수 있는 각종 솔루션을 제공합니다.

2022 프리랜서 개발자 트렌드 리포트

프리랜싱

개발자 구인난, 국내 주요 IT서비스 기업들은 어떻게 해결하고 있을까?

아웃소싱

아웃소싱 전문가가 밝히는: ③ 외주 개발회사, 제대로 검증하는 방법은?

아웃소싱

아웃소싱 전문가가 밝히는: ② 소프트웨어 개발 견적, 왜 천차만별일까?

아웃소싱

아웃소싱 전문가가 밝히는: ① 요구사항 정의서 작성법 A to Z

아웃소싱

IT기업에서 선호하는 개발자 기술 스택 TOP 20 분석

아웃소싱

개발자가 바라본 2021 애플 이벤트

비즈니스

워드프레스 플러그인 추천 TOP 10

개발

딥러닝이 보여주는 미래의 우리 집

개발

음성 AI의 진화를 이끌어 낸 딥러닝

개발

영화 속 그 옷을 찾아주는 딥러닝 기술

개발

서버리스, 도대체 그것은 무엇인가?

개발

클라이언트에게 꾸준히 사랑받는 프리랜서 되는 6가지 조건

프리랜싱

프로젝트 매니저를 위한 분산된 팀 관리하는 방법

프리랜싱

프리랜서가 스타트업과 함께 일하는 것의 장단점

프리랜싱

2016 온라인 쇼핑몰 디자인 트렌드 9가지

프리랜싱

코워킹 스페이스 장단점과 최상의 장소 고르는 팁

프리랜싱

클라이언트가 웹 디자인에 대해 가지기 쉬운 오해 5가지

프리랜싱

전업 프리랜서들이 흔히 겪는 문제 상황과 해결 팁 4

프리랜싱

효율적인 웹 개발 프리랜서 팀을 조직하기 위한 4 STEPS

프리랜싱

앱 화면의 빈 공간을 똑똑하게 디자인한 사례 21가지

프리랜싱

클라이언트와 효과적으로 소통하는 방법 5가지

프리랜싱

슈퍼 비정규직, 프리랜서가 가져올 경제적 변화 5가지

프리랜싱

프리랜서 스스로의 가치를 높이는 4가지 전략

프리랜싱

UI 디자인의 변천사, 그리고 UI 디자이너의 미래

프리랜싱

iOS 앱 개발자가 반드시 극복해야 할 13가지 과제들

프리랜싱

지원자 선정 시 클라이언트가 가장 중요하게 생각하는 정보 3가지

프리랜싱

개발 지식이 없는 클라이언트와 효과적으로 소통하는 방법 5가지

프리랜싱

클라이언트를 만족시키는 현명한 커뮤니케이션 TIP 4

프리랜싱

클라이언트가 프리랜서의 의견을 거절하는 5가지 이유

프리랜싱

프리랜서가 마주하게 될 프로젝트 유형 6가지

프리랜싱

일(WORK)의 변화, 미래에 대처하는 기업과 개인의 자세

프리랜싱

일에 종속되는 삶을 거부하는 사람들, 디지털 노마드에 대해 알아보자

프리랜싱

소프트웨어 요구사항에 대한 일반적인 진실 8가지

프리랜싱

2017년 주목해야 할 웹 개발 트렌드 7가지

프리랜싱

프리랜서들이 살아갈 미래의 도시를 위한 5가지 아이디어

프리랜싱

모든 UX디자이너가 알아야할 5가지 심리학 법칙

프리랜싱

미팅 TIP: 클라이언트의 마음을 사로잡는 인터뷰 6단계

프리랜싱

향후 5년간 일하는 방식을 변화시킬 트렌드 4가지

프리랜싱

계약 성사율을 높여주는 효과적인 미팅 TIP

프리랜싱

아이폰 X을 위한 디자인 가이드

프리랜싱

프로젝트 문제 상황별 효과적인 커뮤니케이션 수단 TIP

프리랜싱

외주를 맡기려면 뭐부터 해야하죠? 1. '알아서 해주세요'는 안된다구요?

아웃소싱

외주를 맡기려면 뭐부터 해야하죠? 2. 화려하면서도 심플한걸 원해요!

아웃소싱

외주를 맡기려면 뭐부터 해야하죠? 3. 요구사항을 문서화하라구요?

아웃소싱

이번 생에 ‘프리랜스’는 처음이라

프리랜싱

클라이언트가 내 아이디어를 사게 만드는 법

프리랜싱

네 가지 유형별 클라이언트 대처법

프리랜싱

3명의 프리랜서가 공유하는 프리랜서 성공 비결

프리랜싱

프리랜서에 대한 잘못된 상식 10가지

프리랜싱

성공의 지름길로 가는 프로 프리랜서 되는 팁

프리랜싱

클라이언트를 유혹하는 지원 내용 작성법

프리랜싱

프리랜서 생활을 도와줄 유용한 소프트웨어 4가지

프리랜싱

프리랜서 마감기한 활용하는 5가지 방법

프리랜싱

클라이언트에게 효과적인 피드백 받는법 4가지

프리랜싱

프리랜서를 위한 프로젝트 지원서 작성가이드

프리랜싱

클라이언트에게 하지 말아야 할 질문 5가지

프리랜싱

프로젝트에 필요한 시간 효과적으로 예측하는 방법

프리랜싱

웹디자인을 직관적으로 구성하는 5 가지 방법

프리랜싱

프리랜서가 알아두면 유용한 앱 6가지

프리랜싱

최선의 계약을 이끄는 협상가가 되기 위한 6가지 방법

프리랜싱

e커머스 시대, 중소상공인 살아남기 프로젝트 II (지원 프로그램 편)

프로덕트

코딩 할 줄 몰라도 괜찮아요, '노코드'만 있으면

개발

e커머스 시대, 중소상공인 살아남기 프로젝트 Ⅰ (플랫폼 편)

프로덕트

네이티브앱, 웹앱, 하이브리드앱은 뭐가 다른가?

개발

Apple의 전용서체로 배우는 타이포그래피

디자인

웹/앱 외주 개발 시 꼭 알아야 하는 IT용어 - 웹

개발

비개발자를 위한 IT 용어 : 프레임워크가 뭐죠?

개발

2020년 상반기, 눈에 띄게 급성장한 IT트렌드 5가지

개발

부트스트랩 하나면, 반응형 홈페이지 제작이 쉬워진다!

개발

말하는 대로 되는 보이스 커머스 시대

기획

다들 필요하다던데, 관리프로그램 꼭 제작해야 할까?

개발

스플래시, 어떻게 구성할까?

기획

‘디자인 가이드’를 보는 게 항상 정답이 아닌 이유

디자인

E-고객을 이끄는 E 커머스 시장에 대하여

개발

꼭 한번 따라하고 싶은 원페이지 사이트 13곳

개발

임베디드 시스템과 펌웨어, 5분 정리

개발

‘클라우드 컴퓨팅’에 대한 완벽 가이드

개발

2021년의 UI 디자인 트렌드 가이드

디자인

포커스 상태를 개선하기 위한 간단한 UX 디자인 팁

디자인

2021년의 UX 디자인 트렌드

디자인

마이크로서비스 기반 앱 제작, 노드는 좋은 선택일까?

개발

쉽게 사용할 수 있는 컨택폼, 워드프레스 웹사이트에 적용하기

개발

UI 속의 글래스모피즘

디자인

비전공자들을 위한 디자인 상식

디자인

지금은 모바일 라이브 커머스 시대

프로덕트

루비 온 레일즈(Ruby on Rails), A부터 Z까지 알아보기

개발

방문자 수를 폭증시키는, 이커머스 SEO 전략 6가지.

기획

초보자들을 위한 최고의 무료 HTML 템플릿 리소스 8가지

개발

사이트는 만들었는데, '홈페이지 관리'는 어떻게 시작해야 할까?

개발

당신을 부자로 만들어줄, 앱개발 수익 전략 5가지

개발

보안부터 브랜드파워 구축까지, 'SSL 인증서' 하나면 된다?

개발

웹 애플리케이션 개발 프레임워크, 5분 안에 정복하기

개발

CSS vs HTML vs 자바스크립트, 대체 뭐가 다른걸까?

개발

웹 개발(Web Development), 현실적으로 얼마나 걸릴까?

개발

많고 많은 웹디자인 회사 중, 어디가 최고일까?

개발

단, 10가지 질문으로 브랜드에 딱맞는 로고디자인 찾아보기

디자인

36조원 원격의료 시장, 어플제작으로 사로잡자

개발

'웹개발 외주'가 처음인 당신을 위한, 가장 기본적인 가이드라인

개발

유저가 먼저 반긴다는 사용자조사, 어떻게 하는걸까?

기획

최고의 PHP프레임워크, 라라벨(Laravel) 알아보기

개발

25배 마케팅 비용절감 효과!고객유지 전략 10가지

기획

워드프레스 백업, 복원! 이 글 하나로 끝내세요.

개발

2020년을 대표하는 React Native App 7가지

개발

좋은 PM을 위한 MVP프라이머

기획

‘좋은 로고 디자인’을 원한다면.

디자인

‘원격의료’가 뜨면 가장 먼저 집중해야 할 4가지 핵심기술

개발

2020년 4차산업혁명 핵심기술 트렌드

개발

기업가치 14조 원, '스노우플레이크'가 특별한 이유는 무엇일까?

개발

파이썬의 단짝, 장고(Django)에 대해 5분 안에 빠르게 알아보자.

개발

프로젝트 매니저(PM)가 알아야할, 7가지 프로젝트 성공원칙

개발

성장중인 서비스라면, 지금 필요한 건 '애플리케이션 확장'

개발

끌리는 '브랜딩'을 위한, 가이드라인 A to Z

기획

비전공자들을 위한 타이포그래피

디자인

유니콘들의 MVP는 이렇게 달랐다.

개발

심리학에서 생각하는 좋은 디자인

디자인

굿리치 같은 보험어플, 어떻게 제작해 볼 수 있을까?

개발

VR, AR, MR 전격 비교! 5분 안에 차이점 알아보기

개발

디지털트랜스포메이션으로 최상의 프로세스를 만드는 법 4가지

개발

잘나가는 어플 서비스를 위한, KPI 지표 측정법

개발

하이브리드 모바일 앱 프레임워크, ‘아이오닉’에 대한 모든 것.

개발

사용자 중심의 ‘제품디자인’을 만드는 아주 특별한 방법

디자인

아이폰 12, 등장! 어떻게 UI디자인을 구성해야 할까.

디자인

행동경제학에서 생각하는 좋은 디자인

디자인

카노모델(Kano)을 통해, 뻔했던 당신의 '제품'을 혁신하라.

개발

쇼핑몰 제작 때, 절대 해서는 안 되는 위험한 생각 4가지

개발

지금 당장 생산성을 향상시킬 수 있는 6가지의 간단한 방법

기획

코딩이란 무엇인가?

기획

홈페이지 제작, 현실적으로 얼마나 걸릴까?

개발

모바일에 친화적인 웹사이트를 위한 5분 완벽 가이드

기획

앱 아이콘, 관심을 끌기 위해 어떻게 변화해왔을까?

디자인

안주하는 당신에게 필요한 ‘미완성의 힘’

디자인

랜딩페이지를 죽이는 5가지 요소

디자인

절대 사라지지 않을 무적의 개발언어 5가지

개발

요즘 뜨고 있다는 ‘브루탈리즘 디자인’을 파헤쳐보자.

디자인

패션, IT를 입고 날개를 달다

개발

온라인 결제 시대, PG사와 VAN사는 뭔가요?

개발

언택트 시대의 온택트 패션 플랫폼 시장

개발

애플, 구글, 마이크로소프트 같은 '테크 골리앗'과 경쟁하는 법

개발

자마린(XAMARIN)이란? 자마린으로 만든 어플 10가지

개발

당신만을 위한, 와이어프레임(Wireframe) 제작 툴 10가지

개발

파이썬(Python)이 스타트업에게 인기있는 이유는?

개발

2020년 팬데믹으로 '비접촉 생체인식'이 뜬다.

개발

유튜브도 그랬다. 모바일 앱, 리디자인 실패 사례로 보는 교훈들

디자인

데브옵스(DevOps)의 최고기법 7가지, 대공개!

개발

더 나은 선택을 유도하는 'UI요소' 만들기

디자인

'스노우'같은 사진편집앱, 어떻게 만드는걸까?

기획

앱출시 후, 고객을 모으는 비법? 앱스토어최적화(ASO)

개발

제품요구사항정의서(PRD), 어떻게 작성해볼 수 있을까?

기획

좋은 PM은 '허세 지표/메트릭'을 사용하지 않습니다.

기획

구글 프로덕트 매니저가 알려주는 기획서 작성 꿀팁

기획

서비스형 재무(FaaS) 시대와 B2B 핀테크의 부상

개발

우리 서비스에서 UX writing은 언제 필요할까?

디자인

1만 미터 상공, 비행기에서 어떻게 와이파이를 쓸 수 있을까?

개발

C# vs C++, 내 개발 프로젝트에 알맞은 개발 언어는?

개발

레오나르도 다빈치의 명작, 인체 비례도는 어떻게 탄생했는가.

디자인

한 분야에 집중하지 못하는 사람이 더 성공하는 이유

기획

재택근무 붐이라는데, 슬랙의 가치는 왜 떨어진걸까?

기획

디자인을 전문적으로 몰라도, 그럴싸하게 쓸 수 있는 웹디자인 TIP

디자인

2020년을 이끌어나갈 인기 프로그래밍 언어 TOP3

개발

이거 하나면 색상 조합 끝! 인기 컬러 팔레트 사이트 7선

디자인

존경받는 리더들이 가지고 있는 커뮤니케이션 패턴 8가지

기획

GPS 꺼도 위치 추적 가능? 예측불가 개인정보 접근 기술들

개발

인프라 운영을 쉽게 만들어주는, '서버리스 컴퓨팅'이란?

개발

제프 베조스가 말하는 성공을 위한 의사결정 방식 2가지

기획

그래픽디자인에 활용할 수 있는, 창의적인 그라데이션 방법

디자인

우버랑 깃랩도 당했다는데, '클라우드 서비스' 과연 안전한 걸까?

개발

생산성을 빠르게 높여주는, 프런트엔드 개발 툴 10가지

개발

회의 시간은 줄이고 핵심은 남기는, 1페이지의 법칙

기획

생동감 넘치는 3D디자인, 이렇게 시작해보세요.

디자인

온디맨드 VS 긱 이코노미, 외주를 위해 가장 좋은 방법은?

기획

2020년 반드시 주목해야 할 웹 개발 트렌드 6가지

개발

당신이 원격 근무 환경에서 보여줘야 하는 진짜 리더십.

기획

크롬, 사파리, 인터넷 익스플로러: 최고의 '브라우저'는 무엇일까?

개발

2020년이 디지털 인력 채용에 있어서 티핑 포인트가 되는 이유

기획

8초 안에 청중의 귀를 사로잡는 '발표'의 황금법칙

기획

'파이썬'의 인기가 떨어지면 어떤 개발 언어가 뜨게 될까.

개발

기업가치 3조원을 일궈낸 CEO가 말하는 원격근무 5단계

기획

유저와의 상호작용을 극대화하는 UI 애니메이션 제작 팁!

디자인

'딥 러닝'은 어떻게 작동할까? 딥러닝에 대한 모든 것.

개발

솔직함을 무기로, 원격근무 협업 시너지 내는 법

기획

쇼핑몰 어플 제작, 백지 상태에서 시작하기

기획

점점 더 중요해지는 원격근무, 어떻게 시작해야 할까?

기획

직관적인 디자인을 위한 디자인 레이아웃 규칙 5가지

디자인

얼어붙은 취업시장에 '비대면 채용'이 뜨고 있다.

기획

부동산 홈페이지 제작 시, 꼭 알아야할 꿀팁 모음

기획

향후 10년, 기회를 잡고 싶다면 '프리랜서 마켓'에 집중하라.

기획

'재택근무'하면서 번아웃 현상을 피하는 방법

기획

디자이너도 헷갈린다는, 그래픽 디자인 8가지 유형

디자인

실패는 줄이고 실행은 빠르게, '프로토타입'하라.

개발

디자인 스프린트 작업, 비대면 '원격근무'로 가능할까?

디자인

고난 앞에 오히려 강한 사람들이 가지고 있다는 이 습관

기획

2020년 어떤 'UI트렌드'가 소비자의 눈길을 사로잡고 있나?

디자인

'원격근무'에도 흔들리지 않는 견고한 기업문화 요소 8가지

기획

기업 홈페이지 제작 시, 다들 놓치는 기본적인 실수 5가지

기획

2020년 핫하디 핫한 책표지 디자인 트렌드 TOP7

디자인

어쩌면 또 하나의 기회, '언택트'가 불러온 IT 시장 전망은?

개발

성공적인 'IT 아웃소싱'을 위한 꿀팁 10가지, 5분만에 알아보기

개발

어플만들기, 현실적으로 얼마의 시간이 걸릴까?

개발

급성장하고 있는 VR의료, 어디서 시행하고 있을까?

기획

프리랜서 디자이너 VS 디자인 에이전시, 어디가 더 좋을까?

디자인

제이쿼리(jQuery)에 대한 모든 것, 한 번에 쉽게 알아보기.

개발

선택이 아닌 필수라는 인기 있는, 워드프레스 플러그인 7가지

개발

재구매를 늘리는, 2020년 최고의 소프트웨어 모음

개발

앵귤러 vs 리액트 vs 뷰, 어떤 게 최고의 선택일까?

개발

구매를 폭증시키는, 상품페이지 제작 방법 7가지

기획

첫 앱개발 외주, 어떻게 진행해야 할까? 실패 없는 가이드라인

기획

'HTML'에 대한 모든 것, 한 번에 빠르게 알아보기

개발

고객의 광클을 부르는, 뉴스레터 디자인 제작 방법

디자인

뛰어난 '애자일 조직'만 쓴다는, 하이브리드 프로젝트 관리기법

개발

리스크는 줄이고 실행은 빠르게, 프로토타입 제작 성공하는 법

개발

‘사용자 테스트’를 빠르게 도와줄 인기 소프트웨어 7가지

개발

반응형 웹 VS 모바일 웹 차이, 어느 게 더 좋은 걸까?

개발

'코로나'는 IT아웃소싱 시장의 판도를 어떻게 바꿔놨을까?

기획

초기 창업가가 지나쳐서는 안될, 7가지 꼭 필요한 조언

기획

2020년 국내 홈페이지 제작업체, TOP10

기획

'다크모드 디자인'으로, 사용자 경험을 최상으로 높일 수 있다?

디자인

‘PHP’개발이란? 5분만에 쉽게 알아보기

개발

배민 같은 '배달앱', 어떻게 만들까?

기획

이러닝사이트 제작을 위해 꼭 필요한 정보 모음집

기획

기획의도를 충실히 담은 '요구사항정의서' 작성법

기획

깐깐하게 선별한 홈페이지 템플릿 10가지 추천

개발

인스타그램 같은 소셜앱, 어떻게 개발할까?

개발

당신이 놓치고 있는, 숨겨진 소프트웨어 개발 비용 5가지

개발

아마존, 페북도 한다는 데브옵스(DEVOPS)란?

개발

구글이 선보인 앱개발 프레임워크, 플러터(Flutter) 알아보기

개발

쿠팡 같은 '쇼핑몰앱', 제작은 어떻게 하는걸까?

개발

내 프로젝트에 딱맞는 합리적인 '앱제작 비용' 찾는 법

기획

화면설계서(Wireframe)란? 평생 써먹는 제작 꿀팁!

개발

유니티 게임 개발로 고공행진 걷는 앱 5가지

개발

고객관리프로그램(CRM)이란? 어떻게 도입할 수 있을까?

개발

2020년 대유행중인, 모바일 앱개발 프레임워크 7가지

개발

고객의 마음을 읽는 독심술, '고객여정지도' 만들기

기획

페북부터 우버이츠, 에어비앤비까지? '리액트 네이티브'로 대박난 앱

개발

'아두이노(Arduino)'란? 5분만에 쉽게 알아보기

개발

놓치면 후회하는, 2020년 에듀테크 트렌드 총정리

개발

프론트엔드 VS 백엔드, 개념과 차이점 그리고 사용되는 언어는?

개발

어플리케이션 제작 과정, A부터 Z까지 한 눈에 살펴보기

개발

안드로이드 앱개발, 왜 코틀린(KOTLIN)이 필요할까?

개발

컴퓨터가 인간의 언어를? 경이로운 자연어 처리(NLP) 활용사례

개발

어플 만들기 전, 앱개발 방식 먼저 알아보세요!

개발

킥오프 미팅, 어떻게 잘 해낼 수 있을까요?

기획

50초만에 고객을 사로잡는 홈페이지 디자인 만드는 법

개발

세상에서 가장 효율적으로 일하는 구글의 성공비법, OKR

기획

디자인 프리랜서, 똑소리나게 구할 수 있는 방법 3가지

기획

API란? 비개발자가 알기 쉽게 설명해드립니다!

개발

랜딩페이지, 개념부터 제작 팁까지 총정리!

개발

VR앱 제작이 뜨고 있다? VR앱에 대한 모든 것

개발

게임개발자, 선정할 때 꼭 검증해봐야할 4가지를 알아보세요!

기획

로고제작 전, 반드시 알아야 할 로고 디자인 7가지

디자인

창업자금, 마련하기 전에 반드시 알아야 할 4가지

기획

스타트업, 폭발 성장을 위한 청사진 그리기

기획

UX디자이너 똑소리나게 구하는 방법

기획

안 읽으면 후회하는 UI디자인 제작 팁 10가지

디자인

앱만들기, 야심 차게 준비해도 실패하는 4가지 이유

기획

자신감 있는 하루를 만드는 바디랭귀지 9가지

기획

웹개발자들은 어떤 언어를 쓰는 걸까? 개발언어 파헤치기

개발

빌 게이츠, 마윈, 머스크 등 '성공한 사람'들은 매일 하는 5시간 법칙

기획

유튜브를 강타할 최강의 '동영상 플랫폼'들이 온다!

개발

첫인상을 강렬하게 만들어줄 독특한 명함 디자인 15가지

디자인

좋은 리더 자질, 당신의 IQ가 아닌 EQ에 달려있다.

기획

뉴스레터, 정말 딱 이렇게만 만드세요.

기획

몰입감을 자아내는 프레젠테이션 제작방법

디자인

2019년 최고의 하이브리드 앱 개발 프레임워크 5가지

개발

재미있고, 기발하고, 신기한 에러페이지 디자인 10가지

디자인

보는 순간, 클릭하고 싶어지는 마력의 CTA버튼 만들기

기획

구매율 90%를 넘기는 비법, 컬러 마케팅

기획

최대의 매출과 성장을 만들어줄 CRM 활용법

기획

블로그 제작, 무료로 시작할 수 있는 플랫폼 10가지

개발

나만 알고 싶은 기발한 앱아이디어 35가지

기획

2020년을 지배할 UI/UX디자인 5가지

디자인

2020 모바일 앱 개발 트렌드 5가지

개발

백만장자 타이 로페즈가 말하는 돈 없이 사업에 성공하는 법

기획

구글, 슬랙, 어도비 등 잘나가는 SaaS 기업에서 보이는 인사이트 7가지

기획

상위 랭킹의 절대 비법, '검색엔진최적화'를 위한 5가지 팁

개발

뛰어난 창의력으로 세상을 바꾸는 '일론 머스크'의 7가지 법칙

기획

사용자를 생각한다면 지금 당장 시작해야 할, 페르소나 기법

디자인

성장하는 나를 만드는, 좋은 습관 길들이기

기획

IOS앱개발 vs 안드로이드 앱개발, 어느 게 더 이득일까?

개발

'워렌버핏'이 빌게이츠 모임에서 밝힌 부의 절대법칙은?

기획

IT 아웃소싱, 처음이라면 꼭 알아야 하는 5가지 팁

아웃소싱

공짜 앱은 어떻게 수익을 낼까? 앱 수익 구조 알아보기

개발

디자이너가 아닌 당신에게 꼭 필요한 5분 디자인 가이드

디자인

자바 VS 자바스크립트, 엄연히 다르다?

개발

관계를 망치지 않고, 똑 부러지게 피드백 주는 법 4가지

기획

콘텐츠도 전략이다. 콘텐츠관리시스템(CMS)이란?

개발

5초 안에 읽히는 '대시보드 디자인'하는 법

디자인

10년간 최다 지출 앱, 넷플릭스는 당신이 무엇을 원하는지 알고 있다.

기획

고객을 지키고, 홈페이지를 지키는 강력한 웹보안 방법 5가지

개발

유튜브를 제치고, 지난 10년간 가장 많은 돈을 벌어들인 앱은?

개발

반응형 홈페이지 VS 앱 개발. 내 비즈니스에 도움이 되는 것은?

개발

유튜브가 원래 영상 데이팅 사이트였다고? 상상이상 구글의 혁신들

기획

디자인팀 없는 스타트업을 위한 유용한 디자인 툴 10가지

디자인

앱개발자 없이 직접 '앱개발'할 수 있을까요?

개발

페이스북의 서비스에 '좋아요'가 있는 이유

기획

IT 프로젝트가 처음이라면 꼭 알아둬야 할 5가지 툴

기획

구글이 리더를 양성하는 법, 옥시젠 프로젝트(Project Oxygen)

기획

다가오는 초고령사회, 미리 읽는 노인요양 테크트렌드 4가지

개발

의욕없는 당신을 위한, 셀프 동기부여 방법

기획

저작권 걱정 없이 마음껏 쓸 수 있는 무료 아이콘 사이트 12선

디자인

세계 1위 음원 스트리밍, '스포티파이'가 당신에게 노래를 추천하는 법

기획

창업으로 스트레스 받는 당신에게 건네는 조언 5가지

기획

페북, 아마존을 있게 한 ‘1만 실험의 법칙'이란?

기획

에스토니아가 IT 강국이라고? 유럽의 실리콘밸리 이야기

기획

떠날 수 없는 서비스를 만드는, 리텐션 마케팅 방법 4가지

기획

손쉬운 홈페이지 제작 도구라 불리는, 웹 빌더 7가지 엄선

개발

구글, 페이스북, 테슬라 CEO가 연봉 1달러만 받는 이유

기획

핸드폰 하나로 동영상 제작을? 떠오르는 동영상 편집 어플 8가지

개발

SOAP API vs. REST API, 두 방식의 가장 큰 차이점은?

개발

빠른 회원가입을 이끌어내는 웹 폼 디자인 가이드

디자인

인공지능(AI) 의사는 인간 의사를 대체할 수 있을까?

개발

뒤처지고 싶지 않다면 알아야 할 2020년 컬러 트렌드

디자인

전 세계 98% 데이터를 담고 있는 구글맵의 비밀

개발

예비 리더들을 위한 리더입문서

기획

프론트엔드 개발자 VS 웹 퍼블리셔, 무엇이 다를까?

개발

한국이 최초였던 5G, 중국이 노린다.

개발

JPG vs PNG? 이미지 파일 형식에 숨겨진 비밀

디자인

99%의 성공한 개인이 일찍부터 시작한 9가지 성공습관

기획

애플이 주목하는 페이스북 이후의 세상은?

개발

HTTP vs HTTPS 차이, 알면 사이트의 레벨이 보인다.

개발

참신한 아이디어를 찾는 아마존의 비밀병기, 거꾸로 일하기

기획

2020년 트렌드에 맞춘 워드프레스 테마 10선

개발

광고계 레전드 회사, 오길비앤매더의 리더 양성법

기획

2020년 한 획을 그을 UI 디자인 트렌드, 뉴모피즘

디자인

에어비앤비부터 스트라이프까지 2020년 상장하는 기업들

기획

클라우드 컴퓨팅이란? 클라우드 컴퓨팅에 관한 모든 것

개발

일러스트레이터 포토샵 차이, 한 번에 정리해드립니다

디자인

2020년 아이폰 말고, 내년 아이폰이 더 기대되는 이유

기획

개인용, 상업용으로 쓸 수 있는 무료 폰트 사이트 8가지

디자인

일상이 된 회사에서 열정과 활기를 놓치지 않는 법

기획

'ERP'란 무엇일까? ERP로 비즈니스 효율 높이기

개발

모든 '웹사이트 디자인'이 진부해진, 진짜 이유는 무엇일까?

디자인

한번 보면 누구나 반하는, 2020년 제품 디자인 트렌드

디자인

중소기업 아웃소싱, 이득은 무엇일까?

아웃소싱

가장 쉬운 쇼핑몰 개발 방법! 워드프레스가 답이다.

기획

고객 만족도 100%를 위한 12가지 비법

기획

Java와 JavaScript의 차이점은?

개발

웹사이트 전환율 높이는 4가지 방법

기획

PHP 간단 개념과 장단점에 대해서

개발

Ruby와 Ruby on Rails

개발

모바일 웹과 반응형 웹 비교

개발

성공적인 중소기업 ERP 도입을 위한 방법

기획

콘텐츠 관리의 솔루션, CMS 파헤쳐보기

기획

스타트업과 소기업을 위한 클라우드 서버 파헤쳐보기

개발

CEO의 입장에서 바라본 원격 근무의 장점

기획

스타트업 CEO를 위한 채용 전략 4가지

기획

웹사이트 기획할 때, '선택의 역설'을 고려하자

기획

브랜드 인지도 높이는 방법 10가지

기획

방문자가 만족하는 온라인 쇼핑몰 만드는 방법 5가지

기획

웹사이트 제작 외주 맡길 때 알아야 하는 점 4가지

아웃소싱

모바일 친화적인 웹사이트, 왜 중요할까?

개발

효율적인 프로토타입 테스트를 위해 알아야 할 것들

기획

프리랜서 고용의 장점 & 좋은 프리랜서 찾는 방법 7가지

아웃소싱

‘스튜디오 시스템’의 붕괴, 할리우드를 통해 보는 미래의 업무 형태

기획

초기 창업자가 극복해야 할 5가지의 다루기 힘든 상황들

기획

당신의 회사에 적합한 아웃소싱 팀을 선별하는 방법

아웃소싱

모바일 애플리케이션의 수익화 전략 5가지

기획

일하는 방식의 스마트한 변화, 원격근무를 가능하게 해준 TOOL에 대해

기획

안드로이드 vs IOS, 앱 개발 시 고려해야 할 점 6가지

개발

2017년 주목할 만한 IT 트렌드 5가지

개발

성공적인 로고 디자인 의뢰를 위해 고려해야할 10가지 질문

디자인

웹 사이트 만들기 전에 ‘비즈니스 플랜’부터 세우자

기획

아이디어를 빠르게 검증해볼 수 있는 방법, 최소기능제품(MVP)이란?

기획

사업 초기에 효율적으로 MVP 개발하는 방법? 전문가에게 아웃소싱하자!

아웃소싱

아웃소싱을 성공적으로 활용한 기업들이 말하는 4가지 조언

아웃소싱

2018년에 주목해야할 블록체인 스타트업 TOP 8

개발

앱 개발 의뢰하는 데 비용이 얼마나 필요할까요?

아웃소싱

나한테 딱 맞는 홈페이지 만드는 방법, 어떻게 찾을 수 있을까요?

개발

기업과 브랜드의 가치를 높여주는 로고, CI, BI 디자인이란?

디자인

떠오르는 블루오션, 우주 인터넷 알아보기

개발

광고 성과를 측정해볼 수 있는 필수 광고 용어

기획

웹/ 앱 서비스 기획 전, 꼭 필요한 체크리스트

개발

전세계가 주목하는 한국의 5G, 우리 정부 전략은?

기획

UI/UX 디자인 뜻, 차이점은 무엇일까?

디자인

다들 호스팅, 호스팅 하는데, 호스팅이란 무엇일까?

개발

사이트에 유입된 고객을 읽는 기술, 웹 로그 분석 알아보기

개발

아이디어를 솔루션으로 바꾸는 구글의 아이디어 스케치 방법

기획

정부지원사업 어디서부터 어떻게 시작해야할까?

기획

같은 분야를 다룬 글들을 권해드려요.

요즘 인기있는 이야기들을 권해드려요.

일주일에 한 번!
전문가들의 IT 이야기를 전달해드려요.

[구독하기] 버튼을 누르면 개인정보 처리방침에 동의됩니다.

일주일에 한 번! 전문가들의 요즘IT 이야기를 전달해드려요.

[구독하기] 버튼을 누르면 개인정보 처리방침에 동의됩니다.