모바일 퍼스트 디자인 : 왜 좋은지, 왜 짜증나는지
역사적으로, 대부분의 웹 디자이너와 고객은 프로젝트의 데스크탑 측면에 먼저 접근 한 상태에서 모바일 부분을 차후에 달성 할 2 차 목표로 남겨 두었습니다. 반응 형 디자인의 부상에도 불구하고, 우리 중 많은 사람들이 "풀 사이즈"사이트에서 시작하여 아래로 내려갑니다.
업계에서는이 워크 플로를 뒤집어 놓고 실제로 모바일 고려 사항으로 시작한 다음 더 큰 데스크톱 버전으로 작업하는 추세가 증가하고 있습니다.
왜 이런 식으로 프로젝트에 접근하겠습니까? 이 전략의 장단점은 무엇입니까? 알아 보려면 계속 읽으십시오!
모바일 웹 디자인은 틈새가 아닙니다
여전히 모바일 웹 디자인 및 애플리케이션 개발이 틈새 산업이라는 생각이 든다면 사고 방식을 바꿔야합니다. 모바일은 트렌드가 아니며 미래도 아닙니다. 현재입니다. 나를 믿지 않습니까? Mobithinking에서 고려해야 할 몇 가지 미친 통계는 다음과 같습니다.
- 전 세계적으로 12 억 이상의 모바일 웹 사용자가 있습니다
- 미국에서는 모바일 웹 사용자의 25 %가 모바일 전용 (데스크톱을 사용하여 웹에 액세스하는 경우는 거의 없음)
- 모바일 앱은 109 억 번 다운로드되었습니다
- 새로운 단말기의 85 % 이상이 모바일 웹에 액세스 할 수있어 모바일 기기 판매가 전반적으로 증가하고 있습니다.
여기서 가장 강력한 사실 중 하나는 두 번째 항목으로, 많은 사용자가 사이트의 모바일 버전 만 볼 수 있다는 사실을 밝힙니다. 그것은 놀라운 계시입니다.
웹은 그 어느 때보 다 우리가 책상 근처 나 심지어 집에서 놀고있는 것이 아니라 주머니에 가지고 다니는 것입니다. 이것은 앞으로 몇 년 동안 만 계속 성장할 세계적인 추세입니다. 이 준비가 되셨습니까? 전문 기술 세트에 모든 중요한 플랫폼 또는 데스크탑 분야를위한 웹 개발이 포함되어 있습니까?
왜 모바일 우선?
이것을 읽는 사람들은이 시점까지 새로운 것을 배운 적이 없습니다. 여러분이 알고있는 모든 사람의 주머니에있는 500 달러 이상의 전화는 웹이 컴퓨터 모양의 상자에서 나왔다는 것을 나타냅니다.
그러나 모바일 웹 액세스가 대중적이라는 사실은 모바일을 최우선으로 생각하는 전략을 추구해야한다는 것을 확신 할 수있는 방법이 거의 없습니다. 모바일 전용 모바일 사용자의 25 %의 반대 측면은 75 %가 그렇지 않다는 것입니다! 데스크탑은 여전히 중요한 매체이며, 잊혀지거나 등 버너로 아직 밀려 나지 않아야합니다. 그렇다면 모바일 우선 경로를 고려하는 이유는 무엇입니까?
모바일 우선 웹 디자인의 등장을위한 주요 촉매제 중 하나는 2010 년 Eric Schmidt의 Google 발표에서 Google이 지금부터이 접근 방식을 채택 할 것이라고 발표 한 것입니다. 우리 모두는 모바일을 거의 모든 것에 대한 해답으로 만들었습니다”(소스). 접근 방식이 급격히 변화하는 이유는 무엇입니까?
우아한 저하 대 진보적 인 향상
이것들은 몇 년 전부터 모바일 우선 웹 디자인의 개념과 그것이 왜 중요한 개념인지에 대한 통찰력을 제공 할 수있는 몇 가지 주요 단어입니다.
가능한 많은 브라우저와 플랫폼에서 디자인 기능을 갖추어야 할 필요성이 생겨나면서 성능이 저하되었습니다. 설계자와 개발자는 지원되지 않는 설정을 가진 사용자를 제외하지 않고 새로운 기술을 활용하기를 원했습니다. 일반적인 결론은 가능한 최고의 경험을 창출하고 제공 한 다음 가능한 각 저하를 설명하고 단점에도 불구하고 사이트의 기능을 유지하는 것입니다.
모바일 웹 디자인의 관점에서 볼 때 이는 뷰포트가 작아지고 시스템이 더 단순 해지면 (플래시 지원 등이 아님) 전체 표준 웹 사이트가 축소되어 콘텐츠와 기능을 점차적으로 제거한다는 의미입니다.
이 추세에서 강력한 진보라는 새로운 아이디어가 생겨났습니다. 이 버전의 이야기에서는 모바일 화면을 최대한 활용하여 사용자에게 최소한의 화면 공간, 처리 능력 및 타사 플러그인을 제공하여 멋지게 보이고 완벽하게 작동하는 놀라운 경험을 제공합니다. 요구가 발생함에 따라, 사이트는 점차“강화”될 수 있으며 제약이 적은 대형 플랫폼에 대해 완전히 다시 생각할 수 있습니다.
진보적 인 향상이이기는 이유
한눈 에이 두 가지 방법론은 거의 동일합니다. 디자인 프로세스가 완료되는 한 누가 관심을 가지는가?
상황의 현실은 조금 더 복잡합니다. 데스크탑 플랫폼으로 시작할 때 플랫폼이 제공하는 모든 것을 활용하는 경향이 있습니다. 많은 훌륭한 기술을 활용하는 놀라운 제품을 개발할 수 있으며, 그 중 어느 것도 모바일로 확장 할 수 없다는 것을 깨닫게됩니다. 이로 인해 세련되고 완성 된 제품보다 나중에 생각하는 느낌을주는 모바일 제품이 심각하게 물에 빠질 수 있습니다. 이것은 모든 프로젝트에서 발생합니까? 아마도 그렇지는 않지만 이야기는 당신이 믿고 싶은 것보다 훨씬 더 일반적 일 것입니다.
점진적 향상 워크 플로를 살펴보면 결과가 다른 이야기가되는 경향이 있습니다. 여기서 우리는 매우 희박하고 인상적인 프로젝트로 시작합니다. 당신은 그 모든 시작 에너지를 가져 와서 당신이 직면 한 많은 제약에도 불구하고 잘 보이고 기능하는 제품을 만들었습니다.
더 중요한 것은 이미 컨텐츠를 가장 중요한 요소로 다듬는 문제를 겪었다는 것입니다. 이제이 디자인을 데스크탑에 가져와야 할 부분을 결정하고 제품에 물을 줄이는 방법에 대한 결정에 직면하는 대신, 더욱 견고한 디자인 방법을 결정해야합니다!
웹 컨텐츠 : 최상의 선택 제공
위의 주장은 순전히 철학적 인 관점에서 나옵니다. 궁극적 인 결론은 모바일 우선 접근 방식을 취하면 결과가 더 나아진다는 것입니다. 조금 더 눈에 잘 띄는 내용이 담긴 논증을 원한다면 콘텐츠를 제공하는 방법을 더 이상 보지 마십시오.
우아한 저하 관점을 취하면 모든 컨텐츠 (텍스트, 이미지, 비디오, 오디오 등)가 동시에 가장 큰 플랫폼 인 것으로 간주됩니다. 여기에서 모바일 버전은 단순히 페이지에서이 내용의 대부분을 무시하거나 제거하는 것으로 설명됩니다. 문제는 주어진 플랫폼이 필요한지 여부에 따라 이미로드되어 있다는 것입니다. 우리는 종종 가장 느린 다운로드 속도와 관련된 플랫폼에서 필요한 것보다 더 많은 콘텐츠를 제공합니다. 그것에 문제가 있습니까?
모바일 우선 관점에서, 우리는 작은 플랫폼에서 절대적인 필수 요소를로드하는 것으로 시작합니다. 이는 불필요한 지연을 피하는보다 빠른 경험을 제공합니다. 추가 리소스는 필요에 따라 적절히 처리 할 수있는 플랫폼에 엄격하게로드됩니다.
반응 형 디자인은 어떻습니까?
이 모든 것이 웹을 이어가는 또 다른 트렌드 인 반응 형 디자인에 어떻게 맞습니까? 좋은 소식은이 두 가지 전략이 경쟁력이 없다는 것입니다. 그들이 서로를 위해 만들어 졌다고 말할 수 있습니다.
반응 형 디자인은 특정 장치 및 뷰포트 크기를 대상으로하는 미디어 쿼리 개념을 중심으로 구축되었습니다. 이를 염두에두고 모바일 관점에서 초기 CSS를 코딩 한 다음 미디어 쿼리를 사용하여 뷰포트 크기가 증가함에 따라 추가 스타일을 선택적으로 제공 할 수 있습니다.
반응 형 디자인에서 일반적으로 사용하는 방법과는 정반대입니다. 크게 시작한 다음 줄입니다. 위의 주장을 감안할 때 미디어 쿼리를 작은 것에서 큰 것으로 구성하는 데에는 많은 논리가 있습니다.
큰 뚱뚱한 단점
모바일 우선 웹 디자인을위한 Hooray 오트밀 이후로 웹을 공격하는 것이 가장 좋습니다. 왜 내가 흥분하지 않습니까? 반응 형 디자인을 뛰어 넘어도 모바일 우선 웹 디자인이라는 주제를 피하는 이유는 무엇입니까?
지금은 화면이 작고 리소스가 적고 두통이 더 많습니다.여기서의 대답은 간단합니다. 재미도없고 쉽지도 않습니다. 반응 형 디자인은 까다 롭지 만 레이아웃을 유연하게하고 많은 내장 브라우저 기능을 사용하여 멋진 기능을 수행 할 수 있습니다. 반응 형 디자인으로 장난감 상자를 작게 만드는 것이 아니라 더 크게 만듭니다.
그러나 모바일 우선 디자인에서는 1 단계에 제약이 따릅니다. 전혀 재미 없다! 지금은 화면이 작고 리소스가 적고 두통이 더 많습니다. 또한 편안한 지역이 아닙니다. 필자는 웹 디자인 경력의 대부분을 데스크톱 공간에서 보냈으며 손가락 끝이 아닌 마우스 호버 및 클릭에 대한 경험을 쌓았습니다. 나는 많은 모바일 작업을 수행했지만 그것을 내 강력한 소송이라고 부르지 않을 것입니다.
가장 중요한 것은 엄격한 디자인 관점에서 모바일로 시작하여 작업을 시작하면 디자인에 들어가기가 매우 어렵다는 것을 알았습니다. 나는 최근 기사에서 많은“대수 인들”에 대해 언급했으며, 업계 전문가들도 비슷한 곡을 부르는 것을 들었습니다.
도전으로 상승
모바일 우선 디자인 방식에 대한 논쟁을 잠시 살펴 보겠습니다. "for"범주에는 단순하고 논리적 인 논증이 있습니다. “거짓”범주에서 나는 많은 징징 거리고 개인적인 망설임이 있습니다. 이 전투에서 어느 쪽이 이길까요?
더 나은 디자이너라는 이름으로 약간의 편안함을 포기해야합니다.아마도 당신은 내가하는 것보다 더 나은 반 모바일 우선 주장을 가지고 있지만, 객관적인 관점에서 이것을 보면 모바일 우선 접근 방식이 더 강력한 경쟁자라는 것이 분명합니다.
이것은 아마도 나 자신을 극복하고 모바일 관점으로 프로젝트를 시작해야하는 어려움에 직면해야한다는 것을 의미합니다. 모바일 우선, 좋은 디자인에 익숙하지 않다면, 성장할 공간과 배울 기술이 있다는 의미입니다.
궁극적으로 모바일 우선 접근 방식을 채택한 이유가 사용자 중심적이고 그에 대한 나의 이유가 개인적이라면 더 나은 디자이너라는 이름으로 약간의 편안함을 포기해야합니다.
무엇이 당신을 뒤로 잡고 있습니까?
이제 사용자에게 모바일 우선 웹 디자인이 얼마나 훌륭한 지 모든 것을 알았습니다. Google과 같은 대기업은 이러한 접근 방식을 취하고 있으며 모바일 우선 워크 플로의 이점을 볼 수 있습니다. 뭐가 널 다시 잡고있어?
모바일 퍼스트는 구현하기 어려운 전략이며 도약 만하면된다는 나의 견해를 공유하고 있습니까? 아니면 더 실질적인 방해가 될까요?
