it-swarm-ko.com

여러 개의 "경고"팝업을 처리합니까?

우리가 구축하는 iPad 응용 프로그램은 다양한 오류 조건에 대한 경고 창을 표시합니다. 기본 경고 창이 상당히 성가 시므로 경고에 대한 사용자 정의 UI 작성을 고려하고 있습니다. 내 질문은, 당신은 어떻게 경고를 쌓아 올리나요? 예를 들어 앱의 두 부분에서 두 개의 다른 경고가 발생하면 두 가지 문제가 발생했음을 나타내는 가장 좋은 방법은 무엇입니까? 한 가지 생각은 발생한 첫 번째 오류 만 표시하는 것입니다. 다른 하나는 경고를 하나씩 표시하여 사용자가 "확인"을 두 번 클릭하도록하는 것입니다. 또 다른 하나는 "2 가지 문제가 있습니다 : 여기에 1이 있고 또 다른 것이 있습니다"라는 오류가 있지만 오류 1이 발생한 후 오류 1이 발생하지만 사용자가 경고 1을 해제 할 수있는 옵션이 있기 전에 오류 2가 발생한 문제가 있습니다.

여러 경고 메시지를 그룹화하는 데 좋은 UI 패턴을 본 사람이 있습니까?

7
Arpit

다음은 Apple Finder Mac OS에서 수행하는 방법)입니다.

alt text

alt text

5
Hisham

아무도 내가 아는 경고를 좋아하지 않지만 여러 비동기 메시지의 경우 '성장'인터페이스는 지금까지 매우 매력적입니다. '알림'에 대한 여러 jQuery 특정 플러그인을 검토 한 후 다음이 매우 유용하다는 것을 알았습니다.

http://pines.sourceforge.net/pnotify/

간단한 데모를 클릭하여 페이지 오른쪽에있는 자바 스크립트 알림을 확인하십시오.

8
ericslaw

핵심 고려 사항 : 사용자를 중단해야합니까?

오류가 팝업에 표시되어야합니까, 아니면 앱 흐름에 표시 될 수 있습니까? 예 : 예외입니까, 아니면 알림입니까? "페이지를로드 할 수 없습니다"는 "리트 윗에 실패했습니다. 트위터가 응답하지 않았습니다."와 같은 의미와 무게가 다릅니다.

이러한 차이점에 대해 생각하면 몇 가지 생각으로 이어집니다.

  • 심각한 오류 인 경우 앱 흐름을 중단하고 사용자에게 경고해야합니다. 병렬로 발생할 수있는 다른 것이 없기 때문에 "페이지를로드 할 수 없습니다"가 팝업되어야합니다.
  • Twitter 앱에서 "리트 윗 실패"와 같은 중요하지 않은 오류는 사용자의 앱 사용을 방해하므로 일반적으로 읽거나 쓰는 것과 같은 흐름을 방해해서는 안됩니다.
  • 사용자는 무엇을하고 있습니까? 사용자가 순차적 작업을 수행하는 경우 (예 : 양식을 작성한 다음 사용자에게 서로 다른 오류를 그룹화하여 표시합니다.
  • 문제에서 벗어날 길을 설계하십시오. 예를 들어, 오류를 오류로 취급하지 마십시오. "retweet"예에서 Twitter API는 외부 종속성이므로 UI의 사용자에 대한 피드백을 포함하여 해당 API에 대한 모든 호출은 내결함성이 있어야합니다. 이는 사용자가 앱을 인식하는 방식에 영향을 미칩니다. 일부 예외가 발생할 때마다 항상 오류가 발생하면 사용자를 방해하는 불안정하고 성가신 앱을 인식하게됩니다. 오류를 인라인하고 Twitter가 때때로 다운 될 수 있기 때문에 발생하는 피할 수없는 알림으로 표시하는 경우에는 매우 다르게 나타납니다.
  • IPad의 플랫폼 규칙을 살펴보십시오. Apple 휴먼 인터페이스 지침을 참조하고 주요 앱을 살펴보십시오. iPad에 대한 나의 경험은 앱에 오류 상태가 거의 없다는 것이 었습니다. 이것은 훌륭한 테스트 때문이거나 디자이너가 앱에서 가능한 오류 상태를 설계했다는 사실이 예제를 고려하십시오. 웹 양식에서 특정 형식으로 전화 번호를 요청하면 사용자가 잘못 입력 할 수있는 오류 상태가 발생했습니다. 그러나 어떤 형식이든 받아들이면 사용자가 걱정해야 할 문제가 줄어 듭니다 .iPad 앱 디자이너가 그런 종류의 디자인을 선호하는지 궁금합니다.

내가 이것을 쓰는 동안 Sruly가 답변을 게시했으며 매우 구체적이고 기술적으로 보입니다. 바라건대 내 대답은 생각할만한 수준 높은 음식을 제공 할 수 있기를 바랍니다.

3
Rahul

하울

Howl은 iPad 용이며 Growl은 Mac 용입니다.

multiple alerts

여러 경고를 자동으로 쌓을 수 있습니다. 심각한 경고가 아닌 경우 1 초 후에 경고가 사라질 수 있습니다. 사용자가 해제해야한다는 경고를 만들 수도 있습니다. Growl은 많은 Mac 프로그램에서 사용되며 Howl이 얼마나 인기가 있는지 모르겠습니다.

3
neoneye

Apple 제품에 Windows 패턴을 사용하지 않을 수도 있습니다.

고려해야 할 몇 가지 패턴. (Windows에서)

  • 작업 표시 줄 알리미 아이콘은 한 번에 하나의 메시지를 표시하고 닫을 때 또는 다른 메시지가 표시되면 시간이 초과됩니다.

  • 일부 메시지는 각 후속 메시지가 몇 픽셀 아래로 오른쪽으로 이동하면서 쌓입니다.

  • JS의 경고와 같은 일부 메시지는 한 번에 하나씩 만 응답 할 때까지 차단됩니다.

  • 보안 위험에 대한 Windows 시스템 경고와 같은 일부 메시지는 하나의 상자에 표시되지만 모든 메시지가 표시됩니다.

  • StackExchange 사이트는 중요한 알림을 맨 위에 표시하며 작업을 수행 한 후 덜 중요한 알림이 팝업 될 수 있습니다.

나는 당신이 무엇을 만들고 있는지 정확히 알지 못하므로 제안하기가 어렵지만 제거 과정을 통해 좁힐 수 있습니다.

하나의 상자에 화면 픽셀 그룹화 메시지가 제한되어 있기 때문에 많은 화면 공간을 훔칠 수 있습니다.

심각한 오류가 없으면 JS 스타일 경고가 표시되지 않는 한 응용 프로그램이 차단되는 것을 원하지 않을 것입니다.

화면 공간이 부족하여 비 블로킹 팝업을 다시 쌓을 수 없습니다.

나는 이것이 당신에게 몇 가지 옵션 만 남길 것이라고 생각합니다. 클릭하면 차단 및 사라지지 않거나 사라지는 팝업 (예 : Windows taksbar의 알림 아이콘 버블 또는 StackExchange의 작은 알림) 또는 알림 영역 (StackExchange의 상단 막대)

2
Sruly

투명 도로 표지판 스타일 경고를 표시하고 오른쪽 상단 또는 오른쪽 하단에 둡니다.

오류가 발생할 때마다 기호를 표시 한 다음 다른 오류가 발생하면 경고를 더 밝은 색으로 플래시하고 그 옆에 표시되는 오류 수와 함께 카운터를 추가 할 수 있습니다. 기호 및 카운터 외에도 하나 또는 두 개의 Word 레이블이 필요할 수 있습니다. 짧고 중요한 것은 아마도 부동산을 구하는 것이 가장 좋을 것입니다.

사용자가 경고를 푸시 (클릭)하면 오류 목록이있는 상자가 나타납니다.

1
LoganGoesPlaces