모든 웹 사이트는 기능과 함께 특정 목표 또는 목적을 위해 구축됩니다. 웹사이트를 구성하는 필수 기능은 본질적으로 정적이지만 모든 웹사이트에는 좋은 UI와 UX(사용자 인터페이스 및 사용자 경험)가 있어야 합니다.
웹사이트의 UX는 반응성을 다루는 반면 UI는 클라이언트를 위해 웹사이트에 생명을 불어넣습니다.
사용자가 클릭하거나 마우스 이벤트를 수행하는 것에 반응하는 사이트는 사용자가 웹사이트에서 무엇을 하려고 하는지에 대해 웹사이트가 반응한다고 느끼게 하여 사용자/클라이언트와 사이트 사이에 피드백 루프를 생성합니다.
WordPress 웹사이트 소유자의 경우 대화형 기능을 추가하는 것은 간단합니다. 올바른 플러그인과 제공하려는 경험에 대한 아이디어만 있으면 됩니다.
1. 인터랙티브 맵 플러그인
사이트에서 가장 인기 있는 대화형 기능 중 하나는 대화형 지도입니다. 지역에 대한 정적 보기는 더 이상 온라인 리드에 충분하지 않습니다. 사업주로서 고객이 귀하를 찾을 수 있도록 설치하는 것이 매우 중요합니다.
많은 대화형 지도 플러그인 중 하나를 설치하고 비즈니스 주소에 맞게 구성하는 데 많은 시간이 걸리지 않습니다.
다음은 사이트에 추가할 수 있는 대화형 지도의 예입니다.
인터랙티브 세계 지도
대화형 세계 지도 WordPress 플러그인을 사용하면 16개의 클릭 가능한 영역이 있는 전문가 수준의 대화형 세계 지도를 쉽게 설치 및 사용자 정의한 다음 모든 페이지 또는 게시물에 단축 코드를 삽입하여 WordPress 웹 사이트에 지도를 표시할 수 있습니다.
주요 특징들
- Visual Editor – 코딩 지식이 필요하지 않습니다.
- 잘 구성된 인터페이스, 사용하기 쉬운 지도 대시보드.
- 반응형 및 모바일 친화적
- 지도를 표시하려는 페이지 수만큼 지도 단축 코드를 사용할 수 있습니다.
- 스마트폰과 함께 데스크톱에서 완벽하게 작동합니다.
2. 라이브 양식 및 설문 조사
오늘날 세계에서 데이터는 "새로운 석유" 로 묘사됩니다. 이 데이터는 일상 활동과 필요에 따라 더 나은 결정을 내리는 데 도움이 됩니다. 사용자가 데이터를 수집하는 데 도움이 되는 양식을 사이트에 두는 것은 웹 디자인에서 매우 중요한 역할을 합니다. 귀하와 고객은 고객의 요구 사항을 더 잘 이해할 때 혜택을 받습니다. 올바른 사용자 인터페이스는 질문에 대한 답변을 재미있게 만들어 더 많은 자발적인 응답과 더 많은 데이터 수집을 얻을 수 있습니다.
데이터 수집 기능에 큰 도움이 될 수 있는 예제 플러그인을 아래에서 살펴보겠습니다.
설문지
Pesi Questionnaire 는 점수 시스템으로 간단한 설문 조사를 생성하기 위한 WordPress 플러그인 솔루션입니다. 방문자 행동을 조사하고 결과 점수를 기반으로 예측 솔루션을 만들 수 있습니다. 여러 결과 페이지 의견이 더 정확한 솔루션을 제공합니다.
주요 특징들
- 결과 이메일
- 각 질문에 답할 수 있는 무제한 선택
- 저장된 결과(1.0.1 버전 이후)
- 다중 결과 페이지 의견(결과 점수에 따라 다름)
- 재사용 가능한 질문입니다.
- 실시간 업데이트
- 6개의 선택 답변 유형(예/아니오 선택, 단일 선택/라디오 선택), 다중 선택/체크박스 선택, 단일 텍스트 필드, 이미지 선택 ).
- 결과 점수.
3. 인간 또는 챗봇과의 실시간 채팅
웹 사이트에서 라이브 채팅의 사용은 수년에 걸쳐 증가해 왔습니다. 라이브 채팅은 업계 표준이 되기 위해 최첨단에서 등장했습니다. 라이브 채팅은 동료 팀 또는 사이트에서 고객의 질문에 실시간으로 답변할 준비가 된 정통한 챗봇일 수 있습니다.
메시지를 입력하거나 보낼 때마다 응답하는 UI와 결합하면 이 기능이 널리 보급된 이유를 알 수 있습니다.
아래는 이러한 목적을 지원하고 실시간 채팅 기능 외에도 더 많은 기능을 제공하는 WordPress용 라이브 채팅 플러그인입니다.
WP 구피 프로
WP-Guppy는 잘 생각되고 임상적으로 설계되고 개발된 WordPress 채팅 플러그인으로 시장 요구를 충족하도록 설계되었습니다. 품질 저하 없이 기능이 탑재되어 있습니다.
이 플러그인은 내장 데이터베이스 를 사용하는 것에 자부심을 느낍니다. 즉, WordPress 사이트 데이터베이스에 통합되고 데이터 관리 방법 등을 완벽하게 제어할 수 있습니다.
주요 특징들
- Whatsapp 채팅
- 관리자를 위한 고객 지원 채팅
- 게스트 사용자 채팅
- 읽지 않은 메시지에 대한 SMS 및 이메일 알림(유료 확장 프로그램)
- 백엔드에서 모든 채팅에 대한 관리 액세스
- 음성 메모
- 열린 거리 지도로 현재 위치 보내기
- 차단된 사용자 목록
4. 사진 갤러리
갤러리는 자선 단체에서 비즈니스 소유자에 이르기까지 많은 웹 사이트에 필수적입니다. 이 갤러리는 고객에게 과거 작업의 결과를 보여줍니다. 이 갤러리는 리드를 고객 또는 자선 웹사이트의 경우 기부자로 전환하는 데 필수적인 측면으로 작용합니다.
다음은 뛰어난 기능을 갖춘 WordPress 웹사이트에서 사용할 수 있는 아름다운 갤러리 플러그인입니다.
스마트 포토 갤러리
기본 WordPress [갤러리]를 앨범, 전체 화면 모드 및 3D 전환 효과가 있는 스마트 포토 갤러리로 전환합니다. 무제한 확장성, 모든 주요 브라우저와 호환, 반응성, 레티나 및 터치 친화성. CSS3 및 벡터 아이콘과 같은 최신 기술을 사용합니다. 사진작가의 작품을 전시하기에 적합합니다.
주요 특징들
- 기본 WordPress [갤러리] 단축 코드 사용
- 내장 쇼트코드 생성기
- 드래그 가능한 줌 기능
- 반응형 슬라이더 모드
- 이지 갤러리 앨범
- 완전히 반응하는 레이아웃
- CSS3 전환 효과
- 고도로 사용자 정의 가능
5. 애니메이션 이미지 & 인포그래픽
애니메이션 이미지는 웹사이트 디자인에 매력을 더하는 방법입니다. 간단한 벡터 그래픽의 작은 애니메이션은 말 그대로 웹 페이지에 생명을 불어넣을 수 있습니다.
인포그래픽은 애니메이션 그래픽 사용의 가장 좋은 예 중 하나입니다. 애니메이션 인포그래픽의 각 통계는 현재 진행 중인 요점을 보여줄 수 있습니다. 행동을 취하고 있는 인물의 묘사, 이동하는 상자, 데이터 흐름 등은 시청자가 전달되는 내용을 더 잘 이해하는 데 도움이 될 수 있습니다.
이러한 목적으로 사용할 수 있는 좋은 플러그인을 아래에서 살펴보겠습니다.
로티어
WordPress Editor(일명 Gutenberg)용 Lottier WordPress 플러그인을 사용하여 애니메이션 이미지를 추가하고 관리합니다. 이 플러그인은 프로젝트 시연, 다양한 프로세스 표시, 클릭 유도문안 또는 재미를 위한 기능에 적합합니다. 이러한 애니메이션은 사이트를 더욱 매력적으로 만들고 고객의 전환 및 참여를 증가시킵니다.
이 플러그인은 lottefiles.com 의 JSON 애니메이션 라이브러리를 사용합니다. 애니메이션 라이브러리에는 전 세계의 전문 디자이너가 만든 수천 개의 흥미로운 애니메이션이 포함되어 있습니다. 귀하의 사이트와 귀하의 고객에게 적합한 애니메이션을 쉽게 선택하고 단 두 번의 클릭으로 사용할 수 있습니다. 이러한 도구는 블로그, 포트폴리오, 기업 웹사이트, 크리에이티브 에이전시, 전자상거래 프로젝트, 개인 이력서, 레스토랑 또는 잡지 등 모든 유형의 WordPress 사이트 및 디자인을 개선할 수 있습니다.
주요 특징들
- 천 개가 넘는 무료 애니메이션이 있는 Lottie 라이브러리
- 사용자 지정 애니메이션 옵션
- 서 프렌들리
- 빠르고 원활한 설치
- 사용자 지정 가능한 배경색, 애니메이션 속도, 너비 및 높이
- 온라인 애니메이션 스타일 편집기
- 가볍고 빠름
- 설치 가이드 및 상세 사용 설명서
6. 360 뷰어 워크스루
360 뷰어는 현재 다양한 WordPress 플러그인 및 확장 프로그램을 통해 사용할 수 있습니다. 360도 뷰어를 통해 사용자는 가상 환경을 통해 “walk” 주변을 둘러볼 수 있습니다. 이 기능을 제공하는 플러그인을 사용하면 사이트의 방문자/클라이언트가 제품 이미지 또는 중요한 것을 설명하는 이미지 등 모든 이미지를 자세히 볼 수 있도록 도와줌으로써 웹사이트에 추가 느낌을 제공합니다.
우리는 이 목적에 특히 탁월한 역할을 할 플러그인을 보유하고 있으며 이를 보유하도록 조언할 것입니다.
Easy 360° 제품 뷰어 WordPress 플러그인
Easy 360° 제품 뷰어 it’s는 2D 또는 3D 제품의 다양한 각도에서 많은 수의 이미지를 표시할 수 있는 완전히 반응하는 레이아웃을 갖춘 풍부한 기능과 고유한 WordPress 플러그인으로 가장 만족스러운 방식으로 레이아웃을 제어할 수 있습니다. 사용자가 이미지를 회전, 이동 또는 확대/축소할 수 있습니다. 또한 딥 줌(deep zooming)이라는 멋진 기능이 있습니다. 이미지를 확대하면 이미지의 더 자세한 버전을 로드하여 압축 없이 고해상도 이미지를 사용할 수 있습니다.
주요 특징들
- 사용 및 설치 용이
- 빠른 CSS3 & JavaScript
- 딥 줌
- 데이터 드래그 앤 스핀
- 게으른 로딩
- 게으른 스크롤
- 핀치 앤 줌 제스처
- 키보드 지원
7. 대화형 소셜 월
소셜 미디어는 교외처럼 인터넷을 통해 웹 사이트와 브랜드로 확산되었습니다. 우리는 Facebook 및 Twitter와 같은 거인에 국한되지 않고 사용자가 소규모 플랫폼에서도 개별 소셜 미디어 그룹을 구성하는 것을 즐긴다는 사실을 발견했습니다. 사용자 멤버십, 프로필 및 메시지가 있는 브랜드는 대화형 소셜 담벼락을 추가하여 이점을 얻을 수 있습니다.
이 소셜 월을 WordPress 웹사이트에 통합하려는 경우 이 목표를 달성하는 데 도움이 될 수 있는 아주 좋은 플러그인을 아래에서 살펴보겠습니다.
소셜 스트림 디자이너 - Instagram Facebook Twitter 피드 - 소셜 미디어 피드 그리드 갤러리 플러그인
WP Social Stream Designer 플러그인은 이에 완벽합니다. 이 플러그인은 Twitter, Instagram, Facebook, RSS 등과 같은 다양한 플랫폼에서 소셜 미디어 콘텐츠를 가져오는 데 사용되어 WordPress 웹사이트에서 아름다운 반응형 벽을 제공합니다. 모든 소셜 네트워크 피드를 단일 네트워크 스트림으로 결합하거나 다른 디자인과 레이아웃으로 하나의 소셜 네트워크 피드를 표시할 수 있습니다.
주요 특징들
- Twitter: 홈 타임라인, 사용자 피드, 해시태그, 사용자 목록, 좋아요를 포함한 *(모든 키워드)별 검색 피드
- Facebook: 페이지 게시물, 앨범의 게시물, 게시물이 있는 모든 앨범, 이벤트 게시물, 그룹 게시물
- Youtube: 사용자 피드, 채널, 재생 목록 및 검색
- 텀블러: 사진
- Flickr: 태그별 사진, 사용자의 공개 사진
- Instagram: 사용자 이름 및 해시태그로 공개 사진
- Pinterest: 최신 핀 및 공개 보드
- Vimeo: 사용자의 공개 동영상, 채널, 앨범, 그룹 및 사용자가 좋아하는 동영상
8. 음성 명령 및 응답
음성 명령을 사용하면 장애가 있는 사용자 접근성 게임을 시작할 수 있습니다. 지금 웹사이트에 음성 명령과 반응형 기능을 구축하면 경쟁업체가 게임에 뛰어들 때쯤 됩니다.
WordPress 사이트에서 사용할 것을 권장하는 좋은 음성 명령 및 응답 플러그인을 살펴보겠습니다.
WordPress용 가상 도우미
가상 도우미, WordPress용 음성 명령, 나만의 Google Now, Siri 또는 Cortana 구축.
주요 특징들
- Virtual Assistant용으로 만들 수 있는 무제한 음성 명령.
- 아래, 위, 가운데, 위, 아래, 요소, 원하는 위치까지 스크롤
- 백엔드에서 작업 & 프런트엔드
- 지구상의 거의 모든 언어 지원
- 음성: 블로그를 음성으로 만들기
- 페이지의 아무 요소나 클릭
- 새 게시물 또는 페이지, 제품, 태그, 카테고리 등 만들기로 이동…
- 장바구니에 제품 추가(Woocommerce)
9. 적응형 테마 & 배경
다크 모드는 많은 사용자가 거의 전적으로 흰색 바탕에 회색 브라우징 스타일로 전환함에 따라 인터넷을 강타했습니다. 웹사이트에 색상을 올바르게 사용하는 것은 브랜드와 이상적인 사용자 경험에 따라 달라지며 반응형 테마로 이를 확장하여 브랜드에 대한 각 사용자’의 개인적인 경험을 향상시킬 수 있습니다.
어둡게
WordPress 관리 및 로그인 페이지의 모양을 변경할 수 있는 WordPress Light/Dark 테마 플러그인. It’s는 기본적으로 수천 개의 WordPress 플러그인과 호환됩니다. 사용자 정의 색상 기능으로 다크 모드 배경 텍스트와 색상을 원하는 대로 사용자 정의할 수 있습니다.
주요 특징들
- 관리자 색상 변경
- 왼쪽의 메뉴/하위 메뉴 이름 바꾸기/제거
- 전체 색상 변경
- 로그인 페이지 로고 변경
10. 인터랙티브 예약 및 캘린더
캘린더는 비즈니스에서 상담 및 약속을 제공할 때 매우 유용합니다. 대화형 예약 기능을 사용하면 온라인 고객이 가용성을 탐색하고 자신의 시간에 약속 기능을 테스트할 수도 있습니다. 라이브 캘린더를 표현하는 방법에는 여러 가지가 있으며 귀하의 브랜드는 귀하의 웹사이트’의 최고의 스타일과 대화형 기능을 정의하는 데 도움이 될 수 있습니다.
EventON - WordPress 가상 이벤트 캘린더 플러그인
WordPress용 EventON 이벤트 캘린더는 복잡하지 않은 최소한의 디자인으로 이벤트를 제공하는 아름답게 제작된 이벤트 캘린더입니다. 우리는 업계의 최신 디자인 트렌드에 맞설 EventON을 디자인하는 데 자부심을 느낍니다.
EventON은 고도로 사용자 정의 가능한 반복 이벤트, 다중 이벤트 이미지, 무제한 이벤트 생성, 다양한 캘린더 레이아웃 디자인, 이벤트 위치 및 주최자, 다중 데이터 유형 및 언어 대응 이벤트 등과 같은 고급 기능과 같은 200+ 유용한 기능을 제공합니다.
주요 특징들
- 단일 및 여러 날 이벤트 지원
- 종일 이벤트 만들기
- 일정에서 특정 이벤트 제외
- 위도와 경도로 위치 설정
- 종료 날짜나 시간 없이 이벤트 만들기
- wp-admin의 중복 이벤트
- 이벤트 장소 이미지 설정
- 위치를 저장하고 이벤트에 재사용
결론
위는 모든 웹사이트의 사용자 인터페이스 및 사용자 경험(UI 및 UX)에서 막대한 역할을 한다고 생각되는 다양한 예가 포함된 플러그인 유형 중 일부입니다. 사이트의 요구 사항을 충족하는 본질에 따라 사용할 플러그인을 선택할 수 있습니다.
