비즈니스 지향, 대량 데이터 입력(CRUD) 애플리케이션을 위한 GUI 디자인의 좋은 예

https://stackoverflow.com/questions/832142

06-07-2019
|

문제

매우 잘 생산된 기업의 예를 어디에서 찾을 수 있습니까?와이 다음을 갖춘 소프트웨어:

키보드 단축키를 일관되게 사용하는 것이 좋습니다.
좋은 키보드 형태 탐색
표준화된 양식 유효성 검사
표준화된 사용 조회/찾다 스크린.(사용자는 클라이언트 ID를 묻는 메시지를 받지만 이를 반환하는 팝업 창에서 조회할 수 있습니다.)
표준화된 유용성/LaF 규칙

간단한 CRUD 화면부터 CRM/ERP/재무/위험 평가 등과 같은 애플리케이션을 위한 매우 복잡한 프로세스 지향 GUI에 이르는 샘플을 보는 것이 좋을 것입니다.기본적으로 특정 비즈니스 프로세스를 정의하는 많은 양의 입력 필드가 있는 GUI입니다.

해결책

제가 지적할 만한 예가 없습니다.실제로 이러한 화면 중 상당수는 "추악한" 경향이 있다는 단순한 사실 때문에 웹에서 찾기 어려울 수 있습니다.이런 종류의 화면은 거의 아름답지 않습니다.

나는 이러한 것들에 대한 오랜 역사를 통해 몇 가지 팁을 제공할 수 있습니다.

일관성. 모든 것을 "동일하게 작동"하고 항상 동일하게 작동하십시오.기본적으로 화면이 아닌 폼을 보고 응모할 수 있어야 합니다.깜박임, 소계 및 색상은 모두 양식을 입력한 후에는 좋지만 입력 자체에서는 그렇지 않습니다.기본적으로 "뭔가 잘못되었습니다"라고 알려주는 오디오 경고가 필요합니다.사용자가 4개 필드를 잘못 입력했음을 발견하는 전형적인 "틱틱틱틱틱틱삐삐" 시나리오입니다.사용자는 완전히 눈이 먼 것은 아니지만 화면을 보지는 않을 것입니다.데이터는 양식에 있습니다.
모달 방식으로 작업하고 오류가 발생하면 계속 진행하는 것보다 중지하는 것이 더 좋습니다. 큰 양식의 경우 해당 정보를 모두 스캔하고 사후에 오류를 찾는 것은 매우 어렵습니다.그들이 틀렸을 때 멈추십시오. 그래야 그들이 그것을 고칠 수 있고 마지막에 고치러 돌아오기보다는 앞으로 나아갈 수 있습니다.양식에 포함할 수 있는 비즈니스 규칙과 검증 및 시행이 많을수록 좋습니다.주의가 필요한 경우 팝업, 경고, 선택기, 모달 모달 모달.여기서는 점토로 작업하지 않습니다.그들은 위대한 미국 소설을 집필하거나 세계 경제를 모델링하는 것이 아닙니다.
현장 점검 결과를 요약합니다. 예를 들어, 주문을 입력하면 입력 필드를 필드별로 스캔할 필요 없이 일종의 체크섬으로 주문이 "올바르게" 입력되었는지 확인하기 위해 주문 총계와 품목 수를 볼 수 있어야 합니다.대부분의 워크플로에는 데이터를 확인하기 위해 항목을 통과하는 불가피한 교차 확인 단계가 있지만 이는 데이터의 "원시 키잉" 이후에 이루어져야 합니다.사람들은 입력할 때마다 하나씩 확인하는 것보다 "대량 입력" 모드에 있을 때 작업 속도가 더 빨라집니다.그것은 그들의 리듬을 깨뜨리는 것입니다.기본 유효성 검사 및 키 입력이 완료된 후 예외를 더 쉽게 감지하고 수정할 수 있습니다.일부 필드가 다른 필드보다 더 중요한 경우(어떤 필드인지 알고 있는 경우) 화면과 종이 양식에서 해당 필드를 시각적으로 강조 표시하면 놀라운 효과가 있습니다.

양식 등이 잘 디자인된 경우(컴퓨터 양식과 종이 입력 양식 모두) 오류를 입력하기 어려워야 합니다(잘못된 고객, 잘못된 항목 등).일부 메모나 특별 지침에는 오타가 있을 수 있지만 다른 곳에서는 그렇지 않습니다.항목이나 금액을 잘못 입력한 경우 주문 합계가 제대로 이루어지지 않을 가능성이 높으므로 간단한 체크섬을 통해 이를 파악하는 데 도움이 됩니다.
"일관성"으로 돌아가서, 선택기 등이 모두 동일하게 작동하는지 확인하세요. 훈련을 단순화하고 사용자가 작업에 바로 "몰입"할 수 있도록 특수 기능을 최소한으로 유지하십시오.
단축키와 네비게이션은 선택이 아닌 필수입니다. 여기서 실제 문제점은 세부 영역(예:테이블 구조).테이블 구조를 입력하고 종료하려면 바로 가기가 필요할 수 있습니다.테이블에 "Tab"을 할 수는 있지만 다시 Tab으로 나갈 수는 없는 예를 많이 보셨을 것입니다.섹션 안팎으로 이동할 수 있는 전용 "메타 탭" 키가 있습니다.섹션 밖으로 이동하기 위해 마우스를 요구하는 것은 절대 아닙니다.
선택자를 위한 단일 단축키가 있습니다. 이상적으로는 이러한 기능을 너무 자주 사용할 필요가 없습니다.아마도 고객 조회를 위해 필연적으로 외워야 하는 대부분의 다른 코드가 있거나 입력 양식에 입력될 것입니다.선택기를 필터링 가능하게 만듭니다.
스크롤링은 악마입니다.스크롤링은 악입니다. 스크롤이 없습니다! "필드는 이동하지 않고" 항상 화면의 "같은 위치에" 있기 때문에 스크롤하는 것보다 페이징이 더 좋습니다.컨텍스트를 다시 얻기 위해 스크롤하기 전에 얼마나 자주 "스크롤"하고 "시작한 위치"를 선택하기 위해 검색해야 하였습니까?선택 목록의 경우에도 페이지 변경을 통해 실제로 "뭔가를 수행"했음을 시각적으로 알 수 있기 때문에 페이징이 매우 잘 작동합니다.여러 번 당신은 줄을 스크롤하고 "내가 정말로 내가 정말 했습니까?" 한 줄의 스크롤은 너무 미묘 할 수 있습니다.대규모 참가 양식의 경우, 여러 페이지로 구성된 긴 스크롤링 논문보다 매주 매일의 스크롤이 필요합니다.양식이 그렇게 큰 경우 양식에서 앞뒤로 이동할 수 있는 단축키가 있는지 확인하고 각 페이지에 일부 컨텍스트 정보(고객 이름, 주문 번호 등...간단한 헤더)가 있는지 확인하세요.
강력한 쿼리. 알려진 대로 "예제별 쿼리"는 최고의 메커니즘 중 하나입니다(예:그들은 "자신이 알고 있는 것"이라는 양식을 작성하고 양식이 다시 나타납니다.사람들은 미친 기준으로 데이터를 찾아야 합니다. 대부분의 모든 필드가 쿼리 가능한 경우 이를 통해 무엇이 필요하고 필요하지 않을지 추측하지 않고도 데이터를 찾을 수 있습니다.Informix 4GL은 화려한 QBE 시스템(> 04/01/09 2009년 4월 1일 이후 날짜의 경우, 12345|23456 품목 코드 12345 또는 23456의 경우).좋은 QBE 표현은 일반적인 필드에서 유효성을 검사하지 않을 가능성이 높으며 이는 특별한 경우입니다.(이것이 오늘날 QBE를 거의 볼 수 없는 이유입니다. 작업이 너무 많이 필요합니다. 하지만 정말 훌륭합니다.)
기억하다, 사용자는 모른다 왜 또는 어떻게 그들은 일을 하고 오직 아는 것만이 무엇 할 것. 그들은 알고있다 "A를 하고 싶을 때 키를 눌렀어요. 와이" 그들은 Y가 어디에 있는지 왜 Y인지 모릅니다. X와 Z 키는 함께 그룹화되어 있기 때문에 A와 유사한 작업을 수행할 수 있습니다.아니요, 그들은 귀하의 명령 분류를 모릅니다.그들은 당신의 추상화를 모릅니다.그들은 A, 히트를 할 줄 알아 와이.굵게 단어를 원하십니까?유형 Ctrl 키-비.아마도 Ctrl 키-나 단어를 이탤릭체로 표시하는 것은 니모닉 때문에 분명하지만 대부분의 사용자에게는 그렇지 않습니다.아마도 Ctrl 키-비 그리고 Ctrl 키-나 에 있습니다 Format 메뉴가 잘 그룹화되어 있습니다.상관없어요. Ctrl 키-비 == 굵게, 이탤릭체는 어떻게 쓰나요?

이러한 인터페이스의 단점은 교육입니다.그들은 그것을 사용하기 위해 훈련을 받습니다.그러나 사실 합리적으로 복잡한 비즈니스의 경우 사용자는 키잉 프로세스보다 훨씬 더 많은 교육이 필요합니다.시작 화면에서는 비즈니스 정책, 비즈니스 규칙 등을 가르치지 않습니다.애플리케이션에서 이를 시행할 수 있지만 어쨌든 사용자는 이를 스스로 알아야 합니다.

하지만 장기적으로는 더 효율적이기 때문에 괜찮습니다.여기서 게임은 사용자로부터 데이터를 효율적으로 가져와 일관된 방식으로 제공합니다.논리는 논리일 수 있지만 사용자 논리는 아닐 수 있으므로 "논리적" 방식으로 말하지 않겠습니다.따라서 원하는 경우 논리적으로 말하고 원하는 대로 부를 수 있지만 사용자에게는 일관성을 유지해야 합니다.

또 다른 일화는 10개의 키 반환 데이터를 사용했다는 것입니다.이는 항목 코드 및 수량과 같은 단순한 숫자 목록인 경향이 있습니다.우리의 목적을 위해서는 사용자가 이 데이터를 연속해서 두 번 입력하도록 하는 것이 다른 것보다 더 빠릅니다.오타, 전치 등을 잡아냅니다.일괄 체크섬과 결합하면 키잉 속도가 훨씬 빨라집니다.이 사람들은 시작할 때, 끝낼 때, 오류가 발생했을 때만 화면을 보았습니다.

마지막으로, 무슨 일이 있어도 화면과 절차는 할 것이다 변화.올해 어떤 형태를 사용하든 내년에는 바뀔 것입니다.그게 현실이니 참고하세요. 준비하세요.

프로젝트에 행운이 있기를 바랍니다.

다른 팁

나는 팬입니다 http://www.37signals.com/ 모음곡. 나는 그들의 형태와 Gui가 잘 생각되는 것을 발견했다.

알다시피, 있습니다 오프너프 프로그램, 출처, 문서를 무료로 얻을 수 있습니다.

추신 :이 링크는 나에게 괜찮습니다. 열 수 없다면 Google에서 Openerp를 검색하십시오.

나는 많은 것을 사용했지만, 정말 좋은 UI가 너무 잊을 수 있기 때문에 특정 앱을 기억하기가 어렵습니다.

나는 나쁜 것들을 많이 기억할 수 있습니다. Lotus Notes에 대해 암시하는 사람은 분명히 SAP 또는 Oracle Forms 기반 앱을 사용한 적이 없습니다.

순수한 효율성을 위해 구 세이버 항공 예약 응용 프로그램을 살펴 보는 것이 좋습니다. 두 줄의 텍스트 공간이 없거나 다른 문장 부호가 없습니다

첫 번째 라인 비행 제 2 줄 지불 세부 사항 이와 같은 내용은 비행 비용을 예약하고 지불합니다.

123109BA176Y
276.00GBPAM1122123412341234

여행사는 그것에 추가되었고 수년 동안 대신 녹색 스크린 터미널 에뮬레이터를 발사하는 Super Duper Windows GUI 교체를 수락하기를 거부했습니다. 항공사가 3 개의 글자 코드와 4 자리 비행 번호로 전환했을 때만 사망했다고 생각합니다.

나는 그것을 찾았다 대시 보드 스파이 웹 사이트 영감을 위해 최고 중 하나가됩니다.

다음은하지 말아야 할 일의 예입니다! : 당신이 사용한 최악의 UI

당신은 정말로 방문해야합니다 수치심의 인터페이스 홀, 당신은 가장 기괴한 기이를 찾을 수있을뿐만 아니라 그들이 생성하는 유용성 문제에 대한 가능한 해결책을 찾을 수 있습니다.

어쩌면 당신은 37signals를 고려해야합니다. 진짜 접근 방식은 앱에 많은 복잡성이있는 것 같습니다. Real을 얻는 것은 사용자를 행복하게하는 효과적이고 유용한 UI를 설계하는 데 도움이됩니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow