기획자와 디자이너를 위한 무료 목업(Mockups) 제공 사이트 7가지 기획이나 디자인을 하다 보면 실서비스를 릴리즈하기 전에 빠르게 프로토타입을 구현해 공유하고 반복해서 수정 작업을 거치는 경우가 많은데요, 이때 활용할 수 있는 것이 목업(Mock-up) 템플릿입니다. 이번 포스팅에서는 기획자와 디자이너를 위한 무료 목업(Mockups) 템플릿을 제공하는 웹사이트 7가지를 소개해드리겠습니다. #1. SMARTMOCKUPS APP Smartmockups은 디자이너, 마케터, 개발자들을 위한 완벽한 목업 컬렉션을 갖추고 있는 사이트입니다. $49를 지불하면 정식으로 서비스를 이용할 수 있지만, 무료 체험도 가능합니다. 포토샵을 전혀 사용할 필요없이 이 Smartmockups 프로그램을 통해 드래그 & 드롭..
UX 디자이너가 피해야 할 최악의 트렌드 8가지 * 예전에 공부하면서 번역해 둔 글임을 미리 밝혀둡니다. 원문 출처는 포스팅 맨 아래에서 확인하실 수 있습니다! 웹 디자인은 트렌드의 변화에 매우 민감합니다. 그래서 특정 트렌드가 크게 유행할 경우, 대부분 그 트렌드를 따라가는 경우가 많습니다. 그러나 사용자는 언젠가 이러한 트렌드에 싫증내기 마련이고, 다른 새로운 것을 갈망하게 됩니다. 결국, 트렌드의 노예가 될 필요가 없다는 말이죠. 이번 포스팅에서는 UX 디자이너가 피해야 할 디자인 트렌드에 대해 알아보도록 하겠습니다. #1. 과도한 패럴랙스 스크롤링을 사용하는 것 패럴랙스 스크롤링은 배경을 전경보다 느리게 이동하게 만들어 3D 효과를 내는 기법을 의미합니다. 디자인을 향상시키고 구성 요소에 미묘한 ..
UX 대표 이론 10가지를 배워봅시다! 이번 포스팅에서는 UX와 관련한 대표 이론 10가지를 세련되고 감각적으로 배울 수 있는 웹사이트에 대해 소개해드리려고 합니다! 라고 하는 이 사이트는 디자이너가 사용자 경험(UX)과 사용자 인터페이스(UI)를 설계할 때 반드시 고려해야할 핵심 이론들을 망라하고 있습니다. 서비스의 사용성과 디자인이 중시되면서, 사용자 경험을 제대로(!) 디자인하는 것이 더없이 중요해졌습니다. 서비스를 기획하시고 계시다면 아래 10가지 원칙을 잘 학습해두시고, 실무에서도 잘 적용해보시기를 바라며 10가지 원칙에 대해 설명드리도록 하겠습니다. 1) Fitt's Law / 피츠의 법칙 목표로 하는 지점에 도달하는데 걸리는 시간은 목표 영역의 크기와 목표까지의 거리에 따라 결정된다. 이를테..
자연 사진에서 추출한 그라데이션을 추천해주는 웹사이트 색 조합, 특히 그라데이션을 어떻게 만들어야하는지 어려워하시는 분들이 많을 것 같은데요, 이번 포스팅에서는 그라데이션을 쉽게 만들 수 있는 아주 유용한 웹사이트를 소개드리려고 합니다! # 그라디언트 월드 '그라디언트 월드(Gradient World)'라는 사이트는 자연 사진에서 그라데이션을 추출해 CSS 코드를 제공해주는 사이트입니다. Charlie Clark라는 사람이 석양의 자연스러운 그라데이션에 영감을 받아 만든 사이트라고 하네요. 이 사이트의 모든 이미지는 Unsplash API를 사용하여 가져왔고, 프로그래밍되어 자동적으로 CSS 그라디언트 코드로 전환됩니다. 앞서 자연 사진에서 그라디언트를 추출한다고 말씀드렸는데요, Sunset(석양), W..
티스토리 블로그에 구글 애널리틱스 연동하는 방법 이번 포스팅에서는 티스토리 블로그에 구글 애널리틱스 연동하는 방법에 대해 소개해드리려고 합니다! 초보자도 쉽게 할 수 있을만큼 연동하는 방법은 전혀 어렵지 않으니 차근차근 설명드릴게요, 잘 따라오셔요! 서비스를 기획할 때도 우리 서비스에는 어떤 사용자가 어떤 경로로 얼마나 머물다가는지를 지표로 분석하는데요, 지표를 활용하면 내 서비스에서 개선할 사항은 무엇인지, 어떤 사용자를 타겟으로 좀 더 집중해서 운영해야 하는지를 알 수 있게 되기 때문입니다. 내 블로그에도 마찬가지로 어떤 사용자들이 주로 유입이 되는지, 체류시간은 얼마나 되는지를 알면 앞으로 어떤 콘텐츠를 집중적으로 제공해야하는지를 파악할 수 있겠죠? 이를 위해 Google Analytics의 도움을..
프로젝트의 생산성을 끌어올려 줄 스포카 디자인 툴킷 프로젝트를 진행할 때 기획 단계에서 다양한 서비스를 벤치마킹하고, 문제점을 도출하고, 이에 대한 인사이트를 얻어나가는 작업을 반복해서 하게 되는데요, 이 때 사용할 수 있는 유용한 템플릿 세트를 소개해드리려고 합니다. 다양한 부서와 협업할 때에도 이 템플릿을 활용한다면 생산성이 확 올라갈 것 같네요 :) 스포카 디자인 툴킷에는 사용자 인터뷰(User Interview), 사용자 여정 지도(Customer Journey Map), 사용자 스토리 맵(User Story Map), 디자인 스프린트(Design Sprint), 디자인 체크인(Design Check-in) 템플릿이 포함되어 있습니다. 요새 많은 프로젝트들이 디자인 씽킹 (Design Thinki..
요즘 유행하는 심리 테스트 한 번에 볼 수 있는 웹사이트? 세모테! 요즘들어 SNS나 포털사이트에 다양한 심리 테스트 결과가 공유되는 것을 볼 수 있는데요, 코로나가 확산되면서 상대적으로 집에서 보내는 시간이 많아져서 그런지 각종 심리 테스트가 활발하게 진행되는 것 같습니다. 심리 테스트를 통해 나에 대한 이야기를 만들 수 있을뿐만 아니라 타인에게 공유할 수 있는 하나의 '소셜 이미지'를 생성할 수 있다는 측면에서 심리 테스트 콘텐츠가 자연스럽게 바이럴되고 있네요. 그리하여, 이번 포스팅에서는 각종 심리 테스트를 한곳에 모아놓은 웹사이트를 소개해드리려고 합니다! 바로 세상의 모든 테스트, 줄여서 '세모테'라고 하는 사이트입니다. 현재 50여개 이상의 테스트를 서비스하고 있습니다. 세모테에서는 아래 이미지..
