Làm thế nào để trình bày mockup thiết kế web cho khách hàng?


8

Tôi đang làm việc trên một dự án thiết kế lại trang web. Tôi sẽ cần phải trình bày một vài mockup khác nhau cho khách hàng để xem xét. Tôi muốn chắc chắn rằng khách hàng có thể nhìn thấy mọi thứ trong bối cảnh. Tôi không muốn cho rằng khách hàng có phần mềm phù hợp. Thậm chí có thể thêm một số ý kiến, câu hỏi hoặc nền tảng về hướng thiết kế.

Một cách điển hình để trình bày mockup cho khách hàng là gì? Tôi cho rằng việc trình bày các mockup trang web trong email không phải là cách tốt nhất. Nếu email là một phương tiện thành công để trình bày các mockup, vui lòng giải thích điều đó trong một câu trả lời.


cũng là một phương tiện thành công của một mockup đang mã hóa nó ra. Sẽ luôn luôn có một biến thể từ thiết kế để mã. Sự thay đổi nhỏ đó sẽ khiến khách hàng hỏi hoặc nói "điều đó không giống như trong thiết kế".
DVᴀᴅᴇʀ

Bạn luôn có thể tạo máy chủ của riêng mình và cung cấp cho họ các liên kết đến giả lập mà bạn đã thiết kế? Tôi nghĩ đó sẽ là cách tốt nhất. Bạn có thể muốn tạo một tài khoản cấp thấp và cung cấp cho họ thông tin đăng nhập chi tiết.
BBking

Câu trả lời:


6

Vâng, có một số cách để gửi một mockup cho khách hàng. Nếu bạn lo lắng về phần mềm, bạn có thể xuất từng thiết kế dưới dạng .pdfvà tạo một trang biến đổi .pdftrong Acrobat và thêm nhận xét để hỗ trợ cho bản trình bày nếu bạn không muốn chỉ gửi hình ảnh.

Một lựa chọn khác là làm cho chúng được in chuyên nghiệp trên bảng quảng cáo và thực hiện một cuộc biểu tình trong một cuộc họp.

tạo trình chiếu và hiển thị chúng trong một cuộc phỏng vấn.

Mã ra trang web trong khung dây đó là lý do tại sao tôi đăng bài này .

Nếu bạn muốn mua rẻ, hãy mua một số giấy phác thảo như thế này , lấy thước kẻ khoảng 36 "khung dây trang web của bạn và sử dụng bút chì màu để minh họa khung dây.

Câu hỏi của bạn rất mơ hồ và có một số ý tưởng và giải pháp. Khi tôi đọc câu hỏi này, tôi không biết bạn đang ở giai đoạn nào trong thiết kế lại. Khi bạn đề cập đến mockup tôi giả sử bạn đang ở giai đoạn khung dây.

EDIT: nhưng thực tế nếu bạn quá lo lắng về việc khách hàng có cảm giác chính xác cho trang web thì bạn cũng có thể mã hóa nó và đảm bảo rằng tệp CSS của bạn có thể chỉnh sửa đủ để bạn không tự đào lỗ hổng với các thay đổi. Trang web này có phải là một trang web CMS, trang web HTML đơn giản, trang web thương mại điện tử, v.v ... Tại sao không chỉ tạo toàn bộ trang web trong khung dây CSS không?


Đó là một số ý tưởng tốt. Theo mockup, ý tôi là một ví dụ chất lượng cao về trang web sẽ trông như thế nào (chưa có html / css). Tôi đã lên kế hoạch tạo ra một vài mockup khác nhau trong photoshop vì việc thay đổi thiết kế trong photoshop nhanh hơn / dễ dàng hơn là mã. Tạo một bản trình bày dựa trên web sẽ giúp khách hàng cảm nhận được trang web sẽ trông như thế nào trong trình duyệt. Tôi cũng có thể thêm một số Google Analytics để biết chính xác trình duyệt mà khách hàng đang sử dụng để tôi có thể chắc chắn rằng nó trông tốt trong trình duyệt của họ.
Andrew

tốt, trình duyệt nào khách hàng sử dụng không thực sự quan trọng nếu nhân khẩu học của họ hướng tới điều gì đó khác biệt. bạn cần tìm hiểu nhân khẩu học của họ để xem IE có cần thiết hay không.
DVᴀᴅᴇʀ

Lời khuyên tốt, nhưng tôi đã biết các trình duyệt mục tiêu. Phần quan trọng của việc biết trình duyệt máy khách là bạn không mắc phải một số lỗi rõ ràng mà khách hàng sẽ thấy ngay lập tức. Ngoài ra, nếu khách hàng đang sử dụng công cụ quản trị để chỉnh sửa trang web của họ, đảm bảo trình duyệt của họ được hỗ trợ là điều quan trọng.
Andrew

5

Nếu tôi hiểu chính xác, bạn sẽ tự hỏi liệu có cách chia sẻ 'tiêu chuẩn' nào không (ví dụ như khi gửi, ví dụ, thiết kế logo - nơi bạn thường tuân theo hướng dẫn trình bày).

Theo như tôi quan tâm: Không, không có.

Nó chủ yếu sẽ phụ thuộc vào phương tiện liên lạc bạn đã sử dụng với khách hàng của mình. Mặc dù email hoàn toàn hợp lệ trong hầu hết các trường hợp, ví dụ, bạn có thể cần chia sẻ kết quả công việc của mình với một nhóm lớn hơn. Trong trường hợp đó, bạn có thể muốn sử dụng một số ứng dụng cho phép mọi người tương tác theo cách năng động hơn.

Một số công cụ quản lý dự án tôi đã sử dụng cho phản hồi của nhóm là BaseCampTrello . Nhưng có rất nhiều cái tương tự mà bạn có thể thấy rất hữu ích (thậm chí Google Docs - Cũng có một danh sách toàn diện ở đây ). Ưu điểm của họ là họ cho phép các thành viên khác nhau rời khỏi đầu vào phát triển và như bạn đề cập trong bình luận, nó cho phép theo dõi mọi thứ.

Balsamiq là một công cụ tuyệt vời khác để dễ dàng thêm nhận xét và sửa đổi cho các mô hình trực tuyến (nó không thực sự đòi hỏi bất kỳ chuyên môn nào của khách hàng, nó rất trực quan), nhưng có lẽ bạn cần phải có giấy phép mở rộng để có thể mời mọi người kết thúc.


Danh sách toàn diện đó là khá tốt. Tôi không nhất thiết phải nghĩ đến dịch vụ của bên thứ ba (Tôi cũng là nhà phát triển, tôi có thể tự xây dựng dịch vụ của mình). Chỉ cần tự hỏi làm thế nào các nhà thiết kế thường trình bày các mockup thiết kế web theo cách kỹ thuật số để có được phản hồi của khách hàng.
Andrew

3

Tôi nghĩ rằng bạn đang hỏi về hành động vật lý của việc trình bày hơn là các chi tiết của công nghệ.

Bạn đúng trong bối cảnh đó là một phần rất lớn của một bài thuyết trình thành công. Gửi mock-up ra cho họ nhìn mà không cần bạn ở đó là không lý tưởng. Điều thường xảy ra là bạn sẽ nhận được phản hồi không tập trung ... thường là nơi các bình luận sẽ tập trung vào các chi tiết thẩm mỹ không quan trọng và thường chủ quan thay vì các vấn đề lớn về chiến lược.

Những gì tôi muốn giới thiệu là một số hình thức đi bộ chính thức với họ. Trực tiếp lý tưởng, nhưng nếu không trực tiếp, bạn có thể dễ dàng xử lý nó qua một cuộc gọi điện thoại (gửi các tệp 5 phút trước cuộc gọi) hoặc thông qua một số loại công nghệ chia sẻ màn hình như Skype.

Bằng cách này, bạn không chỉ hiển thị hình ảnh của mình mà còn có thể GIẢI THÍCH hình ảnh của bạn. Bạn có thể nói về các quyết định chiến lược kinh doanh và thẩm mỹ mà bạn đã đưa ra để đi đến kết luận mà bạn đã đưa ra. Bạn có thể giúp tập trung sự chú ý vào các khía cạnh chính và làm chệch hướng khỏi các chi tiết ít quan trọng hơn để giữ cho dự án đúng mục tiêu.

Về những gì cần trình bày, tôi đồng ý với nhiều ý kiến ​​khác cho thấy việc mô phỏng trực quan tĩnh cho các trang web không lý tưởng và có nhiều cách tốt hơn để giải quyết vấn đề này, nhưng đó thực sự là một câu hỏi hoàn toàn khác.


Bài đăng tốt và để thêm Tôi tin rằng bạn đang đề cập đến một hội thảo trên web. Có một số giải pháp kinh doanh nhỏ và giải pháp doanh nghiệp ra khỏi đó.
DVᴀᴅᴇʀ

3

Là nhà phát triển và nhà truyền thông, hãy cố gắng cho khách hàng của bạn biết rằng những gì họ đang xem là một bức tranh tĩnh và phẳng về thiết kế trang web tiềm năng của họ. Dưới đây là một số phương pháp để trưng bày thiết kế web cho khách hàng:

Phương pháp trình bày thiết kế web Mock-Ups

  • Đặt hình ảnh trên một trang web và gửi cho họ một liên kết

  • Gửi một JPEG hoặc PNG qua email

  • Sử dụng một số loại ứng dụng dựa trên web

  • Sử dụng trang web CodedPreview

  • Tạo một Studio khách hàng

  • Xuất mock-up trong PDF

  • Gửi cho họ một JPEG hoặc PNG và yêu cầu họ in nó


2

Tôi đã liên hệ với một người bạn của tôi, người đề nghị như sau:

  • Nếu bạn chỉ làm việc với hình ảnh, có các ứng dụng như mocku.ps
  • Nếu bạn đang tìm kiếm một sản phẩm đầy đủ hơn, thì Pixelapse , được tập trung nhiều hơn vào sự hợp tác. Nó bao gồm kiểm soát phiên bản, sao lưu, bình luận, vv

2

Không có bất kỳ quy trình chuẩn nào theo hiểu biết của tôi. Như với hầu hết mọi thứ, một khi bạn nhận được nhiều hơn về phía kinh doanh của quy trình, các công ty khác nhau và các cá nhân khác nhau có các thực tiễn khác nhau.

Tôi đã làm việc với một công ty, một phần nhiều hơn về phía tiếp thị / làm việc liên tục cho khách hàng, có một hệ thống thông minh, nơi họ cho khách hàng đăng nhập vào trang web của họ, đưa họ đến một trang với tất cả các trang của họ tài nguyên trên nó có sẵn để tải về. Điều này phù hợp hơn với các bản sao logo của họ và các tác phẩm linh tinh khác ở các định dạng màu, độ phân giải và định dạng tệp khác nhau, vì vậy các công ty không có thiết kế có thể lấy các biến thể khác nhau của nó hoặc tệp vectơ nếu họ cần vì bất kỳ lý do gì. Bạn có thể làm một cái gì đó tương tự như thế này, có một nhật ký hiển thị hình ảnh và ghi chú về công việc đang tiến hành.

Đó là một thủ tục khá nặng. Nếu nó nhỏ hơn, một hợp đồng biểu diễn, bạn có thể chỉ muốn xem xét việc biên dịch hình ảnh của mình thành tệp pdf với các ghi chú giải thích những gì, bạn hoặc họ đang ở đâu trong quá trình, những gì cần thiết từ ai và tiếp theo là gì. Tát logo của bạn ở trên cùng và định dạng độc đáo, và nó sẽ trông chuyên nghiệp hơn là chỉ đơn giản là đính kèm hình ảnh vào email.


1

Vài tháng trước, tôi đã bắt gặp một ứng dụng có tên InVision . Nó cung cấp khả năng tải lên các mockup và phiên bản của chúng, tạo các nguyên mẫu tương tác và khả năng để lại nhận xét về một khu vực cụ thể của mockup. Ứng dụng này đã cải thiện cách tôi đưa / nhận phản hồi và giao tiếp với các nhà thiết kế và khách hàng của tôi.


0

Vâng, bạn đang tạo ra mockup để giao tiếp. Vì vậy, đi cho hội thảo trực tiếp bất cứ khi nào bạn có thể.

Trong các hội thảo như vậy, thảo luận về các mockup trong khi đồng thời điều chỉnh và chú thích các mockup của bạn ngay lúc đó và ở đó. Bạn đang tạo ra một cái gì đó cùng nhau - điều này làm cho nó cũng là con của họ.

Lưu ý rằng ở trên hoạt động nếu bạn đi trong một số bước (trái ngược với một bản trình bày lớn khi bạn đã hoàn thành đầy đủ một nguyên mẫu chi tiết). Btw bạn muốn mô phỏng các màn hình / trang chính của bạn trước. Chỉ sau đó đi vào chi tiết, và thực hiện nó một kịch bản tại một thời điểm.


0

Trong dự án cuối cùng tôi phải trình bày, chúng tôi đã có một cuộc họp với khách hàng và cho thấy bảng câu chuyện png's trong trình duyệt. Không có gì lạ mắt nhưng nó đã trình bày các thiết kế trong môi trường 'bản địa' của họ.


0

Kinh nghiệm của tôi về việc gửi hình ảnh qua e-mail đến máy khách là không tốt - khách hàng thường gặp vấn đề với tỷ lệ và kích thước hình ảnh trong ứng dụng thư khách của họ. Điều này có thể khiến một bản xem trước webdesign có thể nhìn và cảm nhận một chút khác biệt.

Chúng tôi sử dụng dịch vụ trực tuyến để xuất bản công việc của chúng tôi. Chúng tôi tải hình ảnh của mình lên dịch vụ lưu trữ của bên thứ ba và gửi URL cho khách hàng.


0

Trước đó, vào những năm 2000, việc gửi bố cục qua thư đã có hiệu quả. Bây giờ, trình bày thiết kế cho khách hàng có các dịch vụ đặc biệt. Được thiết kế đặc biệt cho việc này.

Hãy xem dịch vụ maquetter.com có ​​thể giúp bạn như thế nào. Nó được phát triển đặc biệt cho mục đích này mà bạn cound:

  • Nhanh chóng thêm các bố cục của trang web mà bạn vẽ;
  • Phân phối bố cục theo các phần của trang web (ví dụ lặp lại menu của nó).

Nó cũng cho phép bạn:

  • để đánh dấu bố cục được khách hàng chấp thuận
  • cập nhật cùng bố cục và lưu trữ lịch sử.

Dịch vụ này cung cấp cho bạn một liên kết ngắn. Bạn gửi nó (qua thư, tin nhắn văn bản hoặc Skype). Khách hàng có thể thuận tiện xem bố trí của bạn trong bất kỳ trình duyệt. Bạn có thể làm thế nào nó hoạt động như khách hàng của bạn có thể nhìn thấy nó .

Dịch vụ miễn phí. Nhưng bạn có thể sử dụng gói cước trả phí để có thể trình bày nhiều bố cục hơn.

Tự mình thử

Để biết thêm thông tin bạn có thể đọc blog


Lời chào hỏi. Vâng, tôi đã tạo ra ý tưởng về dịch vụ và người quản lý dự án. Trong thời gian rảnh tôi muốn giúp các nhà thiết kế trong công việc của họ. Để truyền đạt cho họ ý tưởng về điều này và các dịch vụ tương tự (tôi biết về 13ti). Có maquetter đại diện trong phiên bản trả tiền. Nhưng vào ngày 1 tháng 10, chúng tôi đã giới thiệu gói dịch vụ "miễn phí - mãi mãi".
Igor Abyzov

0

Bạn có thể tạo một bản demo tương tác với ảnh chụp màn hình / hình ảnh của bạn. Hãy xem các công cụ này: http://www.appdemostore.com/http://giveabrief.com/ .

Cả hai đều rất dễ sử dụng; chọn một khung thiết bị, tải lên hình ảnh của bạn và thêm những gì bạn cần. Bạn có thể bao gồm các nút, biểu tượng cho độ chụm, mở rộng, vv Hy vọng nó sẽ giúp bạn. :)

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.