18 주목할만한 웹 사이트의 쿨 개념 디자인 (Facelift)
콘텐츠가 왕이라면 여왕이되어야합니다. 콘텐츠가 구조화되고 표시되는 방식을 결정할 때 웹 사이트의 성공에 치명적인 요소입니다. 잘못된 디자인은 단순히 사용자 경험을 망칠 뿐이므로 사이트 트래픽을 차단합니다..
종종 웹 디자이너는 웹 사이트를 디자인하는 동안 거래 게임을해야합니다. 모든면에서 모두를 만족시키는 디자인을 제작하는 것은 불가능하기 때문에 기능 아름다움이나 가독성을위한 기능성을 중시합니다..
그래서 어느 디자인이 더 낫지? 웹 디자이너는이 질문을하기를 좋아하고 심지어 페이스 북이나 유튜브와 같은 유명 사이트를 재 설계함으로써 트레이딩 게임을 더 잘하도록 도전하기도했습니다. 따라서이 쇼케이스 포스트에서 잠재적 인 디자인을 형성합니다. 더 좋든 나 빠지 든, 사용자가 결정할 때 즐기고 즐기십시오.!
페이스 북
공식 통계에 따르면 페이스 북은 5 억 명이 넘는 사용자에게 서비스를 제공했으며 7000 억 분이 걸렸다. 이런 종류의 통계에 대해 웹 페이지를 디자인하는 것은 정말 스트레스가 많습니다. 또한 많은 디자이너들이 페이스 북을 재 설계하기 위해 스스로에게 도전 한 것과 같은 이유 일 수 있습니다. 아래에서 디자이너의 여러 가지 시도를 살펴 보겠습니다.
개념 설계 작성자 : Barton Smith
“Facebook Facelift는 Facebook의 형태와 기능에 도전하기위한 자체 주도 프로젝트입니다. 간소화되고 구조화 된 선형 인터페이스가보다 이해하기 쉽기 때문에 사용자 경험과 콘텐츠 흡수 능력이 향상됩니다..”
메인 페이지. (이미지 출처 : Barton Smith)
사진 페이지. (이미지 출처 : Barton Smith)
이벤트 페이지. (이미지 출처 : Barton Smith)
연락처 페이지. (이미지 출처 : Barton Smith)
알림 페이지. (이미지 출처 : Barton Smith)
개념 설계 작성자 : 정보 설계자
이 혁신적인 디자인은 2006 년 12 월부터 태어 났으며 나중에 페이스 북의 현재 디자인과 공정하게 비교하기 위해 최신 디자인 표준에 맞게 조정되었습니다. 아이디어는 필터, 정보 스트림 및 반응을 명확하게 구분하는 탄성 3 열 레이아웃을 포함하는 인터페이스로 메일과 유사한 응용 프로그램을 만드는 것이 었습니다..
메인 페이지. (이미지 출처 : 정보 아키텍트)
컨셉 디자인 작성자 : Justin Dauer
“필자의 주요 목표 중 하나는 인터페이스를 더 많은 웹 애플리케이션 유형 프레젠테이션으로 이동시키는 것이 었습니다. Facebook은 매일 약 1 억 7 천 5 백만 명이 로그인합니다. 그러한 사용법에서 내재하는 모든 반복적 인 작업은 이러한 형태의 접근 방식에 도움이됩니다. 이 재 설계를 마무리 할 때 Twitter의 새로운 앱과 같은 UI가 시작되었고 Stuart Smalley와 같은 유효성 검사의 순간을 보냈습니다..”
메인 페이지. (이미지 소스 : pseudoroom 디자인)
개념 설계 작성자 : Peter Knoll
피터 놀 (Peter Knoll)의 매끄러운 디자인. 그래픽이 크게 개선되어 전체 사이트가 매력적이고 유망 해 보입니다. 인터페이스는 좋은 가독성을 위해 멋진 타이포그래피로 훨씬 더 깨끗합니다..
메인 페이지. (이미지 출처 : Peter Knoll)
개념 설계 작성자 : AndasoloARTS
AndasoloARTS가 수행 한 Facebook 유사 콘텐츠는 판매되기도합니다. 색 구성표는 Peter Knoll의 디자인과 매우 유사하지만 전반적으로 색다른 디자인입니다. 미니멀리즘을 염두에 둔 매우 매끄러운 디자인.
메인 페이지. (이미지 출처 : AndasoloARTS)
개념 디자인 작성자 : Jonaska
AndasoloARTS의 페이스 북 디자인에서 영감을 얻은 디자인은 매우 독특합니다! 나는 상태 공유 및 검색 상자의 구현, 실제로 잘 설계된 변형을 좋아한다..
메인 페이지. (이미지 출처 : Jonaska)
컨셉 디자인 작성자 : Czarny-Design
둥근 모서리 요소가있는 섹시한 디자인은 어떨까요? 약간 변경된 색 구성표로 Facebook을위한 완전히 독창적 인 디자인 방식으로 받아 들일 수 있습니까??
메인 페이지. (이미지 출처 : Czarny-Design)
내 공간
소셜 네트워킹의 거물이되면 Myspace는 궁극적으로 주요 경쟁 업체 인 Facebook에 의해 추월되었습니다. 이제 My_____로 명칭이 변경되면서 팬들의 열정에 힘 입어 음악, 영화, 유명인, TV 및 게임을 포함하는 주요 소셜 엔터테인먼트 대상이되는 것을 목표로하고 있습니다. 아래의 디자인은 오래된 미니 홈피를 위해 시도되었지만 디자이너가 미니 홈피가 있어야한다고 생각하는 것을 살펴 보는 것은 여전히 좋습니다.
개념 설계 작성자 : Rafael Oliveira
“Myspace가 기본적으로 더 명확하고 정의되고 아름다운 인터페이스를 가지고 있지만 개인화 할 수있는 옵션이 있지만 더 이해하기 쉬운 방법이 있다면 어떨까요? 이것이 내가 시작할 때 내 자신이 만든 질문이며, 멋진 프로젝트로 나왔습니다. 시각적 디자인 외에도 사이트에 이미있는 콘텐츠를 기반으로 몇 가지 유용성 개선을 제안하고 사이트 맵을 살펴 보았습니다..”
메인 페이지. (이미지 출처 : Rafael Oliveira)
채널 메뉴. (이미지 출처 : Rafael Oliveira)
사진 페이지. (이미지 출처 : Rafael Oliveira)
사용자 정의 된 프로필 페이지. (이미지 출처 : Rafael Oliveira)
아티스트 페이지. (이미지 출처 : Rafael Oliveira)
아티스트 페이지 - 사용자 정의. (이미지 출처 : Rafael Oliveira)
동영상 채널 페이지. (이미지 출처 : Rafael Oliveira)
세계 전역에서 10 억 건이 넘는 검색 요청을 처리하는 Google은 지구상에서 가장 유명한 웹 사이트입니다. Android, Gmail 및 웹 로그 분석과 같은 사용자 친화적 인 제품을 구축하여 인터넷을 지배하려는 왕국으로도 알려져 있습니다. Google에는 웹 사이트 디자인을 위해 일하는 많은 디자이너가 있기 때문에 재 설계 시도는 디자이너에게 직접적인 도전입니다. 재미있는.
개념 설계 작성자 : Craig Reville
“Google은 일을 조금 재 설계하기로 결정했기 때문에 Google을보고 사용하는 방법에 대해 생각해 보았습니다. 아이콘 디자이너가 로고나 로고를 좋아하지 않는 이유는 아이콘 디자이너가 더 나은 일을 할 수 있었고 로고가 그렇게 단순하기 때문입니다. 모든 의견을 환영합니다..”
메인 페이지. (이미지 출처 : Craig Reville)
검색 결과 페이지. (이미지 출처 : Craig Reville)
검색 결과 페이지 - 제 2 개념. (이미지 출처 : Craig Reville)
이미지 검색 결과 페이지. (이미지 출처 : Craig Reville)
개념 설계 작성자 : FloxDesign
Bing과 조금 비슷하지만 좀 더 서사적 인 방식입니다. 내 Google 메인 페이지에 대해 궁극적으로 멋진 디자인을 갖고 싶습니다..
메인 페이지. (이미지 출처 : FloxDesign)
YouTube
YouTube는 전세계에서 3 위, 미국 내 사이트에서 4 위를 차지했으며 YouTube는 동영상을 찾고,보고, 업로드하고 공유하는 웹 사이트입니다. 대부분의 콘텐츠는 개인이 업로드했지만 CBS, BBC, Vevo 및 Hulu와 같은 유명한 미디어는 YouTube 파트너십 프로그램의 일환으로 자신의 동영상을 제공했습니다. 하루에 20 억 번 이상 보이는 사이트를 재 설계 하시겠습니까? 그들은 그것을했다.
개념 디자인 작성자 : Michele Byrne
동영상보기 및 공유에 대해 더 강조하는 매끄러운 재 설계. 사용자 인터페이스가 Vimeo와 조금 비슷하지만 독특한 접근 방식이이 디자인에 적용됩니다. 어쨌든 위대한 시도.
메인 페이지. (이미지 출처 : Michele Byrne)
비디오 페이지. (이미지 출처 : Michele Byrne)
사용자 페이지. (이미지 출처 : Michele Byrne)
비디오 정보. (이미지 출처 : Michele Byrne)
추천 비디오. (이미지 출처 : Michele Byrne)
컨셉 디자인 작성자 : Josh Collie
“지난 몇 년 동안 YouTube에서 가장 큰 불만 중 하나는 동영상을 보는 동안 다른 동영상을 검색 할 수 없었고 동영상을 화면 상단에서 스크롤하지 않고도 댓글을 읽을 수 없었습니다. 아래의 디자인은 검색, 비디오 및 주석을 포함하여 세 개의 스크롤 가능한 열을 가지고이 문제를 해결하려고 시도합니다.”
메인 페이지. (이미지 출처 : Josh Collie)
사용자 페이지. (이미지 출처 : Josh Collie)
개념 디자인 작성자 : Thadeu Morgado
YouTube 메인 페이지의 실험을 재 설계합니다. 전체 레이아웃이 재구성되고 크고 매끄러운 슬라이더가 추가되어 추천 동영상에 더 집중할 수 있다는 점을 제외하면 스타일은 거의 동일합니다..
메인 페이지. (이미지 출처 : Thadeu Morgado)
아마존
아마존은 1995 년 온라인으로 갔고 이제는 책, 잡지, 음악, DVD, 전자, 컴퓨터, 소프트웨어, 신발 등 거의 모든 품목을 포함하는 다국적 전자 상거래 회사가되었습니다! 그들은 거대한 사업을하고 있기 때문에 전 세계의 디자이너들은 디자인을 개선하여 더 아름답고 물론 사용자 친화적 인 제품으로 만들고자 노력했습니다..
개념 설계 작성자 : Trevor Cleveland
“나는 아마존의 홈페이지를 재 설계하기위한 세 가지 독특한 개념을 탐구하고 싶었다. 아마존은 온라인 쇼핑 사이트의 선두 주자 중 하나이지만 유동적 인 홈페이지 디자인은 작은 크기의 모니터 크기로 설정되어 더 높은 해상도의 더 새로운 컴퓨터에서 사이트가 매우 어울려 보입니다. 그래서 아마존의 속도를 높이기 위해 세 가지 아이디어를 제시하고자했습니다..”
첫 번째 개념 - 기본 페이지. (이미지 출처 : Trevor Cleveland)
첫 번째 개념 - 메뉴. (이미지 출처 : Trevor Cleveland)
두 번째 개념 - 메인 페이지. (이미지 출처 : Trevor Cleveland)
두 번째 개념 - 메뉴. (이미지 출처 : Trevor Cleveland)
제 3의 개념 - 메인 페이지. (이미지 출처 : Trevor Cleveland)
제 3의 개념 - 메뉴. (이미지 출처 : Trevor Cleveland)
개념 설계 작성자 : Maurice Kindermann
현재 디자인에 문제가 없다면 재 설계 시도가 없습니다. Maurice Kindermann의 Amazon 디자인이이 경우의 가장 좋은 예입니다. Amazon의 현재 디자인에 실망한 Maurice는 3 가지 특정 문제를 해결하기 위해 페이지를 다시 디자인했습니다. 화면 확장 초과, 조각난 구매 옵션 및 대량의 콘텐츠.
메인 페이지. (이미지 출처 : Maurice Kindermann)
IMDb
IMDb (Internet Movie Database)는 영화, TV 쇼, 배우, 제작진 직원, 비디오 게임 및 허구의 캐릭터와 관련된 정보의 온라인 데이터베이스로, 행성에서 가장 크고 우수한 상을 수상한 영화 사이트라고 주장합니다. 시각적 인 엔터테인먼트 미디어. 정보를 효과적으로 보여주는 방식으로이 사이트를 재 설계하면 웹 디자이너에게 큰 도전이 될 것입니다..
개념 디자인 작성자 : 블라디미르 Kudinov
“왜 현재 IMDB 디자인을 가지고 있지 않습니까? 과부하 상태입니다. 대량의 비정형 정보. 이러한 사이트의 대부분 사용자는 그림, 비디오 등을 주로 사용합니다..
그래서 나는 깨끗하고 매끄러운 디자인을했다. 여기서 사용자는 영화에 대한 정보 (예 : 사진, 배우, 예고편, 스토리 등)가있는 화면을 수신합니다. 그는 읽을 필요가 없으며 돌릴 필요가 없습니다. 필요한 모든 것 - 화면을 보는 것입니다..”
영화 페이지. (이미지 출처 : 블라디미르 쿠디 노브)
메뉴. (이미지 출처 : 블라디미르 쿠디 노브)
플레이어 팝업 구성 요소. (이미지 출처 : 블라디미르 쿠디 노브)
상단 패널. (이미지 출처 : 블라디미르 쿠디 노브)
컨셉 디자인 작성자 : Rob Hendricks
“현재 IMDB 웹 사이트가 왜 어수선하게 보이는지 알기는 어렵지 않습니다. 사실 그들은 많은 콘텐츠를 가지고 있습니다. 적절한 정보 아키텍처가이를 변경하는 데 핵심이었습니다..”
메인 페이지. (이미지 소스 : Rob Atomic)
정사각형
Foursquare를 통해 사용자는 자신의 현재 위치를 다음과 같이 공유 할 수 있습니다. “체크인” 스마트 폰 응용 프로그램 또는 SMS를 통해 장소에 대한 정보를 북마크하고 근처 장소에 대한 관련 제안을 남깁니다. 지역 상인은 Foursquare를 활용하여 고객을 참여시키고 유지합니다. Foursquare의 재 설계는 완전히 독특한 서비스이므로 더 많은 연구가 필요합니다..
개념 설계 작성자 : Clay Parker Jones
클레이 파커 존스 (Clay Parker Jones)는 Foursquare의 사용자 페이지에 맵은 위치에 관한 모든 정보를 담고 있기 때문에지도가 실제로 멋지다고 생각합니다. 지도를 클릭하면 유용한 통계가 4 가지로 축소됩니다. 이 페이지의 다른 부가 기능은 일반적인 소셜 네트워크 페이지와 거의 비슷한 피드, 좋아요, 팁 및 제안입니다.!
사용자 페이지. (이미지 출처 : exitcreative)
반사
디자인에 상관없이 모든 사용자는 새로운 디자인을 적용하는 데 시간이 걸립니다. 문제는 사용자로서 위의 디자인으로 변경 하시겠습니까, 아니면 현재 디자인에 만족하십니까? 이러한 디자인이 사용자 환경 문제를 해결한다고 생각하십니까? 나는이 디자인이 당신의 의견을 받기 위해 만들어 졌다고 믿습니다. 그래서 당신이 생각하는 것을 자유롭게 공유하고, 모든 의견은 중요합니다.!
