UI 디자인의 많은 개념은 문자 그대로 다르게 보이지 않지만 실제로는 크게 다릅니다. 오랫동안 출판하지 않은 대만 디자이너 인 @akane_lee 교사는 개념을 분석 할 기회를 얻었고 흐름도 및 UI 흐름의 기능에 대해 자세히 설명했습니다 ~
나는 거의 한 달 동안 기사를 게시하지 않았으며 계획을 작성하고 프로토 타입을 만들고 실험 학생의 보고서를 실행 하느라 바쁘다. 최근에는 많은 UI 흐름을 구성해야합니다. 머리를 더 잘 정리할수록 페이스트처럼 느껴집니다. UI 흐름과 흐름도에 대해 이야기합시다. 흐름은 "프로세스"이고, UI 흐름은 페이지 흐름이며, 흐름도는 흐름도이며, 둘은 완전히 다른 차트입니다.
UI 디자이너는 UI 흐름에 매우 익숙하지만 흐름도에 익숙하지 않을 수 있습니다. 소프트웨어 개발에서 흐름도는 일반적으로 "판단"에 중점을 둔 SA에 의해 작성됩니다. 어렵지 않습니다. 잡지에 첨부 된 심리 테스트로 취급하고 "예"를 선택하고 오른쪽으로 가서 "아니오"를 선택하고 왼쪽으로 이동하십시오.
RD의 경우 먼저 프로그램을 작성하기 전에 "논리", 즉 다양한 "판단"으로 구성된 운영 아키텍처를 알아야합니다. 논리는 UI에도 매우 중요합니다. 그렇지 않으면 사용자가 작동 후 어떤 응답을 제공해야합니까?
가장 번영하는 회원 로그인
"멤버 로그인"을 예로 들어, 사용자가 계정 암호를 입력하고 입력이 올바른 경우 자동으로 멤버 정보 페이지로 이동합니다. 입력이 잘못되면 오류가 발생합니다 ...
기능지도에서 UI 흐름을 그리고 싶습니다. 나는 종종 "사용자가 잘못 작동하면해야 할 일"을 무시합니다. 마지막 순간, 나는 부족이 있음을 발견했습니다. 즉, UI가 누락 된 페이지를 긴급히 추가하고 RD가 열심히 일하는 것은 우아하지 않습니다. 오류는 무대를 내려 놓거나 시간이있을 때 보충되는 것이 아니라고 촉구합니다. 페이지와 프로그램은 입으로 작성되지 않았습니다 ...
확인 코드를 보내 드리겠습니다
매우 간단 해 보입니까? 그것은 단지 아닙니다. 실제로 그것을 그릴 때, 당신은 고려되지 않은 UI 흐름에서 많은 것들이 쉽게 간과된다는 것을 알게 될 것입니다. (그리고 기능이 추가되지 않았을 수 있습니까?)
때때로 사용자는 입력 오류를 계속 유지하며 누군가가 계정을 훔치려 고한다고 추측하는 것이 합리적입니다. 일반적인 차단 방법은 여러 오류를 입력 한 사용자에게 하나의 검증 코드 필드를 채우는 것입니다. 따라서 흐름도는 다음과 같습니다.
위의 그림은 단순한 프로세스 데모 일 뿐이지 만 "이봐, 검증 코드 함수를 추가"하면 흐름도가 갑자기 뚱뚱해집니다. 실제 회원 로그인 확인에 대한 더 많은 트릭 및 보안 고려 사항이 있습니다. 예를 들어, 3 개의 로그인 오류가 있으면 "비밀번호를 잊어 버린"등을 제공합니다. 계정을 직접 잠그는 경우 고객 서비스에 문의하여 항소하십시오.
흐름도와 UI 흐름은 서로를 보완하며 UI 흐름도도 먼저 제공됩니다. 흐름도가없고 처리 할 판단의 양을 알지 못하면 UI 흐름을 생성합니다. 페이지 누락 및 기능 누락 가능성은 매우 높습니다.
UI 흐름과 흐름도가없는 경우 RD는 그림과 판단 방법에 따라 흐름도를 거의 상상할 수 없지만 시스템이 클수록 패키지의 버그가 많을수록 패키지의 확률은 RD 경험 값에 따라 결정됩니다. 그러나 UI 흐름조차 없습니다. 몇 개의 와이어 프레임이나 모형만이 코끼리를 만지는 맹인 일뿐입니다. 단일 정적 이미지를 보면 페이지를 묶는 방법을 알 수 없습니다. 당신이 뇌에 의존하여 그것을 보충한다면 이상 할 것입니다.
아무것도주지 않으면 프로토 타입을 던지고 RD에게 복사하도록 요청하십시오. 정확히 똑같이하는 것은 매우 간단합니까? RD는 또한 함수를 연결하는 방법을 알기 전에 각 화면의 모든 버튼을 찌르고 찌르고 다양한 오류를 시도해야합니다. 이 작업에 대해 RD를 얼마나 싫어합니까?
참조 :
흐름도 - MBA 싱크 탱크 백과 사전
유량 차트 설명
UI 디자이너의 관점에서, 흐름도는 "사용자가 작업 및 완전한 작업 및 이러한 상황에서 소프트웨어 응답 방식"으로 간주 될 수 있으며 UI 흐름은 "사용자가 이러한 방식으로 작동하고 이러한 기능과 정보가 있으므로 페이지와 페이지가 그러한 방식으로 연결되기 때문에 확장됩니다."
UI 디자이너는 흐름도를 그리는 방법을 알 필요가 없지만이를 이해해야합니다. 일반적인 유량 차트 기호가 고정되어 있습니다. 추악 해 보이기 때문에 새로운 스타일을 디자인하지 마십시오. RD는 확실히 테이블을 돌릴 것입니다.
"결혼 전 머리 속의 물은 결혼 후 눈물이 흘린다"는 유명한 말이 있습니다. 소프트웨어 발달에 적용됩니다. 초기 단계에서는 예상되지 않는 기능의 수, 이후 단계에서 예상되는 근무 시간 수 ...