웹에서 많이 사용되는 라이트 박스 효과 (예 : JQuery Lightbox 및 Shadowbox)를 보았습니다. 어제는 라이트 박스에 완전히 매혹하고 그들에게 양식을 포함하여 제출 될 때마다 사용하고자하는 고객과 토론에 들어갔다 :라이트 박스 효과는 언제 사용합니까?
가 나는 사람들이 생각할 때 알고 싶은 양식 제출 후 "감사합니다" 라이트 박스는 d는 사용되어서는 안되며 이유는 무엇입니까?
가능한 용도 IMHO :
이상적으로는 각각에 대해 본격적인 별도의 URL/HTML 리소스로 정상적으로 저하됩니다. 이렇게하면 북마크 기능 (라이트 박스가 이력 관리를하지 않는다고 가정 할 때)과 검색 엔진 크롤링 기능이 제공됩니다.
사용하도록 선택한 경우 일관되게 사용하는 것이 중요합니다. 그것들은 근본적으로 새로운 UI 패턴이므로, 사용자는 (무의식적으로) 패턴을 어떻게 적용하는지 이해할 것으로 기대합니다. 이것은 사이트에 대한 신뢰와 사이트 동작을 예측하는 기능을 향상시킵니다.
라이트 박스의 의도는 이미지, 그래프 등의 특정 요소를 강조 표시하는 것입니다. 나는 브라우저에서 HTML 페이지가 개인적으로 싫어하지만 일부 사용자는 그것을 좋아할 것입니다.
개인적으로 이미지 전용으로 사용합니다.
우선이 모든 양식에 대해 모달 대화 상자를 사용할지 여부를 결정해야한다고 생각합니다.
일반적으로 웹 사용자는 모달 양식을 사용하여 로그인하거나 새 계정을 만들거나 질의를 제출할 것을 기대하지 않습니다. 배경이 희미 해지고 등록 양식에만 집중해야 할 때 사용자가 밀실 공포증을 느끼는 것을 알 수 있습니다.
모달 대화 상자는 창을 닫거나 채울 때까지 다른 모든 워크 플로를 차단하기 때문에 종종 비판을받습니다. 또한 다른 웹 컨트롤이 응답하지 않는 것에 대한 혼란을 야기 할 수 있습니다.
그럼에도 불구하고 일부 특정 웹 인터페이스에서 작동하는 것을 볼 수 있기 때문에 전적으로 투표하지 않습니다. 그러나 나는 특히 사용자 참여의 양이이 웹 사이트에 필수적이라면주의해서 진행할 것입니다.
라이트 박스는 모달 대화 상자 패턴이 UI에서 적절할 때마다 유용하다고 생각합니다.
예를 들어, 사용자가 로그인 할 수 있도록 AJAX 액션이있는 로그인 라이트 박스를 표시하면 완전히 새로운 페이지로 리디렉션 한 다음 다시 원래 위치로 리디렉션하는 것보다 방해가되지 않으므로 제공되는 것이 적절하다고 생각됩니다. 로깅은 선택 사항입니다. 사용자가 사이트를 사용하기 전에 로그인하도록 강요하면이 패턴은 유용하지 않습니다.
그러나 감사의 메시지를 표시하는 라이트 박스를 사용하는 것은 방해가됩니다. 그래서 나는 거기에서 그것을하지 않을 것입니다. 메인 UI에보다 명확하게 관련 될 수 있고 사용자를 괴롭히지 않으므로 페이지 레이아웃 내에 명확하게 표시된 상태 표시기 또는 메시지를 갖는 것이 더 좋습니다.
일반적으로 라이트 박스를 사용하여 필요한 UI가 기본 페이지에 잘 맞지 않는 페이지 외부 기능을 제공합니다. 예를 들어 여러 문서를 업로드해야하는 페이지에서 다음에 업로드 버튼을 제공합니다 클릭하면 각 문서 항목에 문서의 세부 정보 (유형, 파일, 날짜 등)를 수집하는 라이트 박스를 표시 한 다음 AJAX를 사용하여 서버에 파일을 게시합니다.
메인 페이지가 간소화되어 대화 상자를 한 번 정의하고 여러 번 재사용 할 수 있으며 기본적으로 데스크톱 응용 프로그램처럼 작동하므로 사용하기가 간단합니다.
라이트 박스를 절대로 사용하지 않으시겠습니까? 당신을 위해 일하지 않습니까? 라이트 박스는 전형적으로 너무 어색하고 외계인이며, 그 중 하나를 열면 보통처럼 새로운 페이지로 연결하는 것보다 거의 보편적으로 나빠집니다.
Immoveable 및 모달 : 유용성, 그들은 고려 가치도하지 않은 새 브라우저 창이나 대화 상자가 너무 열등입니다. 대화 상자의 대안으로 라이트 박스가 움직이지 못하고 모달되지 못합니다. 내가 본 라이트 박스는 움직일 수 없기 때문에 사용자는 그 안에있는 것과 상호 작용하는 데 도움이되는 모든 것을 볼 수 없습니다. 움직일 수 있더라도 창 프레임 바깥으로 움직일 수 없으므로 항상 뭔가를 가리고 있습니다. 대화 상자에는이 제한이 없습니다. 라이트 박스는 모달이어야하므로 라이트 박스를 이동할 수 있더라도 부모 페이지와 상호 작용할 수 없습니다. 대화 상자는 모덜리스 일 수 있습니다.
정신력이 추가되었습니다.. 라이트 박스는 사용자가 탐색하고 또 다른 탐색 방법을 기억하도록합니다. 이전 콘텐츠로 돌아가려면 일부 콘텐츠를 해산하는 3 가지 일관성없는 방법이 있다는 것은 충분히 나쁩니다. 사용자는 뒤로 단추를 사용하거나 현재 창을 닫거나 현재 탭을 닫아야합니다. 이제는 라이트 박스를 닫는 작업을 추가합니다. 라이트 박스는 고유 한 특유의 컨트롤입니다. 우리는 이러한 복잡성을 필요로하지 않습니다.
파괴적인 뒤로 버튼 작업. 뒤로 버튼을 사용하도록 설정 한 상태에서 사용자가 클릭하면 라이트 박스에서 나가서 기본 페이지로 돌아가거나 슬라이드 쇼를 볼 때처럼 라이트 박스 내의 페이지로 되돌아갑니다. 대신 뒤로를 클릭하면 기본 페이지가 뒤로 이동하므로 사용자가 라이트 박스를 여는 등 모든 것을 다시 설정해야합니다. 뒤로 버튼을 비활성화 한 상태로두면 사용자가 새 탭이나 창에서 라이트 박스 내용을 열어서 창/탭 닫기 버튼을 클릭하여 뒤로 이동하거나 기본 페이지, 페이지의 역사 및 어쩌면 불어 날 수 있습니다. 전체 브라우저 세션
산만. 기본 페이지를 읽을 수 없도록하기 위해 라이트 박스는 일반적으로 텍스트의 시각적 대비를 줄여주는 모양을 제공합니다. 의도는 사용자가 페이지를 클릭하지 못하도록 페이지가 비활성화되어 있음을 제안하는 것이지만 페이지를 "비활성화"하는 더 좋은 방법은 다른 페이지로 이동하는 것입니다.대신 라이트 박스를 사용하면 사용자가주의해야 할 내용을 장식하는 텍스트와 이미지가 흐트러지는 테두리가 생깁니다. 따라서 라이트 박스를 사용한다는 것은 사용자가 두 페이지의 내용을보고 액세스 할 수 있도록하는 데있어 새로운 창의 이점을 상실한다는 것을 의미합니다. 사용자가 새 콘텐츠에만 집중할 수 있도록 새 페이지로 이동하는 이점을 잃어 버리는 것을 의미합니다.
라이트 박스는 이점과 많은 단점이없는 대화 상자를 다시 발명하는 것을 나타냅니다. 대화 상자가 필요하면 대화 상자를 사용하십시오. 라이트 박스는 팝업 창처럼 보이지 않으므로 사용자가 광고를 보지 못하도록하는 방식 이었지만 지금은 라이트 박스와 같은 요소를 사용하고 있으므로 손실이 없다면 이점은 사라집니다. 라이트 박스를 사용할 이유가 없습니다.
아멘, 라이트 박스 팝업은 감전과 같습니다. 그들은 나를 사용하는 사이트에서 아무 것도 클릭하지 않으려합니다. – Jacob
"느린"및 "중단 중"을 잊지 마십시오 ... –