미래를 염두에 두고 웹사이트 구축

게시 됨: 2020-10-09

웹 디자인은 실존적 질문으로 가득 차 있습니다. 가장 큰 것 중 하나는 다음과 같습니다. 오늘날에도 (스타일과 기능 모두에서) 내일도 관련성이 있는 웹 사이트를 구축할 수 있습니까?

대답은 아마도 당신이 언급하는 미래의 미래에 달려 있습니다. 그러나 경험에 따르면 시간이 지날수록 웹 사이트의 디자인과 기능의 관련성이 떨어집니다. 미래는 항상 우리가 예상하지 못한 방식으로 변화를 가져옵니다.

이것은 재설계 작업으로 우리를 바쁘게 만들기 때문에 아마도 좋은 일입니다. 그러나 기존 사이트를 리팩토링하는 경우 정말 어려운 일이 될 수 있습니다.

그 도전을 받아들이는 열쇠는 미래를 주시하는 웹사이트를 디자인하고 구축하는 것입니다. 다음은 그렇게 하기 위한 몇 가지 팁입니다.

기존 시스템 사용

콘텐츠 관리 시스템(CMS)이 시장을 지배하게 되었습니다. 그리고 우리 모두는 WordPress 및 Drupal과 같은 대기업을 알고 있지만 셀 수 없이 많은 경쟁자가 있습니다. 그것은 DIY 사이트 빌더 서비스의 과다도 고려하지 않습니다.

많은 최신 시스템이 매력적으로 들리지만 수명에 대한 잠재력에 대한 심각한 질문이 있습니다. 간단히 말해서: 그들은 몇 년 안에 주변에 있을 수도 있고 없을 수도 있습니다. 이것은 품질의 문제도 아닙니다. 현실은 힘든 싸움이고 그 과정에서 일부 사상자가 발생할 수밖에 없다는 것입니다.

소규모 프로젝트의 경우 이것은 거래 차단기가 아닐 수 있습니다. 그러나 대규모 웹사이트의 경우 안정성이 핵심입니다. 현재 플랫폼이 쇠약해지고 있기 때문에(또는 더 나빠지기 때문에) 새 CMS로 이동해야 하는 것은 주요 작업입니다.

그렇기 때문에 디자인을 작성하거나 한 줄의 코드를 작성하기 전에 CMS를 선택하는 것이 가장 큰 결정입니다. 현명하게 선택해.

그리고 완벽한 CMS를 선택했다면 사용하려는 플러그인에 대해 오랫동안 고민하고 싶을 것입니다. 이는 이러한 플러그인이 전자 상거래, 회원 관리 등과 같은 핵심 기능을 강화할 때 특히 중요합니다. 다시 말하지만 목표는 나중에 전환해야 하는 주요 중단을 방지하는 것입니다.

워드프레스 플러그인 화면

유연성을 위한 설계 및 코드

미래의 번거로움을 확실히 하는 한 가지 방법은 융통성 없는 기능을 사용하는 것입니다. 여기에는 클라이언트가 제공한 샘플 콘텐츠에 대해 구축된 디자인 요소와 향후 쉽게 확장할 수 없는 사용자 지정 코드가 모두 포함됩니다.

설계

웹사이트는 시간이 지남에 따라 진화합니다. 새로운 콘텐츠가 추가되고 형식은 항상 변경될 수 있습니다. 그러나 이것은 예측하기가 매우 어려울 수 있습니다. 그래서 우리는 지금 여기를 디자인하는 경향이 있습니다.

그렇다고 해서 이러한 불가피성에 대비하지 못하는 것은 아닙니다. 이를 수행하는 한 가지 간단한 방법은 CSS의 놀라운 새 레이아웃 기능을 활용하는 것입니다. 예를 들어 Flexbox는 그룹의 가장 높은 열과 일치하도록 늘릴 수 있는 다중 열 레이아웃을 제공합니다. 그리고 CSS 그리드는 약간의 코드로 거의 끝없이 복잡한 레이아웃으로 조정할 수 있습니다.

탐색은 항상 초기 의도를 초과하는 것으로 보이는 또 다른 영역입니다. 우리는 좋은 오래된 햄버거 메뉴 뒤에 적어도 일부 항목을 배치하는 것과 같은 트렌드를 따라 이를 준비할 수 있습니다. 이는 성장을 가능하게 하며 반드시 급진적인 설계 변경이 필요하지 않습니다.

무엇보다 창의적이고 실용적인 솔루션을 찾으십시오. 이렇게 하면 자체 제작한 디자인 벽에 부딪히는 것을 방지할 수 있습니다.

암호

콘텐츠가 변경되어야 하는 것처럼 기능 요구 사항도 변경됩니다. 따라서 오늘날 우리가 작성하는 코드가 언젠가는 변경될 것이라는 점을 예상하고 수용하는 것은 가치 있는 일입니다.

사용하는 언어와 경험 수준에 따라 향후 조정을 허용하는 코드를 작성하는 것이 정말 어려울 수 있습니다. 때로는 가장 즉각적인 필요를 위해 작동시키는 것만으로도 우리의 모든 지력이 필요합니다.

또한 동일한 결과를 달성하는 방법에는 여러 가지가 있습니다. 그러나 이것은 좋은 일입니다. 초기 기능 목표를 달성하면 다시 살펴볼 기회가 있습니다.

거기에서 당신이 한 일을 합리화하는 방법에 대해 생각하고 나중에 얼마나 쉽게 확장할 수 있는지 살펴보십시오. 코드를 가능한 한 효율적으로 만들 수 있는 방법을 스스로에게 물어보십시오. 지금 그러한 조치를 취하면 미래의 혼란을 막을 수 있습니다.

코드를 작성하는 남자.

잠재적 성장 영역을 찾으십시오

때때로 클라이언트를 위한 웹사이트 구축은 추측 게임입니다. 종종 모호한 요청을 파악하고 그들이 당신의 아이디어에 어떻게 반응할지 예상하는 것이 포함됩니다. 같은 파장에 도달하기 어려울 수 있습니다.

그렇기 때문에 올바른 질문을 하는 것이 중요합니다. 이는 시간이 지남에 따라 확장될 수 있는 프로젝트 영역을 찾을 때 매우 유용할 수 있습니다.

예를 들어 클라이언트가 간단한 전자 상거래 사이트(그런데 존재하지 않음)를 찾고 있다고 말합니다. 성장 가능성이 높은 지역입니다.

새로운 제품과 기능이 어느 시점에 추가될 가능성이 큽니다. 이를 이해하면 가능성을 예상하여 설계하고 구축할 수 있습니다. 한 가지 예는 좁은 초점이 아닌 다양한 작업을 수행하도록 쉽게 확장할 수 있는 장바구니를 구현하는 것일 수 있습니다.

책상에서 일하는 남자.

미래를 막을 수는 없지만 미래를 위해 노력할 수는 있습니다

웹 디자인의 미래와 고객의 요구를 예측하는 것은 정확한 과학은 아니지만 여전히 가치 있는 노력입니다. 물론 우리가 잘못 추측할 때도 있을 것입니다. 그러나 워크플로에 미래 지향적인 방식을 구현하면 대부분의 변경 사항을 수용하는 데 도움이 됩니다.

무엇보다 모든 단계에서 현명한 결정을 내리는 것이 중요합니다. 그것이 CMS를 선택하거나 CSS를 작성할 때 그것이 미래에 적응하는 웹사이트의 능력에 어떤 영향을 미치는지 생각하는 것이 중요합니다.

우리가 만드는 어떤 것도 현재의 형태로 영원히 지속되지는 않습니다. 그러나 준비를 통해 가능한 한 원활하게 진행되도록 도울 수 있습니다.