Fake Stripe dashboard và Stripe thật

Toàn bộ ý nghĩa của việc so sánh fake Stripe dashboard và Stripe thật nằm ở độ chân thực: nếu bản demo không khớp với sản phẩm mà khán giả của bạn vẫn dùng mỗi ngày, nó lộ giả ngay lập tức. Một bản demo chỉnh sửa được làm tốt sẽ sao chép giao diện Stripe thật rất sát, nhưng có vài khác biệt cố ý đáng để hiểu rõ trước khi bạn đem ra trình bày.

Những gì khớp với giao diện Stripe thật

Một bản demo Stripe dashboard trung thành tái dựng những phần giao diện mà người ta nhận ra ngay từ cái nhìn đầu tiên:

• Thanh sidebar bên trái: thanh điều hướng với Trang chủ, Thanh toán, Số dư, Khách hàng, Payouts và Báo cáo theo đúng thứ tự quen thuộc.
• Thanh toán: danh sách giao dịch và phần tổng quan doanh thu gộp ở trên cùng, bao gồm thanh toán thành công và hoàn tiền.
• Số dư: khoản tiền khả dụng và đang chờ được trình bày y hệt cách Stripe hiển thị.
• Payouts: các đợt chuyển tiền theo lịch và trong quá khứ với cùng nhãn trạng thái và nhịp như thật.
• Báo cáo: biểu đồ doanh thu, bảng phân tích doanh thu ròng và phần tổng hợp phí, đúng kiểu chữ và khoảng cách riêng của Stripe.

Bản demo khác ở chỗ nào

Một bản demo là một bản sao phần front-end, không phải một tài khoản Stripe có kết nối thật, nên vài thứ vốn được thiết kế để hành xử khác đi:

1. 1Không có luồng dữ liệu trực tiếp. Các con số là giá trị bạn đặt, không phải số liệu kéo về từ các giao dịch thật, nên không hề dính tới API key hay dữ liệu khách hàng thật.
2. 2Chỉnh sửa được ở mọi chỗ. Trên Stripe thật các con số chỉ để đọc; trên một bản demo mọi giá trị đều là thứ bạn có thể gõ, và đó chính là toàn bộ tính năng.
3. 3Không có thao tác không thể hoàn tác. Một bản demo sẽ không thực hiện một khoản payout hay hoàn tiền thật. Click loanh quanh thoải mái vì chẳng có gì kết nối tới tiền thật.
4. 4Liên kết sâu được giản lược. Đào sâu vào toàn bộ nhật ký sự kiện của một giao dịch đơn lẻ không phải trọng tâm; cái quan trọng cho một buổi pitch là góc nhìn ở cấp độ dashboard.

Khớp y hệt phần khung giao diện, giữ các con số chỉnh sửa được, và không kết nối gì tới tiền thật. Đó chính là lằn ranh giữa một bản demo đáng tin và một tài khoản thật.

Độ chính xác từng pixel đạt đến mức nào?

Sát đến mức khác biệt nằm ở khả năng chỉnh sửa, chứ không phải ở vẻ ngoài. Khi sidebar, Thanh toán, Số dư, Payouts và Báo cáo được dựng lại từ chính mã front-end thật, người xem không thể phân biệt một bản dự phóng với một màn hình thật chỉ bằng mắt nhìn, mà chỉ biết được nhờ hiểu rằng các con số mang tính minh họa. Đây cũng chính là chuẩn mực chúng tôi áp dụng cho cả thư viện, được nói tới trong fake dashboard và dashboard thật.

Dùng sự chân thực một cách trung thực

Độ chân thực cao chính là lý do cách trình bày lại quan trọng đến vậy. Hãy giới thiệu dashboard như một bản dự phóng, "đây là hình dung về Stripe của bạn", thì nó là một công cụ trình bày sắc bén. Trình bày nó như một tài khoản đã kiểm toán thật để gây hiểu lầm cho ai đó thì nó trở thành hành vi gian lận. Để thấy mức độ giống nhau sát đến đâu, hãy mở một phiên bản chỉnh sửa được trên Dashmock.