6가지 간단한 사용자 인터페이스 디자인을 통해 앱을 "메"에서 놀라운 앱으로 전환
게시 됨: 2015-09-16모바일 앱 프로토타입을 사양에 맞게 만들었지만 뭔가 제대로 느껴지지 않습니다. 원하는 만큼 원활하게 진행되지 않거나 사용자 인터페이스 디자인이 "와우" 효과를 제공하지 않을 수 있습니다. 당신은 당신의 앱이 마술처럼 느껴지기를 원하지만, 지금은 David Copperfield가 피라미드를 사라지게 하는 것보다 당신의 아버지가 당신의 귀에서 1/4을 잡아당기는 것처럼 느껴집니다.
너 뭐하니? 전체를 스크랩하고 처음부터 디자인을 다시 시작합니까?
아니면 어떤 기적을 통해 간단한 디자인 조정으로 앱을 저장할 수 있습니다. 결국 당신은 프로토타입이나 베타를 만들기 전에 디자인에 전념했으므로 거기에는 좋은 것이 있어야 합니다. 그리고 그 모든 노력을 낭비하는 것은 부끄러운 일입니다.
우리는 6명의 디자이너에게 어떤 사소한 조정이 사용자 인터페이스 디자이너에게 가장 큰 차이를 만든다고 생각하는지 물었습니다. 아마도 그들의 답변은 당신의 앱을 완벽하게 마무리하는 데 영감을 줄 것입니다.
1. 복사할 때는 지방을 잘라낸다.
작은 기기에서 앱을 사용하는 경우 독서에 많은 시간을 할애하고 싶지 않을 수 있습니다. 사본이 너무 많으면 사용자가 느려질 뿐만 아니라 사용자 인터페이스 디자인이 복잡해집니다.
Maureen Kerwin은 Nokia Networks(@nokianetworks)의 인터랙션 디자이너입니다. 앱을 즉시 개선하기 위한 Kerwin의 팁은 무엇입니까? 사본의 감사를 수행하고 필요하지 않은 모든 것을 잘라냅니다.
Kerwin은 "반복이 있거나 단어가 너무 많은 부분이 있는지 사본을 검토하십시오."라고 말합니다. "거의 항상 더 명확하고 간결하게 제거하거나 수정할 수 있는 것이 있습니다."
이 경우 사용자 인터페이스 디자이너의 가장 친한 친구는 편집자나 교정자입니다. 잘라낼(또는 압축할) 사본을 결정할 수 없는 경우 앱에 대한 두 번째 객관적인 시선을 갖는 것이 모든 차이를 만듭니다.
2) 사용자 피드백을 받습니다.
작동하지 않는 사용자 인터페이스 디자인이 무엇인지 파악하는 데 어려움을 겪고 있다면 가장 빠른 답변을 얻을 수 있는 방법은 사용자에게 질문하는 것입니다.
Mike De'Shazer(@itsdeshazer)는 사용자가 코딩 방법을 배우고 앱을 빌드할 수 있도록 지원하는 대화형 플랫폼인 CodeCloud.me(@CodeCloudMe)의 공동 설립자이자 CEO입니다. De'Shazer는 사용자를 알고 피드백을 받는 것이 사용자 인터페이스 디자인을 효과적으로 만드는 가장 신뢰할 수 있는 방법이라고 말합니다.
De'Shazer는 "목표가 다른 다양한 종류의 UX 최적화가 있지만 모든 기술에 대한 사용자 인터페이스 디자인과 경험을 최적화하는 가장 좋은 방법은 이를 사용하는 사람들을 더 잘 이해하는 것입니다."라고 말합니다.
앱이 실패하면 프로토타입을 베타 사용자 그룹에 보냅니다. 경험을 개선하는 방법에 대한 그들의 제안은 귀하가 얻을 수 있는 가장 가치 있는 피드백이 될 수 있습니다.
3) 빨리 하세요.
모든 사용자(및 잠재 사용자)는 속도가 필요합니다. 사용자 경험이 원하는 방식으로 클릭되지 않는다는 것을 알게 되면 사용자 인터페이스 디자인의 문제가 아니라 앱 자체의 속도일 수 있습니다.
Amna Rizvi는 앱, 가제트 및 과학 뉴스를 소개하는 과학 및 기술 블로그 GadgTecs(@GadgTecs)의 앱 개발자입니다. 모바일 앱의 제작자이자 관찰자인 Rizvi는 속도와 시작 시간이 사용자 경험을 최적화하는 데 가장 중요한 두 가지 측면이라는 사실을 알게 되었습니다.
"저에게 가장 중요한 측면 중 하나는 앱의 시작 시간입니다."라고 Rizvi는 말합니다. "앱에는 놀라운 시작 페이지가 있어야 하고 매우 빠르게 로드되어야 합니다."
당신을 위해 추천 된:
인도 스타트업에 대한 반 영리 조항은 무엇을 의미합니까?
Edtech Startup이 인도 인력의 기술 향상 및 미래 준비를 돕는 방법...
이번 주 새로운 시대의 기술 주식: Zomato의 문제는 계속되고 EaseMyTrip은 Str...
인도 스타트업, 자금 조달을 위해 지름길 선택
디지털 마케팅 플랫폼 Logicserve, INR 80 Cr 자금 지원, LS Dig...
Lendingtech Space에 대한 갱신된 규제 조사에 대해 경고하는 보고서
물론 첫인상이 가장 중요하다고 Rizvi는 말합니다. “사용자는 앱을 클릭하면 빠르게 꺼지고 무엇이든 할 수 있기까지 오랜 시간을 기다려야 합니다. 그래서 제 생각에는 앱은 아무리 크더라도 즉각적이어야 합니다.”
가장 최근 작업에 놀라지 않으셨나요? 경험을 합리화할 수 있는지 확인하십시오. 로딩 시간을 더 빠르게 만들고 사용자 인터페이스 디자인에 통합하는 애니메이션이 더 짧은 기간 동안 경과되도록 하는 것이 좋습니다. 그래도 앱이 조금 더 빛나지 않으면 계속 읽으십시오.
4) 사용자 인터페이스 디자인을 애니메이션으로 꾸며보세요.
Andrew Riley는 공연자가 이벤트 티켓을 설정하고 판매할 수 있도록 하는 온라인 티켓 서비스인 Ticketlab(@ticketlabUK)의 설립자입니다. 그는 또한 디지털 컨설턴트이자 프론트엔드 개발자입니다.
Riley에게 사용자 인터페이스 디자인에 즉각적인 효과를 추가하는 가장 좋은 방법은 모션을 사용하는 것입니다.
“웹 페이지나 앱의 느낌을 향상시키는 최고의 팁은 매우 간단합니다. 바로 애니메이션입니다. 나는 Flash 시대의 튀는 로고와 렌즈 플레어가 아니라 미묘한 애니메이션에 대해 이야기하고 있습니다.”라고 Riley가 말했습니다. "가장 간단한 형태로, 호버 상태에 배경색 변경이 포함될 때 간단히 0.3초 선형 전환을 적용합니다. 이렇게 하면 사용자 인터페이스 디자인이 웹사이트가 아닌 앱처럼 느껴지게 될 것입니다.”
이 디자인 조정의 가장 좋은 점은 시간이 오래 걸리지 않지만 효과는 엄청날 수 있다는 것입니다. “전환은 거의 모든 상태 변경에 영리한 방식으로 적용하여 디자인에 생명을 불어넣을 수 있습니다. 몇 년 동안 이 CSS 기능을 사용할 수 있음에도 불구하고 많은 새 앱에서 여전히 제대로 사용되지 않고 있지만 대부분의 경우 구현하는 데 몇 분 밖에 걸리지 않습니다.”
One Click Here(@Oneclickhere1)의 CTO인 Gert Hattingh도 이에 동의합니다. One Click Here에서 디자이너와 개발자는 시간을 내어 여러 단계에서 사용자 인터페이스 디자인을 테스트하여 흐름이 올바른지 확인한다고 Hattingh는 말합니다.
“애자일 환경에서 작업하면 개발을 진행하면서 UI를 테스트할 수 있습니다. 우리는 사용자가 다음 단계로 나아가도록 안내하기 위해 전환을 사용하는 것을 좋아합니다.”라고 Hattingh는 말합니다. "버튼이 사용될 때 미묘한 애니메이션을 추가하면 사용자가 무엇을 해야 하는지 알 수 있고 전반적인 경험이 향상됩니다."
애니메이션은 사용자의 시선을 사로잡고 경험을 따라 안내하는 데 도움이 되며 사용자 인터페이스 디자인에 필요한 추가 효과를 추가할 수 있지만 너무 지나치지 않도록 기억하십시오.
5) 단순화, 단순화, 단순화.
사용자가 너무 많은 자유를 요구하는 색상 팔레트이든 시각적 질감의 지독한 남용이든(스큐어모피즘의 제자라 할지라도) 시각적 자극의 불협화음에 시달리는 것을 원하지 않습니다. 그림자와 광택).
Amrita Talwar는 사용자가 카풀 파트너를 찾을 수 있는 플랫폼 간 앱인 PoolMyRide(@poolmyride)를 포함하여 여러 Android 및 iOS 앱에서 작업한 개발자입니다. Talwar의 경험에 따르면 사용자 인터페이스 디자인을 훌륭하게 만드는 핵심은 단순하게 유지하는 것입니다.
“앱을 디자인하는 것은 가사가 없는 노래를 만드는 것과 같습니다. 이는 전 세계적으로 이해되어야 합니다. 앱을 사용자 친화적이고 아름답게 만들기 위해 다음 단계를 따릅니다.
– 플랫 아이콘이 있는 머티리얼 디자인 사용을 고려하고 사용자 인터페이스 디자인이 다양한 장치에 맞게 확장되는지 확인합니다.
– 사용자가 수행해야 하는 클릭, 제스처 및 상호 작용의 수를 최소화합니다. 사용자가 하려는 것은 무엇이든 가능한 한 최소한의 클릭으로 수행해야 합니다.
– 사용자 인터페이스 디자인을 깨끗하게 유지합니다. 기능으로 UI를 복잡하게 만들고 싶지만 사용자에게 실제로 필요한 것의 우선 순위를 정하세요. 때로는 가장 중요한 기능만 유지하고 '있으면 좋은 것'은 제외하는 것이 가장 좋은 경우가 있습니다. 전체 디자인에 부정적인 영향을 미치기 때문입니다.”
간소화된 디자인은 사용자의 부담을 줄여줍니다. 당신의 사용자 인터페이스 디자인은 그 반대가 아니라 그들을 위해 일해야 합니다.
6) 영감을 얻기 위해 편안한 지대 밖을 바라보십시오.
때때로, 호험 디자인의 원인은 단순히 신선한 아이디어가 부족하기 때문입니다. 이것은 특히 같은 에이전시에서 업계에서 몇 년의 경험을 쌓은 경우 일반적입니다. 동일한 시작 화면, 동일한 애니메이션, 유사한 버튼, 아이콘 또는 서체 등 사용자 인터페이스 디자인이 모두 동일하게 보이기 시작했다는 사실을 알고 계셨습니까?
현재 프로젝트를 내려놓고 다른 모바일 앱을 살펴봄으로써 일상에 지장을 줄 수 있습니다. 시작하기에 좋은 곳은 떠오르는 회사의 혁신적인 UI 디자인을 선별하는 상위 10개 목록일 수 있습니다. 이러한 앱이 어떻게 다른지 자세히 살펴보고 이러한 개념 중 일부를 자신의 것으로 만들 수 있는 방법을 고려하십시오.
더 신선한 관점에서 보려면 모바일 앱 산업 전반을 살펴보십시오. 예를 들어, 비디오 게임을 하는 것은 스토리텔링에 대한 귀중한 교훈이 될 수 있고 미술관을 방문하면 최고의 아이디어를 얻을 수 있습니다. 자녀(또는 조카와 조카)와 약간의 추가 시간을 보내는 것만으로도 사용자 인터페이스 디자인 게임의 수준을 높일 수 있습니다.
의자에서 움직이고 싶지 않으세요? 다른 디자이너들이 창의적인 펑크를 냈을 때 최고의 아이디어를 얻는 방법에 대해 읽어보세요. 때때로 영감은 의외의 장소에서 옵니다.
[8월 28일 blog.proto.io에 원래 게시됨]