Netflix는 디지털 스트리밍 서비스의 선구자였으며 앞으로도 그럴 것입니다. 회사가 25년 전에 DVD 대여 및 판매로 시작했다는 것이 믿기지 않습니다(여기에 오래된 사람이 있습니까?). 물론 나중에 애플, 디즈니, 훌루 등 여러 스트리밍 서비스가 추가됐지만 넷플릭스는 언제나 '넷플릭스 앤 칠'이라는 말처럼 친근함으로 매력을 발산하는 좋은 녀석이었다. 그리고 당신은!

Netflix는 전 세계 190개국의 사람들에게 서비스를 제공하고 있으며 전 세계적으로 1억 5,100만 명 이상의 유료 가입자를 보유하고 있습니다. 이 1억 5100만 구독자 중에는 UX/UI에 관심이 없는 사람, 작은 문제를 알아차리는 사람, 그리고 우리... 디자이너가 분명히 있을 것이라고 확신합니다. 여러분은 잘 모르겠지만 넷플릭스에서 영화를 보러 갈 때마다 왜 이렇게 하는지, 다르게 할 수 있는지, 할 것인지에 대해 먼저 제 자신과 질문을 해봐야 합니다. 나아지 다.

물론 Netflix는 매일 1억 4천만 시간 이상의 비디오를 스트리밍하며, 그 수치는 모든 것이 순조롭게 진행되고 있음을 분명히 보여줍니다. 그러나 진지하게 생각해보자. 고객에 대한 공감하는 마음가짐은 고객의 마음과 지속적인 구독의 열쇠입니다.

결과적으로 "우리의 문화는 우리가 우수성을 달성하도록 돕는 데 중점을 둡니다"라는 슬로건은 단순한 슬로건 이상이 될 것입니다. 그것은 상호 작용의 개념을 기반으로 할 잘 정립된 논문이 될 것입니다.

자, 그럼 이 기사를 읽은 후 눈 깜박임 없이 편안하게 Netflix를 사용할 수 있는 능력을 확인하겠습니다.

넷플릭스 웹

로그인 화면 시작

시작 화면은 편안한 경사각으로 배경에 포스터가 있는 미니멀한 디자인으로 우리를 맞이합니다. 사용된 다양한 형식은 동일한 형식의 리드미컬한 반복을 피하는 데 도움이 됩니다. 개인적으로 Hulu의 홈 화면에 비해 탐색하기가 더 쉽습니다.

이 서비스에 비해 Netflix의 시작 화면 레이아웃이 부족합니다. 텍스트의 형식은 많은 질문을 제기합니다. 예를 들어 요소가 시각적으로 아래쪽에 정렬되는 이유는 무엇입니까? 정보가 왜 그렇게 모호하게 그룹화되어 있으며 근접성의 법칙은 어디에 있습니까? 또한 Netflix는 폐쇄의 법칙을 무시합니다. Netflix를 스크롤하는 동안 화면은 사용자에게 서비스를 소개하고 제품을 구매하고 싶게 만들어야 합니다. 그러나 이들의 디자인은 일반적인 구성이나 스타일이 부족하고 목업과 텍스트, 각 화면을 끊는 이상한 회색 선으로 사용자에게 무관심한 것처럼 보입니다. 51억 1600만 달러의 이익을 낸 회사로서는 놀라운 일입니다!

대조적으로 Hulu는 두 가지 법칙을 모두 준수하여 인지 인식에 과부하가 걸리지 않고 충분한 공간을 남기지 않고 각 화면을 디자인했습니다. Hulu는 등록 시작 전에 가격 정책을 즉시 보여줍니다. 훌루에게 찬사를 보냅니다!

등록 절차

등록은 사용자에게 편리해야 하며, 그것이 바로 그것입니다.

그러나 매력의 측면에서 개선의 여지가 있습니다. UI 디자인이 우려스럽고 다양한 화면에 적용되지 않는다는 사실이 놀랍습니다. 예를 들어 다음 버튼을 클릭하려면 스크롤해야 합니다. 또한 아무런 설명 없이 주제가 갑자기 밝았다가 어두워진다.
등록 양식과 관련하여 작성 순서에 대해 질문이 있습니다. 먼저 사용자는 필요한 모든 데이터를 등록하고 입력해야 합니다. 그런 다음 돌아가는 방법에 대한 표시 없이 가격만 표시됩니다. 구독 요금제와 가격은 3번째 화면에만 표시되어 타사 방법을 사용하여 구독 비용을 찾는 것이 답답합니다.

Hulu는 사용자가 등록 프로세스를 시작하기 전에 요금제와 가격에 익숙해질 수 있도록 더 나은 작업을 수행합니다. 그들은 사용자를 위해 보다 논리적이고 순차적인 흐름을 생성하며 다음에 무엇이 나를 기다리고 있는지 알게 되어 감사합니다.

홈 화면

첫째, Netflix가 개인 취향에 따라 선택한 영화 예고편이나 발췌 부분을 백그라운드에 포함한다는 점에 감사드립니다. 디테일과 슈팅이 돋보이는 다이내믹한 화면도 초반부터 몰입도를 높인다.

입구에서의 효과적인 판매 기술로 인해 Apple도 여기에서 언급할 가치가 있습니다. TV 시리즈와 영화에서 가장 흥미진진한 순간을 다이내믹한 비디오로 보여주어 사용자의 관심을 사로잡고 사진이 자신의 취향에 맞지 않을 가능성을 방지합니다.
실제로 영화를 보지 않고 긴 스크롤 세션을 의미하더라도 하단의 포스터를 볼 수 있다는 점도 즐깁니다. 힉스의 법칙이 그렇게 작용하기 때문에 우리 모두는 이 경험에 익숙합니다.
사랑에 빠진 후(우리 모두가 기억하는 감정) 절제와 분석 능력이 시작되는 경향이 있습니다. 이것이 분석이 저를 방문한 이유입니다. 배경의 그림은 마술적이지만 화면의 균형 부족을 보완할 수 없습니다.

• 머리글은 너무 산만하지 않고 잘 설계되었습니다.
• 연령 등급 요소에 현재 사용되는 구성 그리드는 많은 질문을 제기하고 전체 구성을 악화시킵니다. 그리드는 어떤 식으로든 컴포지션에 기여하지 않습니다. 마찬가지로 헤더의 요소는 연령 및 음소거 아이콘으로 수직 중앙에 정렬되지 않으며 재생 및 추가 정보 버튼에는 동일한 수평 중앙 정렬 문제가 있습니다.
• 보기 및 추가 정보 버튼: 어떤 버튼이 더 중요한지, 그 이유는 무엇인지 알아보겠습니다. 이 경우 Play는 색상으로 강조 표시되고 우선 순위가 부여되기 때문에 더 중요한 버튼입니다. 반면에 추가 정보는 회색이지만 더 큽니다. Netflix 디자이너 여러분, 영화를 틀고 쉬고 싶을 때 버튼을 생각하게 만들지 마세요!

• 영화 예고편을 건너뛰거나 닫는 것은 불가능하므로 내 취향이 아니더라도 꼭 봐야 한다는 점은 강조할 만하다.
• 배경 예고편 화면에서는 영화를 즐겨 찾기에 추가하거나 평가할 수 없습니다. 이러한 기능은 원하는 기능에 액세스하기 위해 너무 많은 어색한 움직임이 필요한 추가 정보 버튼 뒤에 숨겨져 있습니다.
• 이 서비스는 아트워크 개인화라는 고유한 유형의 아트를 제공합니다. 표지의 품질과 프레젠테이션 스타일은 인상적이며 몇 시간 동안 감상할 수 있습니다. 다만 타이틀의 디자인에 신경을 썼음에도 불구하고 사용자의 시선을 끌 수 있는 충분한 여백이 주어지지 않은 점은 아쉽다. 나는 각 표지의 이름들이 경주에서 말처럼 튀어나온다고 말할 것이다. 언뜻 보기에는 비디오가 활성 배경으로 작동하지만 시간이 지남에 따라 뇌가 비디오에 익숙해지고 필요한 세부 사항에 집중하여 비디오를 배경의 색종이 조각으로 인식한다는 점은 주목할 가치가 있습니다. 비문은 기억될 그림의 이름을 소개하기 때문에 주요 요소입니다.
• 현재 넷플릭스는 시청 선호도와 상관없이 방대한 콘텐츠로 이용자들을 압도하고 있다. 1억 5,100만 명의 구독자를 감안할 때 유료 콘텐츠를 시청해도 상관하지 않는 것 같습니다. 당신이 그것을 보지 않으면 다른 누군가가 볼 것입니다. 이 접근 방식은 모든 것을 한 번에 팔려고 노력하고 빈손으로 남겨 두는 시장처럼 느껴집니다.

• 소리를 끈 상태에서 사이트를 종료하면 다음에 로그인할 때 소리가 꺼진 상태로 유지됩니다.
• 소리를 끄지 않으면 사이트 재방문 시 다시 재생됩니다. 제 생각에는 이것이 불편할 수 있습니다. 소리를 포함하거나 포함하지 않고 브라우저를 여는 옵션을 설정에 추가하는 것이 더 간단한 해결책입니다. 내 모든 장치에서 항상 소리를 끄는 사람으로서 이 옵션을 사용할 수 있으면 감사하겠습니다.

"TV 프로그램 및 영화" 페이지는 기본 화면과 거의 동일하며 표시되는 정보 유형 및 범주별로 필터링할 수 있는 드롭다운 목록이 추가되었습니다. 페이지가 더 복잡하거나 길어지기보다는 장르 기반 검색을 단순화하도록 설계되었기 때문에 이것이 드롭다운 목록인 이유에 대해 논의할 가치가 있습니다. 메뉴에서 범주를 선택하면 닫히며 특정 영화에 대해 여러 범주를 선택하거나 개봉 연도로 필터링할 수 없습니다. 요컨대 Netflix에서 카테고리별로 검색하고 필터링하는 것은 어려울 수 있습니다.

나의 목록

이것은 전혀 별개의 문제입니다. 내 목록에 본 영화, 보고 싶은 영화, 보고 싶은 영화, 목록 작성 기능 등의 카테고리가 없으면 영화를 추가하는 것의 가치를 전혀 보기 어렵습니다. 영화 및 시리즈에 등급 필터를 추가합니다. 현재 이 기능은 계정 설정에서만 사용할 수 있습니다. 또한 각 행 사이의 공간이 증가하여 홈 화면과의 일관성을 암시하지만 그 이유는 무엇입니까? 각 피드 앞에 사용자가 만든 컬렉션의 헤더 뒤에 화살표가 목록을 계속하고 폐쇄의 법칙을 사용하여 피드 일관성을 유지합니다. 마지막으로 목록에 내부 검색이 없고 사용자가 검색해야 하는 모든 것이 실망스럽습니다. 모든 것을 수동으로 모든 영화가 힙에 있기 때문에

찾다

클릭하면 사이트는 사용자를 새 화면으로 리디렉션하지 않고 검색 입력만 확장합니다. 그러나이 작업은 지속적으로 재생되는 예고편의 배경에서 눈에 띄게 유지됩니다. 입력하는 동안 사용자를 새 화면으로 리디렉션하고 사용자의 기본 설정과 일치하는 영화를 제공하는 것이 훨씬 더 편리할 것입니다.

알림 및 프로필 팝업

알림 팝업은 전체 디자인에서 눈에 띄지만 긍정적인 방식은 아닙니다. 팝업 자체는 투명하지만 이 투명도는 프로필 팝업을 제외한 다른 곳에서는 반복되지 않습니다. 또한 모서리가 둥글지 않고 정보 표현이 부족합니다. 팝업 화살표도 꼬집고 너무 작습니다. 또한 등급, 에피소드 수 또는 기타 중요한 세부 정보에 대한 정보가 제공되지 않습니다.

프로필 Pop-Up에는 아이콘과 텍스트가 배치되어 있어 부담을 주지 않고 이해하기 쉽습니다. 그러나 일련의 페이지는 부정적인 측면을 가리키는 몇 가지 질문을 제기합니다. 현재 Netflix에는 다음과 같은 순서가 있습니다.
프로필 관리 > 프로필 이전 > 계정 > 도움말 센터 > 로그아웃
프로필 관리 및 이전이 먼저 나오는 이유는 무엇인가요? 전송 프로필이 2위인 이유는 무엇입니까? Netflix는 사용자가 결제 수단이나 구독 변경과 같은 중요한 계정 정보를 수정하는 것보다 적극적이고 지속적으로 프로필 사진을 변경할 가능성이 더 높다는 사실을 조사하고 깨달았습니까?

설정

설정이 혼란스럽게 구성되어 있습니다. 설정으로 연결되는 "프로필 관리"와 "계정"의 두 페이지가 있습니다. 이는 혼란스러울 수 있으며 계정 설정이 현재 사용 중인 승인된 계정을 참조하는지 명확하지 않을 수 있습니다. 예를 들어 프로필 B라고 하는 다른 프로필에서 계정 설정을 입력하면 이것이 프로필 B의 설정이 될까요? 현재 사용 중인 프로필에 관계없이 모두 동일한 설정을 가집니다.

왜 설정이 복잡하고 다른 화면에 퍼져 있는지에 대한 질문을 제기합니다. 각 화면에는 확인란, 화살표 및 옵션이 있어 처리하기가 너무 어려울 수 있으며 내 두뇌가 너무 멍청해서 포기합니다.

왼쪽 정렬 레이아웃과 과도한 링크 사용은 사용자에게 부담이 될 수 있습니다. 일반적으로 서면 텍스트가 더 효과적이지만 Netflix는 프로필 팝업에서 아이콘 텍스트를 사용합니다. 일관성을 유지하려면 이 기술을 반복하여 사용자가 자신의 계정을 더 쉽게 관리할 수 있도록 하는 것이 유용할 수 있습니다. 계정에 로그인하자마자 즉시 로그아웃하고 싶습니다. Netflix는 사용자가 이 페이지를 사용하는 것을 원하지 않습니다. 카드는 한 번만 입력하면 됩니다.
디자인 측면에서 보면 사용자 경험이 빈약할 뿐만 아니라 이 페이지는 시중의 다른 웹 페이지와 마찬가지로 다양한 색상과 다양한 페이지 구조를 제공합니다. 각 디자이너에게 화면을 주고 디자인을 하라고 해서 응집력이 부족한 것 같다.

여기에서 우리는 탬버린으로 정신 체조를 합니다. 저장 버튼을 검색할 때마다 센터링, 프레젠테이션 스타일, 아이콘 크기, 화면 레이아웃, 패딩 및 색상에 대한 생각으로 마음이 뜁니다. 압도적일 수 있습니다! 각 페이지에 대해 따로 쓰지는 않겠지만 스스로에게 물어보는 것이 중요합니다. 보살핌을 받고 있다고 느끼십니까?

영화 팝업

언뜻 보기에 정보는 깔끔하고 논리적이며 일관되게 정리된 것처럼 보입니다. 그러나 다음과 같이 이상하게 보이는 일부 들여쓰기 및 정렬이 있습니다.

• 음소거 버튼과 닫기 버튼은 상당히 다른 거리에 위치하여 주의를 끄는 불편함을 만듭니다(빨간색 규칙).

• 플레이어 아래에서 시놉시스, 출연진, 장르 등 영화에 대한 간략한 정보를 확인할 수 있습니다. 이러한 세부 사항은 또한 전체 네트워크(파란색 선)를 통해 짜여진 Ariadne의 스레드에 하이퍼링크되어 있습니다.
• 사용자는 배우의 페이지로 이동하여 그들이 연기한 모든 영화를 볼 수 있습니다. 그러나 이 페이지의 디자인은 사용자가 그렇게 하지 못하도록 하여 검색을 계속하기 어렵게 만듭니다. 대조적으로 배우를 위한 Apple의 페이지는 더 잘 설계되었습니다. 완벽하지는 않지만 사진, 짧은 전기, 배우의 작품을 연기, 제작, 각본 카테고리로 구분하여 포함합니다.

• 목록에 있는 에피소드의 길이는 성인의 정신과 일치합니다. 다른 것과 연결할 수 없기 때문입니다.

• 팝업 끝부분의 추천 사진은 정보를 쉽게 읽을 수 있도록 카드 간 거리를 충분히 두어 디자인이 잘 되어 있습니다. 편리하게 다른 화면으로 전환하지 않고도 영화와 TV 프로그램을 즐겨찾기에 추가할 수 있습니다. 단, 출시 연도, 등급 등의 부차적인 정보와 아이콘은 작게 만드는 것이 좋다. 한편, 영화의 에피소드 수나 길이에 대한 정보는 포스터가 그것을 가리기 때문에 부각되어야 합니다. "더 보기" 기능을 수행하는 아이콘이 있는 선은 멋진 터치이지만 그 투명도는 일관성 개념에 위배됩니다.

• 그러나 마지막에 영화에 대한 반복되는 정보는 중복됩니다.

플레이어는 쾌적하고 미니멀하여 눈이 편합니다. 주의를 산만하게 하는 요소가 없으며 아이콘이 논리적으로 정렬되어 있습니다. 그러나 일부 들여쓰기 및 그룹화는 분석 특성을 가진 항목과 혼동될 수 있습니다. 또한 아이콘이 개선될 수 있으므로 아이콘의 크기와 비율을 고려해 볼 가치가 있습니다. 자세한 내용은 다루지 않겠지만 예를 들어 보겠습니다.

이 화면에서 가장 재미있는 것은 시리즈 목록입니다. 라인, 여기서 뭐해? 누구세요? 당신의 역할은 무엇입니까? 궁금하지 않을 수 없었습니다.

보행인

다음은 관련 없는 이야기와 질문입니다. 이게 뭐죠?

사이트 바닥글은 마치 디자이너가 처음에는 열광했지만 마지막에는 지치고 급하게 달려온 것처럼 독특하게 디자인되었습니다. 이러한 소진은 구조, 디자인 및 공감이 부족한 바닥글에 반영됩니다.

그리고 일반적인 헤드라인이 없으면 요점에 약간의 고통과 흥분이 있습니다.

1. 영화 카드를 클릭하면 Netflix가 즉시 영화 재생을 시작합니다. 그러나 모든 사람이 제공된 사진만으로 정보에 입각한 결정을 내릴 수는 없기 때문에 이는 문제가 될 수 있습니다. 영화를 바로 재생하기 전에 자세한 정보를 제공하는 것이 도움이 될 것입니다. 아니, Netflix, 이건 나쁘다. 수정하십시오.
2. 영화 컬렉션은 매우 멋진 기능입니다! 내가 그것을 발견했을 때 알고 계셨습니까? 이 글을 쓰면서. 아이콘이 귀엽고 멋집니다. 헤더에 추가하고 이 옵션을 강조하는 것은 어떻습니까?
3. 번역 요청. 자세히 설명하지는 않겠지만 피드백 옵션이 있으면 좋을 것입니다.
4. 현재 검색 기능에는 필터링 옵션이 없습니다. 또한 영화 카테고리가 향상될 수 있습니다.
5. Global 10에 별도의 페이지가 있는 이유는 무엇이며 메인 페이지에서 어떻게 액세스합니까?
6. 로그인 화면과 사이트의 배경색이 다릅니다. 로그인 화면의 배경색은 검은색이고 사이트의 배경색은 짙은 회색입니다.

방대한 콘텐츠 컬렉션을 보유한 Netflix는 우리가 영화와 TV 프로그램을 시청하는 방식에 혁신을 가져온 선도적인 스트리밍 서비스입니다. 예, 결함이 있지만 최악의 서비스로 표시하기는 어렵습니다. 실제로 Netflix는 최고의 콘텐츠를 제작하여 수많은 상을 수상하고 비평가들의 찬사를 받았습니다. 물론 플랫폼에 좋지 않은 콘텐츠도 있지만 이는 광범위한 옵션을 제공하는 모든 서비스에서 예상할 수 있는 사항입니다.

그러나 우리 중 누가 우리 포트폴리오에서 열악한 작업을 가지고 있지 않습니까? 가장 재능 있는 디자이너조차도 오늘날 자랑스러워할 수 없는 디자인을 만들었습니다. 마찬가지로 회사로서의 Netflix는 여전히 진화하고 있으며 실수로부터 배우고 있습니다.

Netflix는 서비스를 사용하는 동안 세부 사항을 공감하고 감정에 주의를 기울이면 도움이 될 수 있습니다. 그렇게함으로써 회사는 기존 강점을 개선하고 약점을 해결할 수 있습니다. 이것은 의심할 여지 없이 훨씬 더 나은 사용자 경험으로 이어질 것이며, 이것이 궁극적으로 가장 중요한 것입니다.

간행물 페이지를 닫기 전에 내 업데이트를 확인하거나 내가 관리하는 다른 페이지를 방문하십시오:
Dribbble ✱ Behance ✱ Linkedin