[꿀팁] 웹 디자이너에게 유용한 웹디자인 UI 10가지

안녕하세요! 프리모아의 Mac입니다.

IT산업이 발전함에 따라 웹 디자이너들의 손이 되어 줄 수 있는 디자인 UI도 많은 발전을 하였습니다.

디자인 UI의 가용성이 높아짐에 따라 UI의 선택도 매우 어려워 지는 추세입니다.

디자인 UI의 선택 기준은 단순히 고유의 기능만이 아닌 유져의 작업을 얼마나 효율적으로 도울 수 있느냐도 한 몫 하고 있는데요.

오늘은 그런 디자인 UI 중 많은 유저가 사용하고 있는 디자인 UI를 리스트 화 해 보았습니다.

(이미지를 클릭하면 해당 페이지로 이동됩니다.)

1. Usability Tools

Usability Tools은 웹 사이트 사용자의 움직임을 시각화 해 줍니다.

웹사이트를 디자인하고 운영하면서 필요한 경험과 개선점을 찾을 수 있는 테스트에 최적화 되어있습니다.

http://usabilitytools.com/

(이미지를 클릭하면 해당 페이지로 이동됩니다.)

2. Woopra

Woopra는 실시간으로 웹사이트의 방문자 활동을 추적하는 툴입니다.

실시간으로 웹사이트를 방문자들의 성향을 분석하여 웹 페이지 운영을 할 마케팅 방향이나 행동 패턴을 생각할 수 있습니다.

http://woopra.com

(이미지를 클릭하면 해당 페이지로 이동됩니다.)

3. Mouse Stats

Mouse Stats 는 웹 사이트 방문자들의 움직임을 재생할 수 있으며, 방문자들의 활동을 Heatmap으로 통계를 내주고 있습니다.

웹 페이지의 주목을 받는 부분과 그렇지 않은 부분을 분석하여 보다 체계적인 디자인 계획을 세우는데 도움을 줄 수 있습니다.

https://www.mousestats.com/

(이미지를 클릭하면 해당 페이지로 이동됩니다.)

4. Verify

Verify는 웹 디자인의 여러 컨셉을 테스트 할 수 있습니다.

여러가지 웹디자인 컨셉을 스크린 샷하여 많은 테스트를 하여 그 결과값을 유저에게 제공해줍니다.

http://verifyapp.com/

(이미지를 클릭하면 해당 페이지로 이동됩니다.)

5. UX Pin

UX pin 은 대화형 웹사이트를 위한 Drag-and-Drop 편집기를 사용하여 신뢰도 높은 웹 페이지 설계 서비스를 제공합니다.

https://www.uxpin.com/

(이미지를 클릭하면 해당 페이지로 이동됩니다.)

6. Balsamiq 

Balsamiq 은 설계자가 빠르고 쉽게 디자인 Mockup 할 수 있는 Wireframing Tool 입니다.

https://balsamiq.com/

(이미지를 클릭하면 해당 페이지로 이동됩니다.)

7. MemoSort

MemoSort는 서로 떨어져있는 여러명의 디자이너가 한가지 작업을 함께 하도록 도울 수 있는 온라인 도구입니다.

떨어져있어도 함께 작업을 하며 아이디어를 공유하여 더 나을 결과를 도출하기 위한 UI 입니다.

https://memosort.com/

(이미지를 클릭하면 해당 페이지로 이동됩니다.)

8. Prevue

Prevue는 디자이너의 디자인을 라이브러리에 업로드 하여 클라이언트로부터 빠른 피드백을 받을 수 있는 UI 입니다.

클라이언트는 회원 가입, 특정 프로그램 없이도 디자이너의 작업을 라이브러리에서 보고 특정 부분에 대한 주석을 통하여 논의를 할 수 있습니다.

https://prevue.it/

(이미지를 클릭하면 해당 페이지로 이동됩니다.)

9. Redpen

RedPen 은 자신의 디자인을 팀원들과 공유하여 바로 피드백을 받을 수 있는 UI입니다.

웹 페이지에 자신의 디자인을 Drag-and-Drop으로 올리면 팀원드은 별도의 설치 없이 디자인의 포인트에 자신의 의견을 남길 수 있습니다.

https://redpen.io/

(이미지를 클릭하면 해당 페이지로 이동됩니다.)

10. Webflow

Webflow 는 코드 없이 웹사이트의 레이아웃을 쉽게 설정 할 수 있는 호스팅 플랫폼 입니다.

반응형 웹사이트의 레이아웃이 모바일이나 태블릿에서 어떻게 보이는지도 미리 확인 할 수 있습니다.

https://webflow.com/

이 포스팅은 (http://www.crazyleafdesign.com/blog/35-finest-ui-tools-every-designer-know/)를 참조하였습니다.

(이미지를 클릭하시면 프리모아 홈페이지로 연결됩니다.)