출시 전: Web3 제품을 위한 UI/UX 디자인 기획

비공개 디자인 논의에는 무엇이 포함되나요?

유용한 첫 논의는 제품, 사용자, 가장 중요한 여정을 확립합니다. 완성된 명세서가 필요하지 않으며, 사용자 작업에 대한 명확한 설명이 실질적인 시작점을 제공합니다.

Premium Promotions의 담당자가 논의를 조정하고 작업 자료를 비공개로 유지합니다. 인터페이스 작업을 시작하기 전에 파일을 볼 수 있는 사람, 피드백을 통합하는 사람, 서면 승인이 필요한 결정을 확인합니다. 동의된 프로젝트 그룹 외부에는 귀하의 승인 없이 어떤 것도 공유되지 않습니다.

짧은 준비 노트에는 다음이 포함될 수 있습니다:

• 제품 및 의도된 사용자에 대한 설명.
• 사용자가 완료할 수 있어야 하는 주요 작업.
• 기존 화면, 프로토타입 또는 스테이징 제품(가능한 경우).
• 기술적 제약 사항 및 승인 담당자.

이것으로 단일 여정을 더 넓은 인터페이스 시스템과 구분하기에 충분합니다. 제품에 이미 시각적 아이덴티티가 있다면 그 안에서 작업할 수 있습니다. 관련 디자인 및 비주얼은 인터페이스와 함께 고려할 수 있지만, 별도의 결정으로 남습니다.

비공개 작업 파일, 결정을 투명하게 유지

작업 파일은 제품, 디자인, 엔지니어링 동료가 동일한 여정을 검토할 수 있는 공간을 제공합니다. 디자인이 구체화됨에 따라 리서치 노트, 사용자 플로우, 와이어프레임, 인터페이스 상태를 수집합니다.

초기 초안은 동의된 프로젝트 그룹 내에서 유지됩니다. 승인된 것으로 처리되기 전에 제안된 방향을 확인할 수 있으며, 서면 승인은 다음 단계를 안내해야 하는 결정을 기록합니다. 파일은 또한 제품 또는 엔지니어링 리드를 위한 미해결 질문을 기록하여, 불확실성이 정제된 화면 뒤에 숨겨지지 않도록 할 수 있습니다.

검토에는 다음이 포함될 수 있습니다:

• 맥락 이해를 위한 사용자 리서치 및 경쟁사 검토.
• 결정, 분기, 복귀 경로를 보여주는 플로우.
• 시각적 정제 전에 구조를 확정하는 와이어프레임.
• 합의된 사용자 여정에 대한 인터페이스 컴포넌트 및 노트.
• 워크스루를 위한 클릭 가능한 프로토타입.

팀은 설명되지 않은 화면 더미를 받는 대신 맥락 속에서 각 부분을 검토할 수 있습니다. 지원 언어의 경우 Web3 카피라이팅을 인터페이스 작업과 함께 배치할 수 있습니다. 담당자는 그 조정을 신중하게 유지하고 결정을 올바른 검토자에게 반환합니다.

지갑 및 트랜잭션 여정, 맥락 속에서 고려

Web3 여정은 사용자가 진행하기 전에 다음 작업과 그 의미를 이해할 수 있도록 해야 합니다. 먼저 순서를 매핑한 다음, 각 관련 지점에서 인터페이스가 어떻게 반응하는지 보여줍니다.

지갑 연결의 경우, 디자인은 연결이 요청되는 이유와 그 후에 무엇이 오는지 설명할 수 있습니다. 트랜잭션의 경우, 제품은 명확한 검토 단계, 대기 상태, 완료 메시지 또는 복구 경로가 필요할 수 있습니다. 암호화폐에 처음인 사람들을 위한 온보딩은 사전 지식을 가정하지 않고 작업을 설명하는 언어의 혜택을 받습니다. 오류 메시지는 사용자가 가능한 다음 단계를 이해하도록 도와야 합니다.

유용한 프로토타입은 제품이 구축되기 전에 결정을 시각화합니다.

프로토타입은 구현을 대체하는 것이 아니라 작업 중인 대화 도구입니다. 제품 및 엔지니어링 검토자가 변경 사항을 논의하기 쉬운 동안 주요 상태를 검토하도록 초대합니다. 제품이 목적에 대한 공개 설명도 필요하다면, Web3 콘텐츠 제작이 인터페이스 결정을 모호하게 하지 않으면서 해당 작업을 지원할 수 있습니다.

Figma 인계물, 합의된 여정에 따라 구성

Figma 인계는 승인된 화면을 그 뒤에 있는 플로우 및 컴포넌트와 연결합니다. 선택된 여정에 따라 인계물을 합의하여 파일이 제품을 구축하는 사람들에게 유용하게 유지됩니다.

정확한 내용은 승인된 디자인 범위를 따릅니다. 관련된 경우, 인계는 지갑 연결, 대기 작업, 완료 및 오류 피드백을 보여줄 수 있습니다. Figma 파일을 구성하여 개발자가 화면 간 관계를 검사할 수 있도록 하면서, 미해결 제품 질문을 명확히 드러냅니다. 동일한 팀이 더 넓은 커뮤니케이션을 준비하는 경우, 소셜 미디어 및 콘텐츠는 별도로 조정될 수 있습니다.

구성된 검토 리듬, 명확한 경계 설정

구성된 검토 리듬은 창업자와 제품 리드가 설명되지 않은 화면을 해석할 필요 없이 결정을 내릴 수 있도록 돕습니다. 담당자는 하나의 대화를 열어두고, 통합된 피드백을 수집하며, 어떤 변경 사항이 승인되었는지 기록합니다.

일반적으로 2개의 검토 게이트를 설정합니다: 하나는 매핑된 여정용, 다른 하나는 비주얼 방향 또는 프로토타입용입니다. 팀은 처음에 결정권자를 식별한 다음, 동작과 외관을 모두 검토할 수 있습니다. 일정은 여정 수, 리서치 필요 사항 및 검토 준비가 명확해진 후 합의됩니다. 소셜 미디어 및 콘텐츠 서비스는 제품 작업과 조정될 수 있지만, 디자인 결정을 변경하지는 않습니다.

디자인은 팀이 제어하는 제품 동작을 문서화할 수 있지만, 외부 지갑이 확인을 표시하는 방식이나 네트워크 상태가 트랜잭션 타이밍 및 수수료에 미치는 영향을 결정할 수 없습니다. 이러한 종속성을 정해진 인터페이스 동작으로 처리하지 않고 엔지니어링 검증을 위해 표시합니다.

첫 번째 노트와 다음 세 가지 결정

개선하려는 여정에 대한 짧은 노트로 충분히 시작할 수 있습니다. 의견을 듣고 담당자는 의도된 사용자, 주요 작업 및 알려진 제약 사항을 한곳에 모은 첫 번째 여정 맵을 준비합니다.

초기 교환은 세 가지 결정을 확정합니다:

1. 시작 여정: 사용자가 시작하는 곳과 완료해야 하는 것.
2. 검토 그룹: 초안을 검토하고 통합된 피드백을 제공할 수 있는 사람.
3. 첫 번째 인계물: 리서치, 플로우, 프로토타입 또는 더 넓은 인터페이스 시스템 중 어디서 작업을 시작할지.

이 순서는 시작 논의를 신중하고 실용적으로 유지합니다. 인터페이스 초안이 진행되기 전에 방향에 대한 승인 권한을 보유합니다. 브랜드 자료나 기존 화면이 있다면 담당자가 초기 맵에 포함시킬 수 있으며, 그렇지 않으면 대화를 통해 여전히 필요한 것을 확립할 수 있습니다. 여정을 명명한 간단한 노트를 환영하며, 담당자가 비공개 논의를 위해 첫 번째 맵을 준비할 것입니다.

이용 방법

1. 제품 맥락 공유제품, 사용자 및 고려 중인 여정을 설명합니다. 기존 화면과 알려진 기술적 제약 사항이 맥락 설정에 도움이 될 수 있습니다.
2. 디자인 범위 합의담당자가 어떤 여정, 검토자, 인계물이 작업에 포함되는지 명확히 합니다. 인터페이스 초안이 진행되기 전에 방향을 승인합니다.
3. 여정 매핑 및 프로토타이핑플로우, 와이어프레임, 비주얼 디자인을 개발한 후, 합의된 화면을 클릭 가능한 Figma 프로토타입으로 연결합니다.
4. 검토 및 인계팀이 주요 상태를 검토하고, 통합된 피드백을 제공하며, 구현 노트가 포함된 합의된 Figma 파일을 받습니다.