25년 이상의 웹 디자인 진화가 우리를 여기까지 오게 한 방법

미국에서는 중소기업 10곳 중 7곳이 비즈니스 웹사이트를 보유하고 있습니다. 개인뿐만 아니라 비 사업체도 자유롭게 자신의 웹사이트를 개발하고 현재 온라인 상태인 18억 개 이상의 웹사이트 더미에 추가할 수 있습니다. 웹사이트는 유용하고 재미있고 흥미로울 수 있습니다. 그러나 그것들은 또한 점점 더 복잡해지고 있습니다.

2018년 웹 디자인은 다양한 기술과 서비스의 집합체입니다. 웹 디자인에서 AI를 사용하거나 전문적으로 제작된 사본을 위해 맞춤 작성 서비스에 의존하는 것은 드문 일이 아닙니다. 그리고 그것은 그래픽 디자인이나 웹 사이트가 경쟁사보다 빠르고 매끄럽고 더 잘 실행되도록 하기 위해 내부적으로 수행되는 모든 작업에 대해서는 언급조차 하지 않았습니다.

오늘날 웹 디자인은 경쟁이 치열한 분야입니다. 웹사이트가 다른 웹사이트의 바다에서 눈에 띄어야 하는 엄청나게 중요한 자산이기 때문입니다. 하지만 항상 이랬던 것은 아닙니다.

최초의 온라인 웹사이트는 인터넷의 아버지인 Tim Berners-Lee가 1991년에 만들었습니다. 지금은 원본 웹사이트에 액세스할 수 없지만 1992년에 만들어진 복사본에 액세스할 수 있습니다. 첫 번째 웹사이트에는 이미지가 포함되어 있지 않은 것을 알 수 있습니다. 모두 텍스트와 하이퍼링크였습니다.

첫 번째 웹사이트의 구조는 HTML의 초기 버전에 따라 단순했습니다. 머리글과 부제목, 단락, 링크를 설정하는 것 외에는 할 수 있는 일이 많지 않았습니다. 1990년대 초반 대부분의 기간 동안 방문할 수 있었던 웹 사이트는 동일한 1열 텍스트 기반 디자인을 사용했습니다.

적어도 오늘날의 기준으로 볼 때 그것은 꽤 암울해 보였습니다. 최초의 웹사이트는 동적 요소가 없는 오늘날의 웹사이트보다 오늘날의 텍스트 프로세서와 공통점이 더 많았습니다.

1990년대 중반까지 웹 디자인은 몇 가지 중요한 발전을 이루었습니다. 초기 웹 디자인은 디자인이 낮고 구조가 높았습니다. 몇 년 후 웹 사이트는 다르게 보이기 시작했습니다. 웹 디자인이 진행되고 테이블 기반 레이아웃을 사용하기 시작하면서 단일 열 디자인은 과거의 일이 되었습니다.

웹 기반 웹 사이트 빌더와 함께 테이블 기반 레이아웃은 이중 효과를 가졌습니다. 웹사이트를 구축하는 것이 더 쉬워졌고 구조는 뒷전으로 밀려났고 디자인 선택을 주도적으로 남겼습니다. 그러나 이것은 좋은 디자인의 황금기가 아니었습니다. 웹 디자인은 가장 고급스럽거나 가장 기능적이거나 만족스러운 것이 아니라 가장 발전된 것처럼 보이는 것에 주로 관심을 가졌습니다.

웹 디자인의 이 진화 단계에서 나온 디자인 요소 중 일부는 아이코닉하게 되었습니다. 웹사이트 방문 횟수를 표시하는 상자인 조회수 카운터가 이 기간 동안 웹사이트에 나타나기 시작했습니다. 배경 이미지는 스크롤링 텍스트와 마찬가지로 시대의 또 다른 발명품이었습니다. GIF 스페이서가 대세였습니다. Flash가 개발되고 기반을 확보하기 시작했습니다.

2000년대 말까지 Flash는 웹 디자인의 필수 요소가 되었습니다. Macromedia에서 개발한 Shockwave는 웹사이트에 약간의 역동성을 부여하는 또 다른 방법이었습니다. Flash 이전에도 개발되었습니다. 그러나 여전히 전화 접속 컬렉션을 사용하여 인터넷에 액세스하는 사용자에게는 너무 크고 투박했습니다. 플래시는 더 작고 민첩했으며 빠르게 웹 디자인의 필수 요소가 되었습니다.

Flash는 테이블 기반 레이아웃을 없애지 않았습니다. 그것은 그들의 일부가 되었습니다. Flash 요소의 일반적인 용도 중 하나는 웹 사이트 탐색에 있었습니다. 여기서 Flash 지원 버튼은 사용자가 클릭했을 때 크기와 색상이 변경되었습니다. 회사 로고 또는 기타 그래픽이 있는 스플래시 페이지는 Flash의 또 다른 인기 있는 용도였습니다.

CSS는 디자이너가 웹 콘텐츠에서 웹 디자인을 분리할 수 있도록 함으로써 밀레니엄 전환기에 웹 디자인에 혁명을 일으켰습니다. 디자인 영역에 있던 페이지의 요소는 페이지의 HTML 코드 대신 스타일 시트에서 조작되었습니다.

얼마 지나지 않아 디자인 세계는 JavaScript의 형태로 또 다른 지진을 목격했습니다. 즉각적인 효과에는 테이블을 버리고 JavaScript로 교체하는 것이 포함되었습니다. JavaScript는 Flash의 종말의 시작이기도 했습니다. 자바스크립트는 드롭다운 메뉴를 주로 담당했으며 웹사이트 양식의 등장에 한 역할을 했습니다. 이 두 가지 디자인 요소는 오늘날에도 여전히 매우 인기 있고 널리 사용됩니다.

2000년대 말까지 "웹 디자인"의 "웹"은 상당한 변화를 겪고 있었습니다. 사용자가 웹사이트와 콘텐츠 개발에 적극적인 역할을 할 수 있는 새로운 패러다임이 등장했습니다. "웹 2.0"이라고 불리는 이 패러다임은 애플리케이션뿐만 아니라 소셜 미디어 웹사이트에서도 가장 잘 볼 수 있습니다. Web 2.0 개발은 비동기 JavaScript 및 XML의 사용에 크게 의존합니다.

웹 사이트 사용자가 보는 방식으로 Web 2.0은 페이지를 다시 로드하지 않고도 웹 페이지의 콘텐츠를 변경할 수 있음을 의미했습니다. 그들은 또한 웹사이트가 제3자 콘텐츠에 크게 의존하기 시작했음을 알아차렸을 것입니다.

이로 인해 콘텐츠 제작을 전문으로 하는 WritingGuru와 같은 비즈니스가 생겨났습니다. 상호 운용성은 점점 더 중요해지고 있으며 사용자는 웹에서 보거나 읽은 모든 것을 소셜 미디어에서 공유할 수 있었습니다.

우리가 속한 10년은 대부분 다양한 장치에서 우수한 사용자 경험을 만드는 데 중점을 두고 있습니다. 스마트폰 사용자의 수가 증가함에 따라 웹 디자이너는 작은 화면의 장치에서 좋은 보기 및 탐색 경험을 가능하게 하는 솔루션을 제시해야 했습니다. 웹사이트의 모바일 버전을 만드는 것도 한 가지 방법이었습니다. 반응형 웹 디자인을 구현하는 것은 또 다른 문제입니다.

웹사이트의 모바일 버전은 최소한의 요소를 포함합니다. 웹 디자인의 중요한 작업은 스마트폰에 표시되는 요소이기 때문에 특정 웹 사이트의 성능에 중요한 요소를 결정하는 것입니다. 오늘날 웹 사이트는 더 크고 위치 데이터를 사용하여 현지화된 경험을 제공하는 경우가 많습니다.

그리고 그것이 우리가 오늘날의 위치에 도달한 방법입니다. 스마트폰은 웹 브라우징에 선호되는 장치입니다. 웹사이트는 웹사이트를 방문하는 사람들에 대해 더 잘 알게 되었고 우리는 천천히 Semantic Web을 향해 나아가고 있습니다. 가까운 장래에 웹 디자인에 가상 현실이나 증강 현실이 더 많이 통합되는 것을 보게 될 것입니다. 그리고 이 모든 것은 여러 열이 없는 간단한 HTML 웹사이트에서 시작되었습니다.