에너지 및 공공 시설을위한 UX : 설계, 사용하기 쉽고 신뢰를 창출하는 방법.

인생의 실제 문제 : 에너지 웹 사이트를 방문하는 방법? 미로에서 잃어버린 이유는 무엇입니까?
이렇게 느낀 적이 있습니까? 전원이 꺼지고 전기 서비스 제공 업체 웹 사이트의 정보를 확인하고 대신 "문제를보고 / 정전을 확인 / 정전을 확인하십시오"메뉴를 찾거나 온라인으로 물비에 대한 비용을 지불하고 싶을 때 메뉴를 찾으십시오. 그러나 두통에 대한 여러 계층에 대한 단계는 이전과 같이 포기하고 카운터에서 지불해야 할 때까지 모든 정보를 작성해야합니다.
일반 사용자뿐만 아니라 지속 가능성 보고서 (Sustainability Report)를 찾고자하는 투자자 (지속 가능성 보고서) 또는 홍보에 대한 정보가 필요한 언론인도 종종 같은 문제가 발생하는 경우 에너지 회사와 유틸리티의 웹 사이트입니다. 대부분의 기술은 복잡한 웹 구조를 이해하기가 어렵고 원하는 정보는이 업계의 "공동 사각 지대"와 같은 문제가 거의 발견되지 않습니다. 따라서 사용자는 좌절감을 느끼고 신뢰하지 않습니다
삽화 프롬프트 :
에너지/유틸리티 웹 사이트를 여는 컴퓨터 앞에서 혼란스럽고 좌절하는 사용자의 표현 (노인, 사업주, 투자자)을 보여주는 그래픽 이미지. 복잡한 레이아웃 아이콘과 물음표
대부분의 에너지 웹 사이트를 사용하고 혼동하기 어려운 이유는 무엇입니까?
이 웹 사이트를 사용하기 어려운 주된 이유. 뒤쳐지는 기술이 아니라 처음부터 잘못된 설계 지점의 "관점"에서 대부분의 사람들은 "사용자 코너"(사용자 중심)을 보는 대신 메인 "코너 코너"(조직 중심)에서 볼 수 있도록 설계되었습니다.
이러한 웹 사이트가 일반적으로 내부 조직 계획을 반영하는 메뉴 구조로 가득 차 있다고 상상해보십시오. 어느 쪽이 있습니까? 기술 어휘 또는 외부인이 이해하지 못하는 프로젝트 이름 인 언어를 사용하십시오. 또한 청구서 지불, 문제보고 또는 새로운 세대의 에너지 및 공개 웹 웹 사이트의 중요한 구성 요소 합니다.이 문제의 기초가 소규모 고객, 비즈니스 고객 또는 투자자가 웹 사이트가 만들어지지 않는다고 느끼는 다양한 그룹의 사용자를 일으키지 않습니다.
삽화 프롬프트 :
"웹 구조, 조직에서보기"(복잡한 조직 계획)와 "웹 구조, 사용자로부터보기"(청구 아이콘,보고, 투자자와 같은 이해하기 쉬운 아이콘, 투자자) 간의 인포 그래픽 비교.
웹 사이트가 계속 사용하도록 허용하면 예상보다 더 많은 영향을 미칩니다.
UX (사용자 경험)가 좋지 않은 웹 사이트가 있으면 사소한 문제가 될 수 있습니다. 그러나 에너지와 공공 시설의 경우 그 영향은 심각하며 내가 생각하는 것보다 가격이 더 높습니다.
- 높은 고객 서비스 비용 : 사용자가 온라인 거래를 할 수 없거나 정보를 찾을 수없는 경우 솔루션이 콜센터에 전화하여 회사가 더 많은 직원을 고용하여 질문에 반복적으로 답변 할 수 있습니다. 웹 사이트에서 끝나야합니다
- 만족도와 신뢰 감소 : 디지털 세계에서의 나쁜 경험은 브랜드의 이미지에 직접적인 영향을 미치며 고객이 조직이 신뢰할 수없고 현대적이지 않고 신뢰할 수없는 것이 아니며 대중의 신뢰가 필요한 비즈니스에 매우 위험하다고 느끼게합니다.
- 누락 된 비즈니스 기회 : 어려운 웹 사이트는 고객이 다른 디지털 서비스를 사용하고 싶지 않습니다. 추가 서비스 신청 또는 다양한 에너지 절약 프로젝트 참여와 같은 조직이 가질 수 있습니다.
- 법적 위험 : 장애인 (접근성)의 액세스를 지원하지 않는 웹 사이트는 법적 문제와 소송으로 이어질 수 있습니다. 특히 국제 수준에서 웹 사이트의 ADA 표준을 준수하는 것의 중요성을 .
마지막으로 이러한 효과는 부식 될 것입니다. 이 그룹에서 조직의 가장 중요한 자산 인 "신뢰"는 천천히 천천히.
삽화 프롬프트 :
그림은 한 그림에서 3-4의 부정적인 영향을 보여줍니다. 긴 대기열, 스트레칭, 별 모양의 아이콘이있는 전화 아이콘, 점수가 낮은 점수, 배관 아이콘 및 갈라진 방패 아이콘이 있습니다. 더 높은 비용, 만족도 감소 및 신뢰성을 파괴하기 위해
솔루션은 UX/UI에 있습니다. 좋은 : 어디에서 고쳐야합니까?
복잡한 웹 사이트를 쉽고 신뢰할 수있는 것으로 바꿉니다. "사용자 중심 디자인"에 대한 관점을 변경하여 시작해야합니다.
- 사용자 이해 (사용자 연구) : 웹 사용자는 누구인지 명확하게 지정해야합니까? (예 : 가정 고객, 공장 소유자, 투자자, 정부 기관) 및 각 그룹이 웹 사이트에서하고 싶어합니까? 진정한 수요를보기 위해 사용자 페르소나를 만듭니다.
- 정보 아키텍처 : 조직을 기반으로 원래 메뉴 구조를 남겨 두십시오. 그런 다음 "지불 청구서/서비스", "정보 및 도움말", "미국 및 투자자 소개", "프로젝트 및 지속 가능성"과 같은 "사용자 미션"을 기반으로 새로운 구조를 만듭니다.
- 명확성과 단순성 강조 (명확성 및 단순성) : 불필요한 내용을 자릅니다. 사람들이 이해하는 언어를 사용하여 기술 용어를 피하고 얼굴 설계 (UI- 사용자 인터페이스)를 깨끗하고 편안하게하고 사용자를 빠르게 목표로 이끌어줍니다.
- 사용하기 쉬운 채널을 만듭니다. (작업 지향 설계) : 청구서 지불 또는 문제를 짧고 확고하게보고하는 등 몇 번의 클릭으로 사용자가 종종하는 작업 절차를 설계하십시오.
- 액세스의 중요성 (접근성) : 모든 사람이 사용할 웹 디자인. Nielsen Norman Group 과 같은 전문가의 원칙을 참조하는 데 전 세계의 주요 조직이 중요성을 부여하는 중요한 표준 인 시각 장애 또는 운동을 포함하여 훌륭한 지침으로 간주됩니다.
사용자 분석에서 시작하여 새로운 데이터 구조를 세우는 것이 UX/UI 개선의 핵심이며 시점에서 문제를 해결합니다.
삽화 프롬프트 :
UX를 개선하는 4 가지 주요 단계를 보여주는 인포 그래픽 : 1. 아이콘 아이콘에는 확장 안경이 있습니다. (사용자 분석), 2. 간단한 웹 구조 계획 (새 구조), 3. (명확성 강조), 4. 짧은 텍스트가있는 비활성화 된 (액세스)의 아이콘 이미지
실제의 예 : "ABC Electric Company"가 UX를 돌려 막대한 비용을 줄일 때.
이미지를 명확하게보기 위해이 문제에 직면 한 지역 전기 서비스 제공 업체 인 "ABC Electric Company"의 해상도를 높이고 싶습니다. 그들의 오래된 웹 사이트에는 포장 된 정보가 가득합니다. 그러나 사용자는 청구서를 지불 할 메뉴를 찾을 수 없었습니다. 전화가 콜센터에 전화하여 "온라인 청구서를 지불하는 방법?"
회전의 사명 : 팀은 모든 새로운 UX/UI에 투자하기로 결정했습니다. 사용자 연구에서 시작하여 "청구서 지불"및 "정전 정전 검사"는 사용자가 가장 필요한 2 개의 임무라는 것을 발견했습니다. 따라서이 2 개의 버튼을 크고 뛰어난 최초의 새 페이지를 모두 설계했습니다. 또한 청구 프로세스를 3 개의 간단한 단계로만 조정하고 이해하기 쉬운 실시간으로 전원 출력 상태를 보여주는 맵을 작성하는 동안
놀라운 결과 : 새로운 웹 사이트를 시작한 지 3 개월 만에 결과는 다음과 같습니다.
- 청구서에 대한 전화 횟수는 45%감소합니다.
- 온라인 청구 거래 수는 70%증가했습니다.
- 디지털 채널과 관련된 고객 만족 스코어 (CSAT) 25%
사용자를 이해하는 UX/UI 설계 서비스 에 대한 투자를 증명하는 예입니다 웹 사이트를 더 아름답게 만들뿐만 아니라 운영 비용을 줄이고 고객과 지속 가능한 관계를 만드는 데 도움이되는 투자입니다.
삽화 프롬프트 :
웹 사이트 "ABC Electric Company"의 화면 사진을 개선하기 전에 (지저분하고 작은 버튼, 메뉴를 찾을 수 없음) 및 개선 후 (청소, 청구 버튼 "및"체코 파워 "를 개선 한 후에는 놀라운 결과를 얻었습니다.
따르고 싶다면 어떻게해야합니까? 점검 목록 UX Health Check 웹 사이트
당신의 눈입니다! 이 간단한 점검표를 사용하여 UX/UI Healthy 웹 사이트를 확인하십시오. 그리고 어떤 포인트를 즉시 개선 할 수 있는지 확인하십시오
- [] 첫 페이지가 즉시 답변됩니까? : 사용자는 많은 화면을 슬라이드하지 않고 처음 5 초 안에 "메인 미션"(예 : 청구서 지불, 정보 검색)을 찾을 수 있습니까?
- [] 탐색 메뉴가 정말로 이해하기 쉬운가요? : 메뉴의 이름은 사람들이 이해하는 언어입니까? 아니면 여전히 내부에서 이름/프로젝트 이름을 사용하고 있습니까? 메뉴 구조는 반영되어야합니다. 조직 구조가 아닌 컨텐츠 유형
- [] 정보는 얼마나 쉽게 찾을 수 있습니까? : 안전 정보, 지속 가능성 및 감독에 쉽게 액세스 할 수 있습니까? 투명성과 신뢰성을 창출하려면? 이들은 조직 웹에서 신뢰를 구축하는 데 도움이되는 중요한 구성 요소입니다.
- []는 100% 휴대 전화 사용을 지원합니까? : 실제 휴대 전화로 웹 사이트를 열어보십시오. 그리고 다양한 임무를 실험하면 매 단계마다 원활하게 작동하는지 아닌지 확인하십시오.
- [] 개인 정보에주의를 기울입니까? : 명확한 개인 정책이 있습니까? 찾기 쉽습니까? 이 시대에는 사용자의 개인 정보 보호가 매우 중요합니다 .
- [] 모두가 액세스 할 수 있습니까? (접근성) : 문자의 색상은 배경과 충분히 대조됩니다. 편지의 크기가 너무 작습니까? 아직 중요한 사진에 대한 대체 텍스트가 있습니까?
이 질문에 대답하기 시작하십시오. 당신은 당신의 웹 사이트를 엄청나게 개발할 수있는 기회를보기 시작할 것입니다.
삽화 프롬프트 :
아름다운 체크리스트 이미지, 각 항목에 아이콘이있는 인포 그래픽 스타일 (예 : 아이콘, 사진 시계, 메뉴, 문서 파일, 휴대 전화)은 실제로 사용할 수있는 도구처럼 느껴집니다.
사람들이 UX Energy 웹 사이트에 대해 의심하는 경향 (FAQ)
나는 종종 들리는 질문을 편집했습니다. 명확한 답변 으로이 업계의 웹 사이트를위한 UX/UI 디자인 정보
질문 : 우리의 비즈니스는 대규모 서비스 제공 업체입니다. 그러나 고객은 사용해야합니다. 투자가 정말로 필요한 UX/UI입니까?
답 : 매우 필요합니다! 고객은 선택의 여지가 없지만 브랜드와 함께하는 "경험"은 비용과 신뢰성에 직접적인 영향을 미칩니다. 우수한 UX를 갖는 것은 콜센터의 "부담을 줄이기", 작업의 "효율성을 높이고"공개 및 감독을위한 "좋은 이미지 만들기"에 도움이됩니다. 결국, 그것은 장기 비즈니스에 좋은 영향을 미칩니다.
Q : 우리 조직의 정보는 많이 있고 매우 복잡합니다. 어떻게 "간단"할 수 있습니까?
답 : 심장은 "진보적 인 공개"입니다. 첫 페이지에 모든 것을 보여줄 필요가 없습니다. 가장 중요하고 필요한 것들만 먼저 보여 주려면, 특히 인포 그래픽, 짧은 비디오 또는 총알 포인트를 사용하여 관심있는 부분에서 사용자가 "자세한 내용을 보려면 클릭하십시오"를 클릭하면 복잡한 정보를 소화하여 이해하기 훨씬 쉽게 이해하는 데 도움이됩니다.
질문 : 모든 사람의 접근을 지원하기위한 설계. (접근성) 높은 비용이 있습니까?
답 : "비용"보다 더 가치있는 "투자"로 여겨 져야합니다. 처음부터 접근성으로 간주되는 디자인 ( UXPA )은 사용자 기반을 사회의 모든 사람을 커버하기 위해 사용자 기반을 확장하고 고소 위험을 줄이며 SEO 점수를 향상시키는 데 도움이되는 중요한 요소입니다.
삽화 프롬프트 :
아이콘, 물음표 및 사고 전구가있는 질문중인 아이콘 (Q & A)의 그림. 각 질문의 짧은 키워드 (예 : 비용?, 복잡성?, 접근성?)
요약 : 지루한 에너지 웹 사이트를 변경할 때입니다. 신뢰할 수있는 도구입니다
이 시점에서 우리는 이미 에너지 및 유틸리티 웹 사이트를위한 UX/UI 디자인과 동일한 이미지를 보았습니다. 그것은 단지 아름다움의 문제 일뿐 만 아니라 의사 소통, 효율성의 "마음"입니다. 그리고 디지털 시대에 대한 신뢰를 구축하는 것은 "조직이 원하는 것"을 충족시키는 경험을 창출하기 위해 "조직"을 제시하는 것 "을 제시하는 것"을 제시하는 것 "을 제시하는 것이 가장 중요한 변화입니다.
그것은 "디지털 디지털"에서만 웹 사이트 변경으로 모든 사람에게 효과적이고 친절한 "자기 서비스 도구"가되기 위해 지루합니다. 오늘부터 시작해보십시오. 자신의 웹 사이트를 제공하는 체크리스트를 사용해보십시오. 사용자를 업그레이드하고 고객과 강력한 관계를 구축하는 방법을 확실히 볼 수 있습니다.
귀하의 조직은 웹 사이트를 디지털 시대의 신뢰와 성공의 문으로 변경할 준비가 되었습니까? 에너지 및 유틸리티를위한 주요 웹 사이트 솔루션을 찾고 있다면 아름답고 우수한 UX와 함께 제공됩니다.
삽화 프롬프트 :
강력한 최종 이미지 : 사용자의 손은 새로 설계된 Energy 웹 사이트의 첫 페이지를 보여주고 사용하기 쉬운 태블릿 화면을 만지고 있습니다. 청정 에너지 발전소 또는 현대식 풍력 터빈의 배경 이미지와 함께 새롭고 신뢰할 수있는 새로운 시대로의 전환을 전달합니다.
최근 블로그

오프닝 속도, 미용 및 스케일 능력을 강조하는 스타트 업을 위해 충격, 웹 플로우 및 프레이머 사이의 충격을 비교하십시오.

웹 속도는 기술적이지 않습니다! 핵심 웹 생명 (LCP, INP, CLS)은 SEO 순위, 사용자 경험 및 조직 웹의 이익에 영향을 미치는 것입니다.

바닥 글을 내려다 보지 마십시오! UX를 개선하고 SEO를 보충하며 방문자를 리드로 바꾸는 데 도움이되는 웹 사이트 바닥 글 디자인 기술 모음.