미래 지향적인 웹 앱 구축: The Codest의 전문가 팀이 제공하는 인사이트
The Codest가 최첨단 기술로 확장 가능한 대화형 웹 애플리케이션을 제작하고 모든 플랫폼에서 원활한 사용자 경험을 제공하는 데 탁월한 성능을 발휘하는 방법을 알아보세요. Adobe의 전문성이 어떻게 디지털 혁신과 비즈니스를 촉진하는지 알아보세요...
"끝"에서 웹 페이지를 디자인하시나요? 안 될 이유가 없죠! 반응형 프로젝트를 만드는 방법에는 데스크톱 버전을 디자인하고 콘텐츠를 하나씩 잘라내어 필수 기능만 남기거나, 모바일로 압축된 디자인을 만들어 확장하는 두 가지 방법이 있습니다.
축소의 문제점은 모든 데스크톱 기술이 모바일 기기에 적합한 것은 아니며, 때로는 '잘린' 버전이 불완전하고 전문적이지 않다고 느껴질 수 있고 데스크톱 웹사이트를 조정하면 불필요한 대용량 콘텐츠가 다운로드될 수 있다는 점을 항상 염두에 두어야 한다는 점입니다.
모바일 우선 접근 방식은 아이디어의 핵심을 추출하고 가장 중요한 콘텐츠가 무엇인지, 보여주고자 하는 목적이 무엇인지 염두에 두는 데 도움이 되는 방법입니다. 필요할 때 불필요한 내용을 최소화하여 페이지의 성능을 높이고 모니터링하기 쉽습니다. 또한 중요한 것을 줄이는 것보다 까다로운 것을 추가할 수 있을 때 UI 패턴을 디자인하는 것이 더 쉽습니다. 또한 접근성 관점에서 바라보는 것이 더 도움이 됩니다. 느린 기기는 어떻게 반응할까요? 데스크톱 기기는 모바일보다 더 강력한 경우가 많으므로 다음과 같은 작업을 더 쉽게 수행할 수 있습니다. 코드 새로운 기능을 추가한 것이지, 느린 모바일에서는 실제로 사용할 수 없는 기본 기능이 아닙니다. 그렇다고 해서 모바일 디자인이 날것 그대로의 삭막한 디자인이어야 한다는 의미는 아닙니다. 한계를 고려하여 복잡하고 매력적이어야 합니다. 두 버전 모두 보는 사람이 탐색하는 동안 심오하기 때문이지만, 그렇다고 해서 경험이 동일해야 한다는 의미도 아닙니다(사실 그럴 수도 없습니다).
모바일 보기의 과제는 어떻게 하면 적은 무게와 직관적인 경험으로 최대한 많은 기능을 넣을 수 있을까요? 데스크톱은 많은 실수를 용서하지만 모바일은 그렇지 않습니다. 큰 채석장을 먼저 촬영하면 훨씬 더 쉽게 개발할 수 있습니다. 탭과 스와이프에 대해 기억하면 적어도 다른 방식만큼은 클릭으로 변환하는 동안 생각할 것이 많지 않습니다.
무엇이 어려웠나요? 제 생각에 모바일 뷰에서 시작할 때 가장 어려운 점은 명확한 시각적 디자인 컨셉이 없다는 것입니다. 이 문제는 엄밀히 말해 창의적이고 예술적인 관점에서 볼 때 모바일 버전은 때때로 부족한 디자인이라고 할 수 있습니다. 특히 디자인이 순수하고 미니멀하지 않은 경우 표현할 수 있는 공간이 많지 않고 자유로운 상상력을 발휘할 수 있는 여지가 적습니다. 직관적인 조작은 말할 것도 없고, 작은 공간에 적합하면서도 매력적이고 명확하게 보여야 하는 색상과 모양의 구성에 신경 써야 할 부분이 많습니다. 해결책은 무엇일까요? 가능한 한 많은 시각적 아이디어로 모든 버전을 스케치한 다음 기술적이고 순수한 사용자 경험과 프런트엔드 개발 관점에서 모바일 옵션을 시작하는 것이 좋습니다. 두 가지 관점의 장점만 취하는 절충안이 이 난제에 대한 최선의 해답인 것 같습니다!