1. 프론트엔드 디자인과 백엔드 디자인(백엔드 시스템)의 차이점
제품 관리자에게 가장 중요한 일상 디자인 작업은 다음과 같습니다.
(1) 앱 디자인;
(2) 웹 디자인
(3) WeChat 디자인; p> p>
프론트엔드 디자인과 백엔드 디자인으로 나눌 수도 있습니다.
프론트엔드 디자인에는 APP 디자인, WEB 디자인, WeChat 디자인이 포함됩니다. 기능적으로는 일반적으로 데이터를 표시하고 수집하여 백엔드(사용자 조작 데이터, 사용자 행동 궤적 데이터 등)로 전송하는 것이 특징입니다. 일반적인 비즈니스 및 상호 작용 디자인 경험도 똑같이 중요합니다. 소프트웨어가 사용자의 요구 사항을 충족하지만 Tuoxiang만큼 추악하면 사용자는 소프트웨어를 구매하지 않을 것입니다. 그러나 너무 아름답다면 사용자의 요구 사항을 충족하지 못합니다. 사용자는 마지 못해 포기할 수 있습니다. 백엔드 디자인은 데이터 흐름(데이터 소스, 데이터 흐름 방향 및 프로세스 내 데이터 처리)과 비즈니스 로직에 더 많은 관심을 기울입니다. 사용자 경험에 대한 강조가 덜합니다. 따라서 백엔드 시스템의 일반적인 시각적 스타일은 더욱 엄격하고 명확한 분류에 중점을 두고 있음을 알 수 있습니다.
백엔드 시스템의 일반적인 분류
백엔드 시스템은 일반적으로 개방성 정도에 따라 개방형 백엔드 시스템과 비개방형 백엔드 시스템으로 구분됩니다.
첫 번째 유형(개방형 백엔드 시스템)의 일반적인 유형에는 WeChat 공개 플랫폼 등이 포함됩니다.
두 번째 유형은 일반적으로 고정된 사용자(운영 및 유지 관리, A측 직원(회사 직원 등))를 두고 있으며 일반에 공개되지 않습니다. 일반적으로 사용자는 예측 가능하고
제어 가능합니다.
일반적으로 인터페이스에서는 등록 기능이 제공되지 않습니다. 백엔드 시스템 사용자를 추가하려면 일반적으로 구성을 추가할 수 있는 관련 권한이 있는 관리자가 필요합니다.
또한 백엔드 시스템을 기능적 초점에 따라 분류하면 일반적으로 ERP 시스템, CRM 시스템 등으로 구분됩니다.
백엔드 시스템의 공통 기능
수천 개의 백엔드 시스템이 있지만 핵심 사항은 여전히 다음과 같습니다.
(1) 작업 흐름
(2) 권한 관리
(3) 작업 흐름(추가, 삭제, 수정, 조회)
(1) 작업 흐름
워크플로는 컴퓨터를 지원하는 협업 작업의 일부를 의미합니다.” 워크플로가 주로 해결하는 주요 문제는 특정 비즈니스 목표를 달성하기 위해 컴퓨터를 사용하여 미리 정해진 특정 규칙에 따라 여러 참가자 간에 문서, 정보 또는 작업을 자동으로 전송하는 것입니다.
소프트웨어에서 가장 일반적으로 사용되는 작업 흐름은 "승인"입니다. 디자인을 승인할 때 가장 먼저 해야 할 일은 프로세스를 이해하는 것입니다. 얼마나 많은 개인/부서가 프로세스에 참여합니까? 각 개인/부서에는 어떤 데이터 권한과 운영 권한이 있나요? 이전에 정부 프로젝트에 대한 승인 절차를 수행한 적이 있습니다. 다만, 업무상 비밀이유로 이 사건에 대해서는 설명하지 않겠습니다. 우리 회사의 OA 시스템에는 "사무실 승인" 모듈이 있습니다. 승인 절차는 다음과 같습니다. (사무소마다 승인 절차가 다릅니다.)
인터페이스는 다음과 같습니다.
1. 신규 승인
2. 내 애플리케이션
3. 메시지 알림
일상 업무에서 가장 흔히 접하는 워크플로 디자인은 리뷰 디자인입니다. 디자인을 검토할 때 이해해야 할 가장 중요한 것은 두 가지 사항을 명확히 하는 것입니다.
(1) 프로세스는 무엇입니까?
(2) 프로세스의 각 노드에 대한 데이터 권한 및 작업 권한입니다.
(2) 권한 관리
권한 관리란 일반적으로 시스템에 따라 설정된 보안 규칙이나 보안 정책을 말합니다. 사용자는 액세스 권한이 부여된 리소스에만 액세스할 수 있으며 그 이상도 그 이하도 아닙니다. 권한 관리는 사용자와 비밀번호가 있는 시스템이 있는 한 거의 모든 시스템에 나타납니다.
권한 관리에 대한 일반적인 시나리오는 역할 액세스 제어입니다. 예를 들어 회사에서 새로운 제품 부서 직원을 추가하는 경우 해당 직원에게 권한을 부여해야 합니다.
예를 들어, 직원은 시스템의 특정 모듈의 데이터를 볼 수 있는 권한이 있지만, 운영할 수 있는 권한은 없습니다.
일반적으로 업무상 권한 관리는 두 가지로 구분됩니다.
1. 기능별 권한 관리(추가, 삭제, 수정, 확인)
2. 데이터 수준 권한 관리 (특정 데이터는 특정 유형의 사람(예: 부서 관리자)이 볼 수 있지만 특정 유형의 사람(예: 부하직원)은 볼 수 없음)
3. 메뉴 권한 관리
백그라운드 시스템에는 일반적으로 많은 모듈을 포함하여 많은 메뉴가 있습니다. 일부 모듈은 특정 역할(예: 재무 직원)에게 표시되고 일부 모듈은 특정 역할(예: 관리 직원)에게 표시되지 않습니다. 그래서 이 부분도 권한 관리의 일부입니다.
요약:
권한 관리는 복잡하고 많은 콘텐츠가 포함되지만 일반적인 권한 관리는 아래 그림과 같습니다.
(3) 작업 흐름
작업 흐름은 시스템 내부 작업과 프런트엔드 및 백엔드 상호 작용으로 구분됩니다.
시스템의 내부 운영을 위해서는 대개 시스템의 기본 데이터 구성, XX 관리 등이 있습니다. XX 관리에는 일반적으로 풍부한 기능(콘텐츠 추가, 콘텐츠 삭제, 콘텐츠 수정, 콘텐츠 쿼리, 콘텐츠 내보내기 등)이 있으며 시스템의 기본 데이터 구성은 일반적으로 기본 데이터의 선택 및 구성만 포함합니다. 데이터 추가, 삭제 및 확인 작업은 포함되지 않습니다.
프런트 엔드 및 백엔드 상호 작용의 경우 일반적으로 우리가 가장 자주 보는 WeChat 공개 계정의 기사가 포함됩니다.
프런트엔드와 백엔드의 상호작용을 위해서는 디자인할 때 앞면과 뒷면의 매칭에 주의해야 합니다. 프로토타입을 그린 후 프론트엔드와 프론트엔드 프로토타입을 동일하게 확인하는 것이 가장 좋습니다. 예를 들어 배경에 프론트엔드 텍스트가 그에 맞게 입력되었는지 등이 있습니다. 마찬가지로 프런트엔드에 입력된 내용이 배경에 표시됩니다. 표시되지 않는다면 그 이유는 무엇입니까?
시스템 기본 데이터 구성에는 일반적으로 포인트, 업로드 설정 등과 같은 시스템의 일부 기본 데이터 구성이 포함됩니다.
백엔드 시스템 설계 시 주의 사항
(1) 백엔드 시스템 탐색 선택
일반적인 백엔드 시스템 탐색에는 세 가지가 있습니다.
1. 왼쪽 탐색
2. 상단 탐색
3. 왼쪽 탐색 상단 탐색.
스크린샷을 찍으면 아래와 같습니다.
1. 왼쪽 탐색
2. 상단 탐색
3. 왼쪽 탐색 상단 탐색
일반적으로 탐색을 선택할 때 확장성과 기능을 기반으로 탐색을 선택하게 됩니다. 일반적으로 왼쪽 탐색(확장성이 더 높음)을 선택합니다. 또한 기능이 많은 경우 왼쪽 탐색과 상단 탐색도 선택됩니다.
백엔드 시스템에 첫 번째 수준 열(즉, XXX 관리)이 많은 경우 왼쪽 탐색을 사용하는 것이 좋습니다(첫 번째 그림 참조). 페이지 확장이 더 좋은 반면, 확장성도 상대적으로 강합니다.
백엔드 시스템에 1차 수준 열이 적고(나중에 확장성이 특별히 강하지 않음) 2차 수준 열이 더 많은 경우(확장성이 높음) 일반적으로 왼쪽 탐색 상단을 선택합니다. 내비게이션의 경우(1단계 열은 상단에 배치되고, 2단계, 3단계 열은 왼쪽에 배치됨)
(2) 백엔드 시스템 명명 시 주의사항
백엔드 시스템을 설계할 때 기능 모듈의 명명은 명확하고 이해하기 쉬워야 하며, 모호. 작업 버튼인 경우 편집, 삭제, 보기, 검색, 검토 시작 등과 같은 동사를 사용해야 합니다. 사실 네이밍은 프론트엔드 디자인과 똑같습니다. 아주 디테일한 부분이지만, 주의를 기울이지 않으면 사용자 경험에도 큰 영향을 미치게 됩니다. (사용자 경험에 대한 백그라운드 요구 사항은 프런트 데스크에 비해 그리 높지 않지만 백그라운드 작업은 프런트 엔드 시스템은 물론 타사 시스템에도 영향을 미치기 때문에 작업(네이밍, 작업 권한, 작업 프로세스, 사전 작업) )
특정 용어에 대해 명확하지 않은 경우 Baidu Encyclopedia를 사용할 수 있습니다. 결국 Baidu는 여전히 권위가 있습니다.
요약
백엔드 시스템의 디자인은 프런트엔드 시스템의 디자인과 유사하지만 차이점도 있습니다. 마찬가지로, 디자인할 때 먼저 사용자가 누구인지 파악하고 비즈니스와 요구 사항을 이해해야 합니다. 그러나 프론트엔드에 비해 백엔드는 일반적으로 많은 변화를 겪지 않으며 동시에 여러 시스템을 지원할 수 있습니다. 따라서 백엔드 시스템을 설계할 때 우리는 로직에 큰 주의를 기울입니다. 또 다른 훌륭하고 복잡한 백엔드 시스템은 개인적인 논리적 사고를 연습하는 데 매우 유용합니다.
참고: 저는 빠르게 성장하고 있는 제품 신인 Lan Lan입니다. 저와 소통하려면 WeChat에 저를 추가해 주세요. WeChat ID: qjl0726
2017년 1월 23일 저녁 작성