알아야 할 세 가지 WordPress 웹 사이트 디자인 트렌드

2011년 이후 얼마나 많은 변화가 있었는지 생각해 보십시오. 얼마나 많은 웹사이트 디자인 트렌드와 새로운 기술이 인기를 잃었습니까? 얼마나 많은 새로운 장치가 시장에 나왔습니까? 얼마나 많은 새로운 트렌드가 등장하고 인기를 얻었습니까?

WordPress가 웹과 함께 발전한 것은 놀라운 일이 아닙니다. 오늘날의 워드프레스는 5년 전의 워드프레스와는 사뭇 다른 짐승이고, 2003년의 워드프레스와 비교하면 알아볼 수 없을 정도의 경계선입니다. 그러나 그것은 좋은 일입니다.

결국 웹에서 유일한 상수는 변경입니다. 디자이너로서 당신은 그것을 누구보다 잘 알고 있습니다. 변화하고 있는 것과 미래에 변화할 것 모두를 파악하는 것이 당신의 임무라는 것을 알고 있는 것처럼요. 다행히 어디를 봐야 하는지 안다면 어렵지 않습니다.

나는 당신을 찾았습니다 – 여기에 올해 WordPress 디자인 세계(및 더 큰 웹)를 강타한 가장 두드러지고 필수적인 몇 가지 트렌드가 있습니다. 이 트렌드는 모두 이동성과 밀접한 관련이 있습니다.

페이지리스 디자인은 계속해서 지배할 것입니다.

2014년 언젠가 웹에 처음 등장한 단일 페이지 웹 사이트는 폭주하는 화물 열차의 속도로 인기를 얻고 있습니다. 소규모 비즈니스, 디자인 에이전시 및 제품 사이트에 특히 적합한 이러한 "랜딩 페이지" 웹사이트는 리드 캡처와 스토리텔링 모두에 이상적입니다. 이를 염두에두고 단일 페이지 WordPress 테마가 많은 기반을 확보하고 있다는 것은 특히 놀라운 일이 아닙니다.

그러나 이러한 추세를 주도하는 것은 정확히 무엇입니까? '페이지 없는' 웹사이트가 왜 지금 그렇게 유명합니까? 그리고 자신의 사이트가 이를 따라야 하는지 어떻게 알 수 있습니까?

디지털 텔레파시(Digital Telepathy)의 척 롱가커(Chuck Longanecker)는 “전통적인 웹사이트에는 똑같이 망할 문제의 전체 목록이 있습니다. “그들은 칵테일 파티에서 흥얼거리며 듣는 사람에게 아무런 관심 없이 쏟아지는 자기 증대적인 정보의 귓가에 들리는 사람에게 재잘거리며… 빠른 연결과 모바일 앱의 긴 스크롤 경험에 익숙한 청중, 페이지 없는 디자인 방문자의 방해에서 벗어나 흐름을 즐기고 목표를 완료할 수 있습니다."

즉, 모바일 장치는 청중의 탐색 습관을 변화시켰습니다. 디자이너로서 당신은 그들의 새로운 습관, 즉 단순하고 간소화된 웹사이트에 대한 기대, 휴대전화나 태블릿에서 탐색하는 경향, 쉽게 소화할 수 있는 콘텐츠에 대한 욕구를 설명해야 합니다.

이러한 시장 변화에는 예상치 못한 또 다른 부작용이 있었습니다. 즉, 다목적 테마가 지난 몇 년 동안 폭발적으로 증가했다는 것입니다. 기능이 풍부하고 설치가 쉬운 이 테마를 사용하면 웹 사이트 소유자가 모바일 장치, 데스크톱 컴퓨터 및 그 밖의 모든 것에 맞게 페이지를 쉽게 사용자 지정할 수 있습니다. 그것들은 미래에 대비할 수 있고 여전히 높은 기능을 하는 잘 디자인된 웹사이트를 만들 수 있게 해줍니다.

더 많은 이미지, 더 많은 타이포그래피, 더 많은 시차

페이지리스 디자인으로의 이동과 밀접하게 관련하여 웹사이트는 타이포그래피, 이미지 및 시차 스크롤링에 점점 더 중점을 두고 있습니다. 미니멀리즘은 성의 왕이며 페이지가 메시지를 전달하면서 사용자에게 던질 수 있는 시각적 요소가 적을수록 좋습니다. 사이트를 더 선명하게 보이게 할 뿐만 아니라 로드 시간을 상당히 줄여줍니다.

타이포그래피의 경우 미니멀리즘으로의 전환과 함께 사이트 소유자, 게시자 및 사용자 모두가 방문하는 사이트에서 더 깔끔한 디자인을 기대하기 시작했습니다. 그 핵심 중 일부는 더 보기 좋고 잘 표현된 텍스트를 제공하는 데 있습니다. Google Fonts 및 Adobe Typekit과 같은 도구도 작업에 많은 도움이 되어 보다 전문적인 텍스트로 웹 사이트를 훨씬 쉽게 만들 수 있습니다.

마지막으로 평소 즐겨 사용하던 시차 스크롤링이 최근 많은 사랑을 받고 있습니다. 초심자에게 작동 방식은 매우 간단합니다. 배경이 전경보다 느리게 움직이도록 사이트를 구성하기만 하면 됩니다(전혀 있는 경우). 이것은 피사계 심도의 환상을 만들 뿐만 아니라 단일 페이지 웹 사이트에 약간의 추가 플레어를 제공하는 좋은 방법입니다.

마이크로 인터랙션에 대한 많은 관심

모바일 앱은 멈추고 생각해 보면 최종 사용자를 약간 망쳐 놓았습니다. 가장 잘 설계된 것은 방문자가 사이트와 상호 작용하는 방식을 기반으로 방문자에게 제공되는 약간의 피드백인 마이크로 상호 작용으로 알려진 기능으로 가득합니다. 물론 이 개념이 특별히 새로운 것은 아닙니다. 2013년에 Foster of Mysterious Trousers는 이를 버블 랩 상호 작용이라고 불렀습니다. 만족스럽기 때문이며, 보다 직관적으로 만들어 사용자 경험을 크게 향상시킵니다.

이는 특히 모바일로의 전면적인 전환을 고려할 때 마이크로 인터랙션에 대해 배우고 이를 사이트에 통합하는 방법을 배워야 함을 의미합니다.

Web Designer Depot의 Dmytro Svarytsevych는 "UX에서 중요한 것은 사용자를 대하는 방식과 제품(이 경우에는 웹사이트)을 사용할 때 사용자가 느끼는 방식입니다. "미시적 상호작용은 사용자에게 필요한 피드백과 진행 중인 프로세스에 대한 이해를 제공하므로 이면의 논리가 아무리 복잡하더라도 인터페이스에 접근할 수 있습니다."
Creative Bloq에 따르면 사이트에 마이크로 인터랙션을 추가하는 방법은 다음과 같습니다.

• 방아쇠를 당기십시오: 이것은 마이크로 인터랙션을 시작하기 위해 발생하는 것입니다. 사용자가 사이트에 처음 로그인하는 것부터 기사에 댓글을 남기거나 제품을 구매하는 것까지 무엇이든 될 수 있습니다. 가장 좋은 트리거는 시스템이 사용자의 행동을 관찰하고 컨텍스트에 사용하는 것입니다. 그들이 귀하의 사이트에 도착했을 때 자주 방문하는 페이지를 제공합니다.
• 규칙 설정: '규칙'은 여기서 약간 잘못된 명칭일 수 있습니다. 기본적으로 이것은 특정 마이크로인터랙션이 작동하는 방식, 즉 일어날 수 있는 일, 일어나야 하는 일, 일어날 수 없는 일과 일어나지 않는 일을 결정하는 지침입니다. 예를 들어, 전자 상거래 사이트는 실수로 동일한 제품을 장바구니에 두 번 추가한 경우 경고할 수 있습니다.
• 피드백 결정: 사용자에게 어떤 피드백을 제공할 것인가? 귀하의 사이트에 대한 그들의 경험을 어떻게 향상시킬 것입니까?
• 마이크로 인터랙션이 얼마나 오래 지속되는지 파악하십시오. 마이크로 인터랙션은 사용자 입력 없이 자동으로 종료됩니까? 사용할 때마다 어떻게 바뀌나요?

Creative Bloq은 “피드백은 마이크로 인터랙션에 개성을 더할 수 있는 곳입니다.”라고 말합니다. "때로는 약간의 유머나 엣지가 아주 잘 작동하고 감사할 수 있습니다. 특히 오류 메시지나 로드하는 데 오랜 시간이 걸리는 경우와 같이 좌절할 수 있는 상황에서 그렇습니다."

웹사이트 디자인 트렌드를 따라가기

워드프레스는 웹과 함께 끊임없이 진화하고 있습니다. 당신은 그 진화에 의해 무의식적으로 붙잡힐 필요가 없습니다. 최신 트렌드를 주시함으로써 그러한 트렌드가 마침내 현실이 되었을 때 앞서가는 것을 확신할 수 있습니다.