웹 디자인에서 "과격한 저하"란 무엇입니까?

웹 디자인 업계는 웹 브라우저와 장치가 항상 변하기 때문에 항상 변화하고 있습니다. 우리가 웹 디자이너와 개발자로하는 작업은 어떤 종류의 웹 브라우저를 통해 볼 수 있기 때문에, 우리의 작업은 항상 해당 소프트웨어와 공생 관계가 있습니다.

웹 사이트 설계자와 개발자가 항상 직면 한 과제 중 하나는 웹 브라우저뿐만 아니라 웹 사이트에 액세스하는 데 사용되는 다양한 웹 브라우저의 범위입니다. 사이트 방문자가 모두 최신의 최고의 소프트웨어를 사용하고 있는지 확신 할 수 있다면 좋을 것입니다. 그러나 그럴 경우는 결코 없을 것입니다. 사이트 방문자 중 일부는 브라우저가 오래된 브라우저와 최신 브라우저가없는 브라우저로 웹 페이지를 볼 수 있습니다. 예를 들어, 이전 버전의 Microsoft Internet Explorer 브라우저는 오랫동안 많은 웹 전문가들의 눈앞에 나타났습니다. 비록 회사에서 가장 오래된 브라우저 중 일부에 대한 지원을 중단 했음에도 불구하고 여전히 사람들이 사용하고있는 사람들이 있습니다. 사람들이 당신과 거래하고 의사 소통하기를 원할 것입니다.

현실은 이러한 구식 웹 브라우저를 사용하는 사람들은 소프트웨어가 오래되었거나 소프트웨어 선택으로 인해 웹 탐색 경험이 손상 될 수 있다는 것을 알지조차 모르는 경우가 많습니다. 그들에게 오래된 브라우저는 오랫동안 웹 사이트에 액세스하는 데 사용 된 것입니다. 웹 개발자의 관점에서 볼 때, 우리는 고객에게 유용한 경험을 제공함과 동시에 오늘날 이용할 수있는 최신 기능이 풍부한 브라우저와 장치 에서 훌륭하게 작동하는 웹 사이트를 제작할 수 있기를 바랍니다 . "Graceful degradation"은 오래된 브라우저와 새로운 브라우저의 다양한 웹 페이지 디자인을 처리하는 전략입니다.

현대적인 브라우저로 시작하기

우아한 웹 사이트 디자인은 현대적인 브라우저를 염두에두고 설계되었습니다. 이 사이트는 최신 웹 브라우저의 기능을 활용하기 위해 만들어졌으며 그 중 대부분은 사람들이 항상 최신 버전을 사용하도록하기 위해 "자동 업데이트"됩니다. 그러나 정상적으로 성능이 저하 된 웹 사이트는 구형 브라우저에서도 효과적입니다. 기능이 풍부하지 않은 구형 브라우저는 사이트를 볼 때 여전히 기능적으로 저하되지만 기능이 적거나 표시 비주얼이 다를 수 있습니다. 기능이 좋지 않거나 좋지 않은 사이트를 제공하는이 개념이 이상하게 들릴 수도 있지만 진실은 사람들이 누락 된 사실을 알지 못한다는 것입니다. 그들은 "더 나은 버전"과 비교하여 사이트를 비교하지 않을 것이며, 사이트가 필요로하는 것을 위해 작동하고 기능적으로나 시각적으로 손상되지 않는 한 좋은 모습을 보일 것입니다.

점진적 향상

우아한 퇴화의 개념은 여러면에서 진보적 인 향상이라고 할 수있는 다른 웹 디자인 개념과 비슷합니다. 우아한 성능 저하 전략과 점진적 향상 간의 주요 차이점은 설계를 시작하는 경우입니다. 가장 낮은 공통 분모에서 시작하여 웹 페이지에 대한 최신 브라우저의 기능을 추가하는 경우 점진적 향상 기능을 사용하고 있습니다. 가장 현대적이고 최첨단 기능으로 시작한 다음 다시 축소하면 우아한 저하가 발생합니다. 결과적으로 웹 사이트는 점진적 향상이나 우아한 퇴화를 사용 하던지간에 동일한 경험을 제공 할 수 있습니다. 현실적으로 두 방법 모두 요즘 웹 브라우저와 웹 브라우저를 계속 사용하는 고객에게 유용한 경험을 제공하면서 최신 브라우저에 잘 작동하는 사이트를 만드는 것이 중요합니다.

Gradeful Degradation은 독자들에게 '가장 최근 브라우저 다운로드'를 말하지 않으며 & # 34;

많은 현대 디자이너들이 우아한 퇴화 접근법을 좋아하지 않는 이유 중 하나는 독자가 페이지가 작동 할 수있는 최신 브라우저를 다운로드해야하는 요구가되기 때문입니다. 이것은 우아한 퇴화가 아닙니다 . "이 기능을 작동 시키려면 브라우저 X를 다운로드하십시오"라고 쓰고 싶다면, 당신은 우아한 퇴화의 영역을 떠나 브라우저 중심 설계로 옮겨야합니다. 예, 웹 사이트 방문자가 더 나은 브라우저로 업그레이드 할 수 있도록 도울 수 있다는 것은 의심의 여지가 없습니다.하지만 종종 많은 사람들이 새로운 브라우저를 다운로드하는 것에 대해 이해하지 못한다는 사실을 기억해야합니다. 멀리). 정말로 비즈니스를 원한다면 사이트에서 더 나은 소프트웨어를 다운로드하라는 말은 그렇게 할 방법이 될 것 같지 않습니다. 사이트에 특정 브라우저 버전 이상이 필요한 주요 기능이 없으면 다운로드를 강제하는 것이 종종 사용자 환경에서 거래 차단기가되므로 피해야합니다.

엄지 손가락의 좋은 규칙은 당신이 진보적 인 향상을 위해하는 것처럼 똑같은 규칙을 따르는 것입니다 :

  1. 유효한 표준 호환 HTML 작성
  2. 디자인 및 레이아웃에 외부 스타일 시트 사용
  3. 상호 작용을 위해 외부 적으로 링크 된 스크립트 사용
  4. CSS 또는 JavaScript가없는 저수준 브라우저에서도 컨텐츠에 액세스 할 수 있는지 확인하십시오.

이 과정을 염두에두고 나 서 가장 세련된 디자인을 만들 수 있습니다! 작동하는 동안 덜 기능적인 브라우저에서 성능이 저하되는지 확인하십시오.

얼마나 멀리 가야합니까?

많은 웹 개발자가 가지고있는 한 가지 질문은 브라우저 버전 측면에서 얼마나 지원해야 하는가입니다. 이 질문에 대해서는 잘랐다. 사이트 자체에 따라 다릅니다. 웹 사이트 트래픽 분석을 검토하면 해당 사이트를 방문하는 데 사용 된 브라우저가 표시됩니다. 특정 구형 브라우저를 사용하는 사람들이 눈에 띄는 비율을 차지하는 경우 해당 브라우저를 지원하거나 해당 비즈니스를 잃을 위험이 있습니다. 애널리틱스를보고 아무도 이전 브라우저 버전을 사용하고 있지 않다는 사실을 알게되면 오래된 브라우저를 완전히 지원하고 테스트하는 것에 대해 걱정하지 않기로 결정했을 수도 있습니다. 따라서 사이트를 얼마나 멀리 되돌려 놓아야하는지에 대한 진정한 해답은 "고객의 분석을 통해 고객이 사용하고 있음을 보여줍니다."입니다.

Jennifer Krynin의 원본 기사입니다. 제레미 지라드 (Jeremy Girard)에 의해 8/9/17에 편집 됨.