조직의 웹 플로우에 대한 준비 환경 관리.

웹은 2시에 깨졌습니다! 웹 메이커의 삶에서 실제 문제

회사 웹 사이트에서 '게시'버튼을 누를 때마다 척추를 느낀 적이 있습니까? 특히 사람들이 항상 사용하거나 다음날 마케팅 팀이 프로모션을 조금 고치기를 원하는 큰 캠페인을 할 것입니다. 디자인 팀은 버튼을 더 아름답게 옮기고 싶어하며, 우리는 간병인이며 일부 코드를 업데이트하고 싶습니다 ... 모든 사람은 좋은 의도가 있습니다. 그러나 빈번한 결과는 "여기에서 이것을 해결하기 위해 이것을 해결하십시오"입니다.

전형적인 상황은 CSS를 하나의 줄만 편집하는 것입니다. 그러나 일부 휴대 전화에서는 아름다운 레이아웃 페이지가 부러졌습니다. 또는 최신 업데이트 후 가장 중요한 고객 연락 양식은 반나절이 엄청난 비즈니스 기회를 잃어 버렸다는 사실을 깨닫기 전에 사용할 수 없습니다. 이것은 단순한 기술 문제가 아닙니다. 그러나 스트레스를 일으키고 팀의 불신을 일으키고 불필요하게 작업을 지연시키는 것은 문제입니다.

-삽화를위한 홍보-

팀의 그림은 컴퓨터 화면의 통증으로 미친 웹을 보여줍니다. 앞뒤로 화살을 가리키면 실제로 라이브가있는 웹의 수정에서 혼란과 혼돈을 전달합니다.

내가하려는 웹 사이트가 왜해야합니까? 손가락 끝을 쉽게 깰 수 있습니까?

큰 문제가 될 때까지 축적되는 작은 재난 나무. 일반적으로 팀의 악성이 아니라 "체계적인 프로세스 부족"으로 인한 것이 아닙니다. 특히 웹 플로와 같은 독립 플랫폼에서 팀으로 일할 때

주요 원인은 다음과 같습니다.

• "리허설 실습"은 없습니다. "실제 단계"(라이브 사이트)의 모든 수정안은 실제로 행동하기 전에 대본을 연습하지 않은 배우와 같습니다. 실수의 기회는 매우 높습니다. 우리는 시행 착오에 대한 안전한 지역이 없습니다.
• "원한 쇼"워크 플로 : 많은 조직에서 여전히 전통적인 방법을 사용합니다. 즉, Person Press가 병목 현상 문제를 일으키는 사람에게 Publish를 발행하게하고 그 사람이 실수를 저지르면 아무도 먼저 확인하는 데 도움이되지 않았습니다.
• 웹 플로에 대한 오해 : 어떤 사람들은 웹 플로우를 사용하기 쉽다고 생각할 수도 있습니다. 풀을 끌고 Press Publish는 진실의 절반입니다. "울타리"또는 "연습"이 없으면 단순성은 이중 편이 칼이 될 수 있습니다.
• 테스트의 중요성을 간과하십시오 : 전문 소프트웨어 개발의 세계에서 아무도 테스트없이 코드를 공개하지 않았습니다. 그러나 웹 세계에서 많은 팀 이이 단계를 간과하고 있습니다. 이것은 모든 문제의 시작입니다. 좋은 조직 웹 사이트의 전체 사진을보고 싶다면이 확인 목록을 살펴보십시오. 궁극적 인 회사 웹 사이트 점검표

-삽화를위한 홍보-

많은 사람들 (마케팅, 디자인, 개발자)의 많은 화살표를 보여주는 쉬운 인포 그래픽 이미지는 "오류"기호 또는 "파손"이 될 때까지 동일한 웹 사이트 아이콘을 가리 킵니다.

"웹 해체"를 보자면 예상보다 더 많은 영향을 미칩니다.

웹 사이트에는 빈번한 오류가 있습니다. 단지 작은 지점이더라도 앉아서 고치는 것은 시간 낭비가 아닙니다. 그러나 그것은 더 끔찍한 비즈니스 수준에서 체인에 영향을 미칩니다.

• 브랜드의 신뢰성 손실 : 웹 사이트는 회사의 모습입니다. 고객은 귀하의 브랜드를 볼 것입니다. "비전문가"와 감소 된 신뢰는 즉시 감소 할 것입니다.
• 사용자 경험 파괴 (사용자 경험) : 문제에 직면 한 고객은 좌절감을 느끼고 즉시 웹 사이트를 떠납니다 (높은 이탈률). 그가 다시 돌아올 가능성은 거의 0입니다. 그리고 그것은 고객을 영원히 경쟁 업체로 잃는 것을 의미합니다
• 비즈니스 기회를 직접 잃는다 : "주문 버튼"또는 "견적 요청"인 경우 짧은 시간에 작동하지 않습니다. 이는 공중에서 누락 된 10 만 또는 수백만 명이 의미 할 수 있습니다.
• 팀의 성과는 감소했습니다. 팀 대신 팀이 새로운 것을 만드는 데 시간을 보냈습니다. 대신 반복해서는 안되는 것과 동일한 문제를 해결하기 위해 "소화 소화"로 시간과 에너지를 낭비해야합니다. 이는 팀에서 손상시키고 갈등을 훼손하기가 쉽습니다. 대규모 조직의 웹 플로우를 고려하십시오 이것을 매우 많이 고려해야합니다.

이 문제를 만성적으로 보이게하는 것은 보트에 작은 누출이 결국 채워지기를 거부하는 것과 같습니다. 전체 보트가 침몰하게 될 수 있습니다.

-삽화를위한 홍보-

전환율, 고객 신뢰 및 팀 사기를 보여주는 막대의 그래프는 그래프 옆에 눈살을 찌푸린 아이콘으로 급락합니다.

소스에서 문제를 해결하는 방법 : 웹 플로에서 "스테이징 환경"을 알아보십시오.

좋은 소식은 웹 플로입니다. 이 문제를 이해 하고이 문제를 해결하기 위해 가장 강력한 도구를 준비하십시오. ** 스테이징 환경 ** 또는 많은 사람들이 도메인 이름에 익숙합니다. ** ". webflow.io"**

스테이징 환경에 대한 가장 쉬운 이해는 ** "모델링 웹 사이트"** 이는 모든 측면에서 실제 웹 (라이브 사이트)의 복제입니다. 그러나 외부인이나 Google은 팀이 다음과 같은 "연습장"을 볼 수없는 개인 공간입니다.

• 모든 변경 사항을 테스트하십시오. 새로운 디자인이든 새로운 컨텐츠 추가 또는 사용자 정의 코드 입력 여부에 관계 없이이 시뮬레이션 된 웹 사이트에서 결과를 먼저 볼 수 있습니다.
• 정확도 확인 : 링크를 보낼 수 있습니다.이 보스, 고객 또는 관련 팀은 다양한 장치 및 브라우저에서 주문을 확인하는 데 도움이 될 수 있습니다.
• 게시하기 전에 승인 : 모든 사람이 참여하면 만족스럽고 "승인"이 될 때까지 확인하십시오. 그러면 출판물을 누릅니다. 한 번의 클릭으로 실제 웹 사이트의 모든 변경 사항.

이 개념은 새로운 것이 아닙니다. CI/CD (Continuous Integration/Continuous Deployment)라는 소프트웨어 개발 산업의 표준으로 오류를 줄이고 작업 속도를 높이는 데 도움이됩니다. CI/CD에 대해 자세히 알아보십시오. 여기서이 과정의 적용은 진정으로 전문적인 작업의 시작입니다.

-삽화를위한 홍보-

간단한 다이어그램은 왼쪽의 왼쪽에있는 "스테이징 환경 (site.webflow.io)"이며 아이콘이 확대되고 도구가 웹을 테스트하고 있습니다. 녹색 자국이 있습니다. 그런 다음 방패와 웃는 사용자 아이콘이있는 오른쪽을 가리키는 화살표가 있습니다.

실제 예 : 마케팅 팀이 "Publish"를 누르는 것을 두려워하지 않을 때

SaaS 서비스를 제공하는 하나의 기술 스타트 업에 두통 문제가 발생했습니다. 그들의 마케팅 팀은 새로운 캠페인을 시작하는 데 매우 능숙합니다. 제품 팀은 웹 사이트의 기능을 개선 해야하는 반면, 웹 사이트는 겹치는 작업으로 인해 웹 사이트가 매주 충돌해야합니다. 그들이 "스테이징 워크 플로"를 진지하게 사용하기로 결정할 때까지

원래 문제 : 마케팅 팀, 프로모션 페이지 편집이지만 글로벌 CSS에 영향을 미치기 위해 추진하여 제품 팀의 가격 책정 페이지의 버튼이 왜곡을 보여줍니다.

스테이징 워크 플로 :

1. 명확한 정책 : "실제 웹 사이트 (제작)에 직접 게시하지 마십시오. 모든 변경 사항은 먼저 준비를 통과해야합니다."
2. 프로세스 만들기 : 마케팅 팀은 방문 페이지에 대한 솔루션을 가지고 있으며 'staging.company.webflow.io` 만 게시 한 다음 Slack Group에 링크를 보내 프로젝트 관리자와 제품 리더를 허용합니다.
3. 확인 및 승인 : 모든 사람은 아무것도 깨지지 않을 것이라고 확신 할 때까지 스테이징 사이트에서 테스트하는 데 도움이됩니다. 승인 (슬랙에서 "승인"인쇄) 실제 웹에 게시를 담당하는 사람.

놀라운 결과 : 3 개월 이내에 실제 웹에서 심각한 오류의 비율은 "0"입니다. 마케팅 팀은 A/B 테스트를 시도 할 수 있습니다. 깨진 웹 사이트에 대한 두려움없이 자유롭게 준비하는 새로운 캠페인. 새로운 일자리를 공개하는 속도는 까다로운 문제를 해결하기 위해 앉아 시간을 낭비 할 필요가 없기 때문에 40% 증가했습니다. 그리고 가장 중요한 것은 팀의 모든 사람들이 더 편안하게 일하고 서로를 신뢰하는 것이 명확한 기업을

-삽화를위한 홍보-

첫 번째와 사후 측면의 사진은 스트레스가 많은 팀으로, 같은 팀이 옆으로 부러진 컴퓨터 화면을 가리키며 같은 팀이 웃고 엄지 손가락을주고 있습니다. 그래프의 배경으로

따르고 싶다면 어떻게해야합니까? (즉시 사용할 수 있음)

이 강력한 스테이징 워크 플로우를 즉시 5 가지 간단한 단계로 사용하여 작업을 영원히 바꿀 수 있습니다.

컨텐츠를 설계, 편집 또는 코드 추가하든 평소와 같이 디자이너의 수정 당신이 해왔던 것처럼 웹 플로 디자이너의 모든 것을하십시오.

2 단계 : "만"준비에 게시하는
것이 가장 중요한 단계입니다! "TIK가 사용자 정의 도메인 (실제 웹 사이트)에서 마크를 가져 왔으며 도메인 웹 flow.io만으로"선택한 도메인에 게시 "를 누르십시오. 이렇게하면 시뮬레이션 웹 사이트에서 모든 변경이됩니다.

3 단계 : 준비 링크를 확인하고 테스트하고
``your site.webflow.io '링크를 복사하고 관련된 모든 사람에게 보내십시오. 정확도를 확인하는 데 도움이되는 리더, 고객 또는 QA (품질 보증) 팀이 모든 버튼을 클릭하여 모든 양식을 작성하고 다양한 장치 (데스크탑, 태블릿, 모바일)의 디스플레이를 확인하려고합니다.

4 단계 : 피드백 및 승인을 수집하십시오.
Slack, Asana 또는 Trello와 같은 중앙 커뮤니케이션 도구를 사용하여 피드백을 수집하고 당국의 서면으로 "확인"을 기다립니다. 모든 사람이 이미 보았는지 확인합니다

모든 것이 완벽하고 승인 된 경우 실제 웹 사이트 (제작)에 게시하십시오 다시 게시 창로 돌아갑니다. 이번에 ** ** "Tik은 사용자 정의 도메인에 바로 있습니다"** (그리고 WebFlow.io out를 체크 할 수 있음) 및 Publish를 누릅니다. 이것은 100% 자신감으로 세계의 눈에 잘 전달 된 작품을 발표 할 두 번째입니다. WebFlow University 의 자세한 정보를 직접 참조하십시오.

-삽화를위한 홍보-

웹 플로에서 게시 창의 화면 캡처는 2 단계에서 Tick -tick ".webflow.io 도메인"을 선택하고 5 단계에서 진드기 "사용자 정의 도메인"을 선택할 강조 표시가 있습니다.

사람들이 궁금해하는 경향이있는 질문과 정해진 답변

Q1 : 그리고 스테이징 웹 사이트 (.webflow.io)는 Google에서 수집하여 표시됩니까?
A : 아니요, 웹 플로우는 스테이징 사이트의 "NoIndex"태그가 자동으로 매우 똑똑합니다. Google과 같은 검색 엔진이 데이터를 수집하고 중복 컨텐츠를 생성하지 않도록합니다.

Q2 : 계정 웹 플로우가없는 사람들. 준비 웹 사이트를 볼 수 있습니까?
A : 물론. 누구나 고객이나 경영진에게 보내서 작업을 검사하는 데 매우 적합한 일반 웹 사이트처럼보고 테스트 할 수 있도록``your-site.webflow.io`를 보낼 수 있습니다.

Q3 : 실제 웹 사이트에 비밀번호 보호 기능이 있으면 스테이징이 암호를 전달합니까?
A : 그렇습니다. 비밀번호 설정은 실제 웹과 스테이징 웹 사이트 모두에서 사용되므로 아직 완료되지 않은 작업이 라이센스가있는 사람이 만 볼 수 있다고 확신 할 수 있습니다.

Q4 : WordPress와 같은 다른 장소에서 웹 플로우로 웹을 이동하려면 스테이징을 사용하여 먼저 테스트 할 수 있습니까?
A : 그렇습니다. 그리고 그것은 매우 권장되는 방법입니다! 웹 플로에서 새 웹 사이트를 만들고 준비 환경을 사용하여 실제 도메인 스위치 전에 100% 완료 될 때까지 데이터 이동, 설계 및 모든 기능을 테스트 할 수 있습니다. 여기에서 이동하는 웹에 대해 자세히 알아보십시오. WordPress에서 웹 플로로 웹 이동 설명서

-삽화를위한 홍보-

큰 질문 이미지 아이콘 (?) 중간에는 단어 FAQ가 있으며 Google, Lock 키 및 다양한 사람들과 통신하는 작은 아이콘이 있습니다. 다양한 질문을 전달합니다

요약 : 출판 할 때마다 "두려움"을 "용감한"것으로 변경하십시오

준비 환경을 사용하는 것은 단순한 기술적 문제가 아닙니다. 그러나 기업 문화를 완전한 전문성으로 바꾸는 것이 "희망"에서 일을하는 것부터 모든 단계를 통제하고 느낌을 바꾸는 것입니다. "Typy"가 "자신감"으로 출판 할 때마다 "Typy"

조직의 웹 사이트는 작은 실수로 인해 기회와 신뢰성을 파괴 할 수없는 비즈니스 도구입니다. 워크 플로 생성을위한 시간 투자는 오늘날의 준비를 통해 작동합니다. 팀과 회사를 위해 만들 수있는 가장 가치있는 투자 중 하나입니다.

이제 웹 플로우에서 작업을 업그레이드하고 효율적이며 체계적으로 업그레이드 할 때입니다. 이 프로세스를 시도하여 다음 업데이트에 적용하십시오. 그리고 당신은 조직의 웹이 전에 두통이 적은 적이 없다는 것을 알게 될 것입니다!

시스템 시스템, 웹 플로우 웹 사이트 전문가 인 파트너가 필요한 경우 우리 팀은 조언을 제공 할 준비가되었습니다. Advanced Webflow Development Service 또는 모든 새로운 조직 웹 사이트를 찾고 있는지 확인하십시오. 조직 웹 사이트 개발 서비스를 보려면 여기를 클릭하십시오.

-삽화를위한 홍보-

우주 비행사의 이미지는 제어판의 큰 "게시"버튼을 자신있게 누르고 있습니다. 아름다운 배경으로 자신있게 대중에게 일을 해제

‍