최신 UI 디자인이란 무엇입니까? 10 가지 팁과 예
최신 사용자 인터페이스의 미학을 나열하지 못할 수도 있지만 사용하지 않는 웹 사이트에 방문하면 알 수 있습니다. 그냥 데이트 느낌 입니다.
최신 UI 디자인은 대부분의 사람들이 현재 시각 미학에 적합한 스타일을 가지고 있기 때문에 웹 사이트 또는 브랜드에 대한 신뢰성을 확립하는 데 도움이됩니다. 여기에는 시각적 추세, 사용성 표준 및 패턴에 대한 적응 및 오늘날 사용자에게 적합한 개발 기술 사용이 포함될 수 있습니다.
여기에서는 최신 사용자 인터페이스에서 찾을 수있는 요소를 살펴 보겠습니다. 다행스럽게도이 예제의 대부분은 익숙한 것처럼 보이지만 그렇지 않은 경우 약간의 웹 새로 고침을 계획해야 할 때입니다.
1. 일관성
일관된 사용자 인터페이스는 사용하기 쉽고 이해하기 쉽습니다. 사람들은 귀하의 웹 사이트를 이용하는 방법에 대해 그렇게 열심히 생각할 필요가 없으므로 웹 사이트를보다 잘 사용할 수 있습니다.
디자인 내의 요소가 서로 일치하기를 원합니다.일관성에 대해 두 가지 방법으로 생각하는 것이 가장 좋습니다.
먼저, 인터페이스가 한 장치에서 다른 장치로 일관되게 보이고 작동하기를 원합니다. (반응 형 디자인이 중요한 이유입니다.)
둘째, 디자인 내의 요소가 서로 일치해야합니다 (예 : 색상, 크기가 같고 공통 위치에있는 버튼). 일반적인 사용 패턴을 따르십시오. 이러한 유형의 디자인 일관성은 인터페이스를 현대적이고 유용하게 만듭니다.
Interaction Design Foundation은 다음과 같은 이유로 UI 일관성이 중요하다고 말합니다.
- 학습 시간을 줄일 수 있습니다. 일관성은 작업과 작업이 표현되는 방식의 수를 제한하여 사용자가 각 작업에 대해 새로운 표현을 배울 필요가 없도록합니다.
- 혼란을 제거 할 수 있습니다. 사용자는 웹 사이트 나 제품 외부에서 경험 한 규칙을 적용하여 자신의 기대치를 설정하는 경향이 있습니다. 이를 알면 디자인 표준 및 규칙에서 벗어날 때 혼란과 소외를 유발하는지 여부를 염두에 두어야합니다.
2. 그라디언트와 깊이
최신 인터페이스는 색상을 사용하여 깊이를 만들고 사람들이 디자인과 상호 작용하는 방법을 이해하도록 도와줍니다.
그라디언트 및 미묘한 그림자는 널리 사용되는 기술입니다. 그라디언트 색상 사용은 다소 트렌디하며 관심을 끌기위한 흥미로운 시각적 요소를 제공합니다. 그림자는 일반적인 눈에는 분명하지 않지만 상호 작용을 장려하기 위해 배경에서 요소를 들어 올리는 것처럼 보입니다.
3. 목적이있는 애니메이션
웹 사이트 디자인에있어 애니메이션은 거의 모든 곳에서 사용되므로이 기술을 과도하게 사용하지 않는 것이 더욱 중요합니다.
최신 인터페이스는 이유가있을 때만 요소에 애니메이션을 적용합니다. 의도적 인 애니메이션은 사용자가 버튼을 클릭하거나, 탐색 신호를 제공하고, 지시를 제공하거나, 간단한 유쾌한 기능을 수행하는 데 도움이 될 수 있습니다.
웹 사이트 애니메이션에 목적이 있고 순수한 장식이 아닌지 확인하려면 애니메이션 요소의 목표와 전체 디자인의 일부로 작동하는 방식을 고려하십시오.
4. 읽기 쉬운 글꼴 크기
본문의 기본 크기가 느리게 증가한 것을 보셨을 것입니다. 모든 곳에서 눈이 당신을 감사합니다.
작고 읽기 어려운 글꼴 크기는 사용자 인터페이스에 가장 먼저 적용되는 요소 중 하나입니다. 사람들은 더 크고 읽기 쉬운 서체에 익숙해졌습니다.
웹 사이트의 본문은 14 ~ 16 포인트입니다. 처음에는 큰 느낌이 들지만이 크기는 눈을 즐겁게하고 읽을 수있는 크기로 모바일 화면으로 변환하며 꽤 표준이되었습니다. (줄 간격도 적절한 측정 값으로 조정하는 것을 잊지 마십시오.)
5. 음성 인터페이스
웹 사이트에 사용자가 음성과 통신 할 때 쉽게 찾을 수있는 정보가 있습니까? 대화 형 음성 인터페이스는 가장 빠르게 성장하는 사용자 인터페이스 디자인 세그먼트 중 하나 일 수 있습니다.
음성 인터페이스와 사람들이 귀하의 콘텐츠에보다 쉽게 액세스 할 수 있도록 웹 사이트를 디자인 할 수 있습니다. 일반적인 질문을하고 대답하고, 작은 덩어리로 중요한 정보를 제공하고, 의도를 만들기 위해 예제를 사용하고, 인터페이스가들을 때 시각적 피드백을 사용하십시오.
Interaction Design Foundation의 메시지는 다음과 같습니다.
훌륭한 음성 사용자 인터페이스를 디자인하려면 사용자에게 수행 할 수있는 작업과 사용자를 압도하지 않고 수행 할 수있는 방법에 대한 누락 된 정보를 사용자에게 제공 할 수있는 우아한 방법을 찾아야합니다.
6. 원활한 상호 작용
한 장치에서 다른 장치로 웹 사이트 상호 작용이 원활해야합니다.
사용자는 페이지간에 이동할 때 동일한 경험을 원합니다. 또한 웹 사이트가 데스크톱 컴퓨터와 전화에서 동일하게 보이고 작동하기를 원합니다.
모든 최신 사용자 인터페이스는이 지침을 준수합니다. 귀하의 사이트가 귀하의 웹 사이트 모델을 다시 생각할 필요가 없다면 바로 계획하십시오.
7. 스마트 폼 / 입력
너무 많은 정보를 요구하는 방대한 온라인 양식의 시대는 지났습니다. 최신 인터페이스는 짧은 형식을 사용하여 각 사용자의 시간을 존중하고 존중하는 데 필요한 것 (및 짧은 관심 범위) 만 요구합니다.
최신 인터페이스는 스마트 한 형태와 입력을 사용합니다. 즉, 필요한 정보 만 요청하고 (필요한 경우 양식 필드에 if-then 논리를 사용) 데이터를 검증해야합니다. 후자는 잘못 입력하고 오류를 생성하기 쉽기 때문에 특히 소형 장치에서 매우 중요합니다. 데이터 유효성 검사는 사용자에게 즉시 무언가 잘못되었음을 알리고 나중에 프로세스에서 좌절을 방지합니다.
8. 안전하고 신뢰할 수있는
이것은 거의 말할 것도 없지만 웹 사이트는 안전하고 신뢰할 수 있어야합니다.
사용자는 쇼핑 및 탐색시 SSL 및 HTTPS를 필수로 만들 때 보안 잠금을 찾는 경우가 많습니다. 다른 것은 너무나 2010 년입니다.
9. 사용자 정의 및 개인화
더 많은 인터페이스가 사용자를 위해보다 맞춤형의 맞춤형 서비스를 제공합니다.
언어 및 통화 지원을 위해 사용자 위치를 정확하게 나타내는 도구, 며칠 동안 쇼핑 카트를 보관하는 쿠키 또는 사용자가보다 개인적인 경험을 만들 수있는 로그인이 표준입니다.
맞춤 설정 및 맞춤 설정은 사람들이 선택을 할 때 다른 사람보다 웹 사이트를 선택하는 데 도움이되는 차별화 지점이됩니다. 이러한 작은 세부 사항은 많은 차이를 만들 수 있습니다.
10. 진화
시간이 지남에 따라 진화하고 변화 할 수있는 디자인이 있어야합니다.
우리는 3 년에서 5 년마다 새로운 웹 사이트 디자인이 필요하다고 말했습니다. 이제 신선하고 관련성을 유지하기 위해 6 개월마다 웹 사이트 조정이 필요할 수 있습니다. (기술은 그렇게 빨리 움직이고 있습니다.)
작은 디자인 변경에서 유용성 업데이트에 이르기까지 다른 웹 사이트에서보고있는 내용에주의를 기울이고 이러한 변경 사항과 개선 사항이 자신에게 도움이 될 수있는 방법에 대해 생각하는 것이 중요합니다.
결론
처음에는 그럴 것 같지만 현대적인 UI를 만드는 것은 로켓 과학이 아닙니다. 사용자 행동과 패턴 및 그에 영향을 미치는 디자인 선택에 대한 연구입니다.
트 렌딩과 최신 인터페이스 디자인 사이에는 미세한 선이 있습니다. 후자는 더 오래 붙는 경향이 있으며 기능과 유용성에 조금 더 뿌리를두고 있으며, 전자는 대부분 미학입니다.
웹 디자인은 항상 변화한다는 사고 방식으로 시작하십시오. 그런 다음 긍정적이고 기억에 남는 웹 경험에 대해 생각하고 향후 인터페이스 개정에서 이러한 기술을 고려하십시오.
