저는 클라이언트에서 UI를 관리하고 웹 서비스 호출을 통해 서버에 데이터를 제출하는 등 클라이언트 측 개발을 계속 해왔습니다. 구현 세부 사항을 찾는 것이 아니라, 진행중인 작업을 표시하는 개발자 기본 설정과 완료되거나 실패한 경우 표시 할 항목에 대해 궁금합니다.클라이언트 측 개발 - 진행 중/완료된 표시기 환경 설정?
예를 들어 설명을 위해 프로필 양식의 데이터를 웹 서비스에 제출하는 경우 어떻게해야합니까? 사용자에게 무슨 일이 일어나고 있는지를 표시하고 양식이 성공적으로 제출되었다는 메시지를 전하고 싶습니다.
나는 과거에 트위터 스타일의 메시지 (맨 위에 표시됨), 모달 대화 상자를 사용했습니다 ... 다른 사람들과 어떤 조언을 위해 일했는지 궁금합니다 (사용자가 좋아하는 점/좋지 않은 점 등).).
다시 기술적 세부 사항은 필요하지 않습니다.
감사합니다.
개인적으로 브라우저와 다른 탭을 완전히 차단하기 때문에 개인적으로 팝업 및 대화 상자에 약간의 분노가 있습니다. 그 (것)들을 고용하는 위치는 절대로 다시는 나를 볼 수 없을 것입니다.
지저귐을 사용하지 않았지만 Gmail 메시지 스타일은 나에게 매우 균형 잡힌 것처럼 보입니다. 당신은 항상 그들을 알아 차리지 만 결코 너무 많이 혼란스럽게하지 않습니다.
또 다른 옵션으로 오버레이 창은 특히 중요한 메시지를 표시하거나 결정을 요청할 때 특히 ajax 기반 응용 프로그램에서 유용합니다. 몇 가지 좋은 방법 : 페이지의 나머지 부분을 회색으로 처리하여주의를 끌고 사용자가 외부의 아무 곳이나 클릭 할 때 메시지 창을 닫습니다. 좋은 큰 버튼도 도움이됩니다 : 마우스를 사용하여 예리한 자세로 연습하는 것을 싫어합니다 :
구현 방법은 크게 두 가지가 보이지 않지만 진행 표시 줄 또는 '통화 중'표시가 분명히 필요합니다.
내 두 센트.
반투명 원 선회의 애니메이션 GIF 이미지가 페이지의 무언가가로드되는 매우 일반적인 지표입니다.
녹색 체크 표시는 성공한 작업의 일반적인 표시이며, 큰 빨간색 X는 사용자에게 그가 한 일 (또는 서버가하지 않은)이 옳지 않다는 것을 알리는 데 좋습니다. 물론 오류가있는 이유에 대한 설명을 제공해야합니다.
이 방법은 매우 간단하며 구현하기 쉽습니다.
이것은 커뮤니티 위키 일 것입니다. – Josh