Nhà phát triển có nên thực hiện mockup UI nếu không có nhà thiết kế trong dự án?


57

Tôi đang làm việc với một nhóm nhỏ tạo ra một ứng dụng web độc quyền và UX không được ưu tiên nhiều vì người của chúng ta sẽ là những người vận hành nó, nhưng chúng tôi cố gắng làm cho công việc của họ dễ dàng hơn.

Tôi có nên tạo một mockup UI trước khi bắt đầu tạo màn hình mới không? Không có gì quá lạ mắt, chủ yếu là bố cục chung để nói chuyện với các đồng nghiệp và để có một mô hình tham khảo. Tôi đã so sánh nó với việc tạo ra một số sơ đồ UML trước khi đi sâu vào viết mã.

Một trong những đồng nghiệp của tôi nói rằng điều này là vô lý và không phải là công việc của tôi để làm điều đó.


51
Nếu bạn không có nhà thiết kế và công việc của nhà phát triển không phải là nhà phát triển thì ai sẽ phải làm điều đó? Người gác cổng, có thể?
GrandmasterB

10
Bạn chắc chắn có thể, có lẽ bạn nên, nhưng nó khác xa và chắc chắn không "vô lý" như đồng nghiệp quá kịch tính của bạn đặt nó. Tùy thuộc vào tình huống và môi trường, bạn có thể tốt hơn khi thực hiện một mockup có chủ đích thô hơn là một cái gì đó trông quá giống như một sản phẩm hoàn chỉnh. Balsamiq là một công cụ tốt cho việc này, vì chỉ cần vẽ bản mô phỏng của bạn trên giấy hoặc bảng trắng.
Joe Ballard

3
Tôi giả sử bạn thực sự có nghĩa là "mockup?" Một "giả" là một cái gì đó khác .
Robert Harvey

23
Thiết kế trải nghiệm người dùng vượt xa làm cho mọi thứ trông đẹp. Các lập trình viên nên rất tham gia với nó.
JeffO

2
phản ứng là gì đồng nghiệp của bạn. điều này rất phổ biến
Claudiu Creanga

Câu trả lời:


74

Tôi rất thường xuyên làm việc trong các dự án như vậy, và câu trả lời là CÓ, và càng sớm càng tốt.

Mọi người thấy dễ dàng hơn nhiều để chỉ trích cải thiện một số dự thảo hơn là đưa ra một giải pháp từ đầu. Vì vậy, tôi bắt đầu soạn thảo sớm vì hai lý do:

  • Cung cấp cho các chuyên gia vấn đề ấn tượng về cách thông tin có thể được trình bày.
  • Cho thấy sự hiểu biết hiện tại của tôi về vấn đề và cấu trúc thông tin.

Trong những trường hợp hiếm hoi, thật tuyệt khi có một số bằng chứng cho thấy tôi đã thực sự giao những gì chúng tôi đã đồng ý ...


16
Và thành thật mà nói, việc viết mã sẽ dễ dàng hơn nhiều nếu bạn có ít nhất một bản phác thảo khăn ăn ngồi trước mặt bạn.
Kathy

9
Điểm 2) cực kỳ quan trọng nếu việc kinh doanh không tầm thường!
bigstones

4
Là một người đã làm UX 3 năm, chỉ cần có một bản phác thảo để nói chuyện với mọi người (nhà phát triển, khách hàng, người dùng cuối) là vô cùng hữu ích và quan trọng. Nó sẽ giúp bạn tiết kiệm rất nhiều thời gian khi bạn không cần phải làm lại hoàn toàn trang web vì ai đó đã nản lòng!
Gnomejon

39

Mockup là tuyệt vời và không có lý do gì một nhà phát triển không nên làm chúng. (Nó thậm chí có thể thuận tiện cho một nhà phát triển thực hiện một bản phác thảo sơ bộ về bố cục UI ngay cả khi bạn có các nhà thiết kế UI trong dự án.)

Tôi đánh giá cao bạn không tạo ra các mockup trông giống như màn hình thực tế. Nếu bạn chia sẻ những điều này với người dùng cuối thường tập trung vào những thứ không quan trọng như màu sắc và chủ đề. Những gì tôi khuyên bạn nên làm là tạo ra bàn tay vẽ trên giấy hoặc bảng phác thảo. Hoặc nếu bạn muốn chúng trong máy tính, hãy sử dụng một cái gì đó như Pencil Project hoặc Visio ( đây là một số bút chì Visio từ Jonathan Abbett trông có vẻ như đã rút tiền.)


6
Bạn thậm chí có thể vẽ tay các lớp phủ, hộp thoại, v.v., cắt chúng ra bằng kéo và đặt chúng lên trên màn hình chính được vẽ bằng tay khi người dùng chạm vào nút vẽ tay. Rất nhanh chóng để đưa ra một số ý tưởng về những gì họ tìm thấy trực quan, có bao nhiêu nút bạn thực sự sẽ cần, v.v.
RemcoGerlich

Đó chỉ là một cuộc nói chuyện điên rồ ... thực sự là làm kịch bản. Đường đến trường cũ cho những người mới này: P
Matthew Whited

1
"Đừng tạo ra các mockup trông giống như màn hình thực tế" là một cái nhìn sâu sắc rất sâu sắc.
Andrew Myers

1
Tôi nhớ một giai thoại rằng người dùng sẽ đánh giá việc hoàn thành một dự án bằng cách đánh bóng các ảnh chụp màn hình mà họ đã trình bày. Đối với những người dùng không có kỹ thuật như vậy, những người không phân biệt giữa trình bày và chức năng, việc giữ một bản phác thảo là rất quan trọng để truyền đạt "nó không được thực hiện".
Matthieu M.

1
@Andrew ... đó là một trong những điều tôi học được khi tôi chế giễu các ứng dụng trong Access và VB. Bạn cho ai đó xem một cái gì đó trông giống như ảnh chụp màn hình và họ hy vọng bạn có thể gửi nó :)
Matthew Whited

11

Chắc chắn rồi.

Đừng để người khác nói cho bạn cách làm công việc của bạn. Và bạn đã đúng, nó rất giống như làm UML cho mô hình dữ liệu của bạn. Giả sử bạn là một nhà phát triển, công việc của bạn là cung cấp phần mềm chất lượng. Nếu mockup giúp bạn làm điều đó, thì đó là một phần công việc của bạn.

Làm các mockup độ trung thực thấp - đừng làm cho chúng trông giống như màn hình thực sự. Bạn sẽ lãng phí quá nhiều thời gian để điều chỉnh phông chữ và pixel và viền và người dùng của bạn sẽ bị ám ảnh bởi những chi tiết như vậy thay vì tập trung vào chức năng. Một cái gì đó như balsamiq là tuyệt vời cho việc này, không có nghi ngờ gì về các công cụ tương tự khác. Với mockup trong tay, việc thảo luận các tính năng của dự án với người dùng của bạn và với các thành viên khác trong nhóm phát triển sẽ trở nên dễ dàng hơn nhiều.


Tất nhiên như bạn nói tôi đang nói về những mockup độ trung thực thấp. Cá nhân tôi sử dụng draw.io như một giải pháp siêu nhẹ và để chia sẻ dễ dàng giữa các đồng nghiệp.
Konstantine

10

Khi thiết kế "màn hình mới", trước tiên bạn muốn thảo luận về ý tưởng sơ bộ về giao diện người dùng với người dùng và / hoặc đồng nghiệp của bạn. Bạn không thể thảo luận điều này với người dùng "bằng mã" hoặc "trong UML", đơn giản là nó không hoạt động (thậm chí nó sẽ không hoạt động giữa các lập trình viên). Và bạn nên mong đợi rằng bạn cần phải vứt bỏ hai hoặc ba lần tải đầu tiên của mình hoặc ít nhất là sắp xếp lại các thành phần UI một cách nặng nề.

Vì vậy, nếu bạn có một công cụ thiết kế UI đồ họa cho phép bạn thực hiện việc này một cách nhanh chóng, thì thật hợp lý khi sử dụng nó. Tuy nhiên, nếu bạn cần mã hóa các thành phần UI theo cách thủ công và vứt bỏ hoặc sắp xếp lại các thành phần UI mất rất nhiều nỗ lực, thì rõ ràng sẽ không có ý nghĩa hơn khi không "mã hóa" UI trước. Sẽ hiệu quả hơn nhiều khi tạo ra các mockup riêng biệt, bằng cách sử dụng một công cụ vẽ đồ họa, hoặc đơn giản bằng cách sử dụng bút chì và giấy.


5

Không cần thiết. Có ít nhất hai lý do tại sao mockup có thể ít được sử dụng.

Đầu tiên, nếu có những thực tiễn công nghiệp được thiết lập tốt liên quan đến việc thực hiện những việc bạn sắp làm, bạn có thể tiếp tục và thực hiện chính xác điều đó. Bạn sẽ không thúc đẩy nghệ thuật thiết kế giao diện người dùng, nhưng điều đó cũng tốt.

Thứ hai, người dùng cuối của bạn thường không biết điều gì tốt cho họ và tại sao lại như vậy. Họ chỉ không thể nói cho đến khi họ bắt đầu sử dụng chương trình (với dữ liệu thực tế hoặc giả). Không có số lượng mockup tĩnh sẽ giúp với điều đó.

Với khung web linh hoạt khiêm tốn, đối với "chỉ một màn hình UI khác, như các màn hình N trước đó", bạn có thể bắt đầu với một nguyên mẫu hoạt động và sắp xếp lại khi bạn đi. Thực hiện một mockup và thảo luận với các đồng nghiệp bất cứ khi nào bạn sắp làm một cái gì đó lạ mắt.


Bán đúng về người dùng cuối không biết những gì tốt nhất. Nhưng bạn thậm chí không thể thành thật nói rằng bạn biết những gì tốt nhất cho đến khi bạn thấy bố cục và dòng chảy của ứng dụng. Vấn đề lớn nhất với việc sử dụng UI làm mockup là kỳ vọng bạn đang đặt ra. Mọi người nhìn thấy một cái gì đó và phàn nàn về những điều nhỏ nhặt không quan trọng hoặc chỉ tự hỏi tại sao bạn lại mất quá nhiều thời gian cho mọi thứ khác.
Matthew Whited

@MatthewWhited Họ có phàn nàn về những điều nhỏ nhặt khi bạn đến để thảo luận về UI hoặc họ có phàn nàn về chúng khi bạn đề xuất sử dụng sản phẩm để hoàn thành công việc của mình không? Tôi thực sự mong đợi trường hợp sau này sẽ mang tính xây dựng hơn, và điều này rất phù hợp với một ứng dụng web nội bộ với cơ sở được cài đặt là 1.
Eugene Ryabtsev

3

LUÔN LUÔN!

Tôi làm việc cho một công ty nhỏ và tôi là người CNTT "Mềm" duy nhất. Tôi làm tất cả các yêu cầu, thiết kế, mã hóa, thử nghiệm (mặc dù ai đó luôn xác nhận thử nghiệm của tôi), thiết kế cơ sở dữ liệu, v.v.

KHÔNG BAO GIỜ CẮT CORNERS TRÊN CÁC BƯỚC THIẾT KẾ - người dùng cuối của bạn sẽ cảm ơn bạn. Bạn cũng sẽ cảm ơn chính mình, vì bạn S end sẽ làm việc lại để làm cho người dùng cuối hài lòng. Ngay cả khi mockup của bạn không có gì khác ngoài một mảnh giấy viết nguệch ngoạc, nó sẽ cho họ một ý tưởng về những gì mong đợi. Dành 10 phút để viết nguệch ngoạc một cái gì đó có thể tiết kiệm thời gian của một tuần (đã ở đó, thực hiện điều đó)

Nó cũng giúp bạn trong việc mã hóa của bạn. Nó cho bạn cơ hội suy nghĩ về những gì bạn cần làm, cách hiệu quả nhất để hoàn thành nó và bất kỳ trở ngại nào có thể cản trở.

Ví dụ: bạn có thể thấy rằng báo cáo "đơn giản" mà bạn cần tạo khó hơn bạn nghĩ trước đây vì bạn không ghi lại một ngày nào đó trên bảng xyz. Nó cũng mở rộng tầm nhìn của bạn và cho thấy nhóm của bạn, cấp trên hoặc thậm chí có thể được sử dụng cho các cơ hội nghề nghiệp tiềm năng trong tương lai mà bạn làm nhiều hơn mức tối thiểu và có thể vượt ra ngoài "đó không phải là công việc của tôi" (<--- nghiêm túc, ĐỪNG là anh chàng đó, tất cả chúng ta đều ghét anh ta) hoặc nó cho bạn cơ hội học hỏi thêm.


2

Hãy xem xét điều này một cách tổng quát hơn:

  • Là tạo dự thảo là một ý tưởng tốt?
  • Ai nên tạo bản nháp?

Là tạo dự thảo là một ý tưởng tốt?

Tạo dự thảo chủ yếu cung cấp 2 lợi ích. Đầu tiên, nó cung cấp trọng tâm, dẫn đến tăng tốc trong công việc thực tế đang được thực hiện. Thứ hai, nó làm cho việc thảo luận về hướng của công việc trước khi công việc hoàn thành đơn giản hơn rất nhiều.

Nhược điểm của việc tạo một bản nháp là nó sử dụng thời gian. Thật không có ý nghĩa gì khi dành 2 giờ để tạo ra một bản nháp công phu cho một cái gì đó mất 4 giờ để tạo ra.

Trong trường hợp của bạn, mức độ của mockup cần phải tính đến số lượng công việc ước tính đi vào dự án và lợi ích của dự thảo. Tùy thuộc vào những điều này, mockup của bạn có thể ở bất cứ đâu giữa 10 giây viết nguệch ngoạc trên một trang web sau đó và một trang web tương tác đầy đủ. Đối với các dự án rất lớn và đắt tiền, không có gì lạ khi toàn bộ các nhóm làm việc trên một bản nháp trong nhiều tuần và tạo bản nháp cho bản nháp của họ trong khi thực hiện điều đó.

Ai nên tạo bản nháp?

Không cần câu trả lời công phu ở đây: Nếu bạn được lợi từ việc tạo bản nháp, bạn tạo bản nháp. Nếu bạn được lợi từ người khác làm bản nháp cho bạn, hãy nhờ người khác làm bản nháp cho bạn.


Điểm thực sự tốt đẹp về tầm quan trọng của việc so sánh thời gian sáng tạo. Không có điểm nào trong việc nhân đôi thời gian cần thiết chỉ vì chúng tôi đã soạn thảo.
Konstantine

-2

Đồng nghiệp của bạn là hoàn toàn chính xác. Các ứng dụng nội bộ thường có giao diện được xác định trước. Ngoài ra, đối với các ứng dụng như vậy, người dùng không tìm kiếm giao diện người dùng tiên tiến. Tất cả những gì họ muốn là một cái gì đó hoạt động và rất dễ sử dụng. Trừ khi bạn có kế hoạch thay đổi hoàn toàn giao diện người dùng (mà tôi sẽ khuyên bạn nên chống lại .... đối với các ứng dụng nội bộ), chỉ cần làm theo giao diện hiện có. Mock-up là tuyệt vời, nhưng trong trường hợp của bạn, sẽ chỉ làm tăng nỗi đau của bạn.


1
Mockup không phải để xây dựng giao diện người dùng tiên tiến, chúng là để chế nhạo bố cục và hành vi của màn hình. Trong thực tế trong hầu hết các trường hợp, chúng thực sự không đẹp. Tôi chỉ không đồng ý
Kieren Johnstone

3
Tôi thấy các mockup hữu ích cho một ứng dụng nội bộ cụ thể mà tôi đang phát triển. Ý tưởng không phải là thiết kế giao diện hay phát minh ra mô hình UI mới (như bạn nói, điều này không cần thiết), nhưng để trêu chọc người dùng những yêu cầu là gì, vì UI cung cấp cho bạn một cái gì đó cụ thể để thảo luận.
James_pic

@KierenJohnstone Tôi hoàn toàn đồng ý với bạn. Tuy nhiên, bản thân ông nói rằng "UX không được ưu tiên nhiều". Trừ khi anh ta là thành viên cao cấp hợp lý của đội, phần thưởng của anh ta sẽ không phù hợp với những nỗ lực (tạo ra các mô hình giả). Mock-up là tuyệt vời. Nhưng không phải trong hoàn cảnh của anh.
Kshitij Upadhyay

Tôi không đồng ý - mockup thực sự hữu ích trong tình huống này - trong hầu hết các tình huống - để xem ứng dụng sẽ hoạt động như thế nào, nếu nó có ý nghĩa và nếu nhà phát triển hiểu yêu cầu - trước khi phần đắt tiền xảy ra (viết mã)
Kieren Johnstone

1
Nhóm chúng tôi có khoảng 3 người. Có một thành viên cao cấp / trưởng nhóm, và tôi và một anh chàng khác đã được ký hợp đồng làm việc trong dự án. Dự thảo chủ yếu được thực hiện để thảo luận về màn hình mới với trưởng nhóm. Ngoài ra, không có giao diện được xác định trước vì toàn bộ điểm của màn hình mới là cải thiện một giao diện hiện có gây khó sử dụng, vì vậy mọi thứ phải được thực hiện lại.
Konstantine
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.