반응이 좋은 레이아웃이나 네이티브 애플 리케이션을위한 웹 디자이너를위한 베스트 프랙티스? [Op-Ed]

모바일은 미래라는 것을 부인할 수 없습니다. Google이 데스크톱보다 모바일에서 더 많은 검색을 수행하고 있음을 확인하면 아직 모든 웹 사이트가 모바일이되어야한다는 사실이 분명합니다..

하지만 반응 형 레이아웃을 통한 인 브라우저 콘텐츠와 기본 앱을 통한 인앱 콘텐츠는 흥미로운 이분법입니다..

두 영역을 탐구하고 각 선택의 근원을 파헤 치고 싶습니다. 반응 형 레이아웃을 통해 웹 사이트가 기본 앱과 언제 연결되어야합니까? 사이트가 둘 다 실행될 수 있습니까? 이것들은 오늘날 모든 새로운 창조적 인 프로젝트에서 요구되어야하는 중요한 질문입니다..

기본 앱의 가치

대부분의 스마트 폰 사용자는 자신이 좋아하는 프로그램의 기본 응용 프로그램을 사용합니다. 페이스 북, 트위터, 인스 타 그램 및 기타 모두 자신의 네이티브 앱 실행.

네이티브 응용 프로그램은 로컬 운영 체제에서 실행되기 때문에 전체적으로 많이 사용됩니다. 애니메이션, UI 디자인 및 콘텐츠 구성과 관련하여보다 원활하고 조작하기 쉬움. 네이티브 앱은 UI 지침을 준수하여 일관되고 자연스러운 가정을 유지합니다. 사용자는 종종 슬라이딩 메뉴 및 탭 막대를 사용하는 방법을 본질적으로 알고 있습니다..

많은 주요 게시자는 블로그, 웹 앱 및 소셜 네트워크를 다루는 iOS 스토어와 Google Play 스토어에 앱을 보유하고 있습니다. 하지만 말하기에 합당하다. 대형 사이트 페이스 북과 트위터처럼 소규모 사이트보다 네이티브 앱에서 더 많은 가치를 얻을 수 있습니다..

이 토론은 전문가 의견과 주요 견해를 제공합니다. 디자이너와 광고 대행사 모두에게 뜨겁게 논쟁이되는 주제입니다..

그러나 최종 사용자가 네이티브 응용 프로그램을 유용하게 사용할 수 있다는 것은 사실입니다. 유일한 변수는 웹 사이트가 모바일 앱으로 더 잘 작동하는지 결정, 또는 사용자가 원하는 경우에도.

완전히 반응하는 웹 사이트 : 찬반론

일반적인 맥락에서 반응 형 웹 디자인은 항상 좋은 것입니다. 웹 디자이너는 레이아웃을 완벽하게 반응 적으로 만들어 화면에 가볍게 적용하여 아무 것도 잃지 않습니다..

그러나 네이티브 앱의 맥락에서 몇 가지 고려 사항이 있습니다. 첫째로 반응 형 웹 사이트는 브라우저의 렌더링 엔진으로 제한됩니다.. 스마트 폰에서는 제한된 애니메이션, 플래시가 없음, 브라우저의 렌더링 엔진에 의존 함을 의미합니다..

기본 앱은 스마트 폰 또는 태블릿의 핵심 기능을 사용할 수 있습니다.. 애니메이션 라이브러리는 기본적으로 훨씬 강력합니다. 브라우저에서 렌더링 된 CSS 또는 JS보다.

양식의 입력 요소에 대해서도 마찬가지입니다. 데이터 전송 및 보안 문제. 많은 사람들이 Pinterest의 웹 사이트를 통해 Pinterest 응용 프로그램을 사용하는 것을 선호합니다. Flipboard, Dropbox, Feedly, Gmail 또는 다른 주요 웹 서비스에서도 동일하게 적용됩니다..

그러나 그러한 웹 사이트 아니 반응이 빠른 레이아웃을 제공한다.? 세 가지 선택이 있습니다.

1. 모바일 웹 사용자가 기본 앱을 다운로드하도록 강요하십시오.
2. 네이티브 앱에 대한 선택 링크가 포함 된 모바일 웹 레이아웃을 제공하십시오.
3. 네이티브 앱과 별도로 모바일 웹 레이아웃을 실행하기 만하면됩니다.

플립 보드는 각 페이지 상단에 배너를 배치하여 두 번째 옵션을 사용합니다. 모바일 사파리 브라우저에서 Flipboard 계정에 바로 등록 할 수 있습니다. 하지만 앱을 사용하는 것이 훨씬 쉽고 빠르며 직관적입니다..

모바일 사이트 인 ZDNet은 모바일 사파리를 방문하는 동안 모바일 앱을 언급하지 않았습니다. 뉴스 스토리와 추천 게시물이있는 일반적인 반응 형 레이아웃처럼 작동합니다..

차이점 사용자 경험에 놓여있다.. 사용자에게 무엇이 가장 적합한 지 결정하고 가장 많은 트래픽이 발생하는 곳의 게이지.

기억 모바일 앱은 디자인과 프로그래밍에 시간을 필요로합니다.. 그들은 흔히 웹 사이트를 만드는 것보다 많은 작업이 필요하다.. 사이트의 앱을 원한다면 진정한 가치를 제공 할 수 있도록 반응 형 레이아웃을 보완해야합니다..

데스크톱 우선 또는 모바일 우선?

웹을 디자인 할 때 가장 넓은 너비 또는 가장 작은 너비로 시작해야합니까? 프리랜서와 크리에이티브 에이전시 모두가 자주 질문하는 질문입니다..

매우 대중적인 의견은 Luke Wroblewski의 저서에 의해 대중화 된 모바일 우선 접근 방식입니다. 이 방법은 점진적 향상 기본에서 시작하여이를 처리 할 수있는 환경의 기능을 향상시킵니다..

또는 다른 디자이너들이 데스크톱에서 시작하는 방식으로 “모바일 우선” 에 “모바일”.

이 전략은 풀 사이즈 데스크톱 모니터에서 원하는 모든 기능을 먼저 계획함으로써 작동합니다. 그런 다음 점차적으로 기능을 축소하고 중단 점을 정의한 다음 스마트 폰을위한 가장 작은 레이아웃으로 이동합니다..

여기에 올바른 대답이 있습니까? 반응 형 레이아웃은 가장 작은 화면에서 시작해야하며, 모바일에서는 처음에는 구형 개념입니다.?

하나를 선택하는 것의 유일한 단점은 잠재적으로 누락 된 기능. 모바일로 시작하면 기능을 생략하거나 더 큰 해상도로 추가하는 것을 잊어 버리십시오.. 데스크톱에서부터 시작하여 레이아웃을 디자인 할 수 있습니다. 모바일에서 너무 혼잡 스럽다..

그러나 어느 누구도 옳고 그른 것은 아닙니다. 가장 적합한 워크 플로우를 선택하십시오. 그들이 디자인을 향상시킬 수 있다면 크게 두려워하지 마십시오..

두 세계의 최고

모든 화면에서 실행되는 완전히 반응하는 웹 사이트를 구축하면 대부분의 독자를 만족시킬 수 있습니다. 따라서 이미 반응 형 레이아웃이있는 경우, 모바일 앱으로 귀찮아 야합니까??

Modo Labs의이 위대한 작품에서 알 수 있듯이 그 대답은 다음과 같습니다. 사용자 경험. 절대적인 최종 답은 없습니다. 그것은 어떤 방법이 가장 좋은 소비 형태를 제공하는지에 관한 것입니다. 특정 프로젝트 휴대 기기에서 사용자가 모바일 앱을 원하십니까? 또는 웹 사이트가 충분하지 않습니다.?

테크 뉴스 블로그 TechCrunch는 정당한 이유가 있어도 반응이 빠른 레이아웃과 무료 모바일 앱을 제공합니다. 그들의 사이트는 최근 미국의 사람들이 TV 시청보다 앱에서 더 많은 시간을 보내는 것을 확인하는 이야기를 다루었습니다..

그러나 누군가 트위터에 TechCrunch에 연결하면 어떨까요? 누군가가 iPhone에서 해당 링크를 클릭하면 HTTP 링크이므로 Mobile Safari가 열립니다. 여기서 반응 형 레이아웃이 유용합니다. 모든 사람이 앱을 원한다는 의미는 아닙니다..

일부 사용자는 여전히 사이트를 방문하기를 원하며 무료 또는 다른 방식으로 앱을 다운로드하지 않고 방문하는 것을 선호 할 수 있습니다..

프로젝트별로 수행

응답 성 대 네이티브 앱 토론에 대한 가장 좋은 답변은 각 프로젝트를 평가하다 사안별로 최선의 결정.

내 경험에 비추어 볼 때 나는 소셜 네트워크 및 대화 형 웹 사이트는 네이티브 응용 프로그램의 이점을 최대한 활용합니다.. Android와 iOS에는 API에 연결하고 데이터베이스 쿼리를 보내고 웹 페이지보다 기능이 뛰어난 앱을 제작할 수있는 큰 프레임 워크가 있습니다..

네이티브 앱 UI는 소프트웨어처럼 렌더링되므로 CSS 속성이나 브라우저 제한에 대해 걱정할 필요가 없습니다. 이것은 사용자가 로그인하여 자세한 상호 작용을 수행해야하는 플랫폼.

그러나 레스토랑과 같은 일반적인 비즈니스 웹 사이트는 일반적으로 반응이 빠른 레이아웃에서 가장 잘 작동합니다. 특히 기본 앱을 만드는 데 소요되는 작업량을 고려하면.

블로그와 디지털 잡지는 다소 회색 영역입니다. 기본 앱은 일부 앱에서는 잘 작동하지만 다른 앱에서는 필요하지 않습니다. 일반적으로 시장 규모 및 잠재 고객 (즉 기술에 정통한 사람들).

새로운 인터넷 출판물을 시작할 때 고려해야 할 것이 많습니다. 처음 시작하는 사람이라면 먼저 웹 사이트를 구축하는 것이 좋습니다. 거기에서 네이티브 앱이 노력할만한 가치가 있다면 결론을 내리기가 더 쉬울 것입니다..

마무리

그 말없이 간다. ...마다 현대 웹 사이트의 이점은 반응 적입니다. 네이티브 응용 프로그램을 만들지 말지, 사이트의 레이아웃은 반응 적이어야하며 모든 화면 크기에 맞게 조정 가능해야합니다. 단점은 없으며 상승 추세에있는 모바일 사용자를위한 안정적인 방문 페이지를 제공합니다..

일부 웹 사이트는 모바일 방문자에게 앱 다운로드 링크를 제공 할 수 있습니다. 이들은 생산적이고 웹 사이트의 모바일 플랫폼 마케팅에 유용 할 수 있습니다. 그러나 때로는 이것을 제공할만한 가치가 있습니다. 위임보다는 대안으로.

가능한 경우 사용자 의견을 수집하고 모바일 앱에서 의견을 구하십시오. 방문자가 실제로 기본 모바일 앱에 대해 생각하는 것을 배우고 추가 조사에 대한 결정을 내리십시오..