즐거운 웹기획 세상
반응형

UI/UX 4

UI/UX 기획자를 위한 필수 소양과 기술, 그리고 사용자 경험의 핵심

안녕하세요. 플래니지 해리입니다. 기획자에게 있어 UI/UX는 무엇일까요? 오늘은 이 글에서는 UI/UX 기획자로서 필요한 소양과 기술, 그리고 사용자 경험에 대해 자세히 살펴보겠습니다. UI/UX 기획자를 위한 필수 소양과 기술, 그리고 사용자 경험의 핵심 UI/UX의 개념 UI(사용자 인터페이스)와 UX(사용자 경험)는 디지털 제품의 성공을 위한 중요한 핵심입니다. UI와 UX를 붙여서 사용하지만 엄연히 따지면 둘의 개념은 많이 다릅니다. UI(User Interface, 사용자 인터페이스) UI는 사용자와 시스템 간의 상호작용을 가능하게 하는 접점으로, 웹사이트, 앱, 소프트웨어 등의 디지털 제품에서 시각적인 부분을 담당합니다. UI는 아이콘, 버튼, 색상, 레이아웃, 폰트 등의 요소로 구성되며, ..

기획 2023.12.07

[웹기획 필수]와이어프레임(Wireframe)의 중요성과 웹 기획자의 역할 | 작성방법과 노하우

안녕하세요. 플래니지 해리입니다. 웹기획에서 핵심적인 역할을 하는 와이어프레임에 대해 설명을 해보겠습니다. 해리가 주로 와이어프레임의 작성 방법과 핵심 노하우를 소개해 드리겠습니다. 웹기획에서 와이어프레임 : 정의 작성 방법과 노하우 와이어프레임(Wirefreme)이란? 와이어프레임은 웹사이트나 앱의 구조와 레이아웃을 간단하게 시각화한 것입니다. 이는 디자인 요소나 그래픽보다는 콘텐츠와 기능에 초점을 맞추기 때문에 색상과 오브젝트의 디자인이 모두 빠진 형태이며, 보통 기획자의 화면설계서에 포함되는 요소 중 하나입니다. 이 단계에서는 콘텐츠의 배치와 사용자 경험(UX)을 고려하여 레이아웃을 그리게 되는데, 상세 설계를 진행하기 전에 간단하게 만드는 심플한 와이어프레임과 본격적인 설계에 진입하여 그리게 되는..

기획 2023.12.05

[웹기획 툴] 기획자가 말하는 XD - 장점 / 단점 / 활용방법

안녕하세요. 플래니지 해리입니다. 오늘은 어제에 이어서 피그마 이전에 사용하던 툴인 Adobe XD에 대해 장점과 단점 그리고 XD를 활용하는 방법에 대해서 안내해 드리겠습니다. 저는 기존에도 여러 가지 UI/UX를 위한 툴을 사용해 봤습니다. 그중 네이버의 Prototype, 카카오의 Oven 기획 초반에는 발사믹(Balsamiq)이라는 와이어프레임 툴과 전통적으로 사용하는 PPT의 Power Mockup 정도가 있었습니다. 이외에 더 많은 툴들이 있었지만 주력으로 사용하진 않아 패스하겠습니다. 본격적인 UI/UX 툴을 사용하면서 한때 많은 매력을 느끼게 한 XD에도 장점과 단점은 극명하게 나뉘어졌습니다. 최근 피그마가 어도비의 XD를 인수하는 소식이 있어 화제가 되었습니다. 그리고 현재 XD는 유지 ..

기획 2023.11.30

[기획자의 툴]기획자의 피그마 장점/단점, 설계서 템플릿 공유

안녕하세요.플래니지 해리입니다. 오늘은 본업으로 돌아와서 피그마에 대한 얘기를 해보겠습니다.   지난번 화면설계서를 안내해 드리면서 다양한 툴의 발전이 있었다고 말씀드린 적 있습니다.PPT부터 시작해서 PPT에서 지원하는 Power Mockup 그리고 현재는 XD, Figma, Sketch, Framer 등 다양한 디자인 협업툴이 탄생하였고 많이 사용중입니다.   [웹기획 필수]화면설계서 작성방법 노하우 공개안녕하세요. 플래니지 해리입니다. 오늘은 웹기획자 업무의 꽃인 화면설계서입니다. 화면설계서가 무엇입니까? 프로덕트 매니저, 기획자(웹, 앱, 어플리케이션 등등)의 업무 중 가장 많은 업무planez.kr  피그마(Figma)는 무엇입니까?Figma(피그마)는 웹/앱프로젝트 UI/UX 디자인과 협업을 ..

기획 2023.11.29
반응형