Xu hướng phổ biến trong quá trình thi công UI/UX đến một thành phầm là thực hiện ba giai đoạn: wireframe, mockup với prototype. Phương châm của từng bước một là để chất nhận được bạn sửa chữa thay thế các vấn đề về năng lực sử dụng của sản phẩm trong khi giá thành sửa chữa vẫn còn đấy nhỏ.

Bạn đang xem: Wireframes là gì

Trước tiên tôi để giúp bạn hiểu rõ các tư tưởng của một vài thuật ngữ thường được áp dụng để kị nhầm lẫn. Các định nghĩa tôi chỉ dẫn dưới đấy là một phác thảo ngắn của hàng loạt các nội dung bài viết chuyên sâu phân tích UX của Marcin Treder_Giám đốc điều hành quản lý của UXPIN.

Wireframe

1.Wireframe là gì?

Wireframe được ví như "xương sống" của một thiết kế, nó chứa toàn bộ các phần quan trọng đặc biệt của sản phẩm cuối cùng. Nó là một dạng tưởng tượng nguyên sơ độc nhất về sản phẩm.Thông thường wireframe sử dụng các yếu tố thiết bị hoạ đối chọi giản, như đường thẳng, hình hộp, hình học cơ phiên bản với tông màu xám, đen, trắng để bộc lộ thông tin về loài kiến trúc, nội dụng hay ba cục.

*

Wireframes là một trong bước tuyệt vời nhất trong tiến trình đầu của dự án. Chúng ta có thể nhanh chóng khám nghiệm chiến lược sáng chế tổng thể của bạn và đưa thuyết kỹ năng sử dụng mà không trở nên sa lầy vào các chi tiết của thiết kế.Một wireframe cũng rất có thể cung cấp cho quý khách hàng một tầm nhìn tổng quan về cách điều hướng và sử dụng. Các nhà phát triển có được một chiếc nhìn tổng quan các yếu tố được xắp xếp cùng ý đồ của nhà thiết kế. Copywriter dành được một cảm giácvề trọng lượng nội dung và không khí mà họ bắt buộc đối phó. Wireframes là một trong những điểm mở màn tuyệt vời cho bất kỳ quá trình kiến tạo tương tác. Ở lever này, dù là sự thay đổi lớn cũng không tạo ra vấn đề gì to tát. Bạn có thể di gửi nội dung bao quanh hoặc đội với nhau, thêm hoặc vứt bỏ các yếu đuối tố, tương đối thuận tiện so với các giai đoạn sau của thiết kế.

2.Khi làm sao nên sử dụng wireframe?

Wireframe hay được sử dụng như tư liệu của dự án, bắt đầu phác thảo dự án. Hoặc cũng rất có thể được thực hiện một bí quyết không thỏa thuận trong vượt trình cách tân và phát triển dự án như một dụng cụ giải thích, tương tác cho những thành viên vào đội.


youtube: https://www.youtube.com/watch?v=PmmQjLqJQlY

Mockup

1.Mockup là gì?

Mockup là cấp độ tiếp theo từ Wireframe, là quy trình tiến độ giữa cùng là cấu nối giữa kết cấu ( wireframe) tới một bạn dạng mẫu. Đây là nơi những nhà thiết kế rất có thể sử dụng các yếu tố đồ vật hoạ sáng tạo.Các khối hình học tập cơ bản, tông màu nền nhạt nhẽo được sửa chữa thay thế bằng những yếu tố đồ gia dụng hoạ tinh tế. Mock-up sử dụng wireframes và mang về cho nó những giá trị hơn cân xứng với phiên bản sắc của mến hiệu.

Mockup không chỉ là một phiên bạn dạng màu của wireframe . Nó là việc tái diễn của những ngôn ngữ hình hình ảnh thương hiệu.

Mock-up vô cùng gần với phiên phiên bản cuối cùng về tính thẩm mỹ và cái nhìn của một sản phẩm kỹ thuật số tuy thế thiếu chức năng. Một mockup đẹp rất có thể tạo hứng thú với quý khách và công ty đầu tư. Tuy nhiên, càng nhiều càng mock-up là càng phải giải quyết và xử lý nhiều câu hỏi về sự liên can hoặc cách thi công đó hiển thị trên các thiết bị.

*

2.Khi làm sao nên thực hiện Mockup?

Mockup quánh biệt hữu ích khi bạn có nhu cầu trình bày về sản phẩm với những nhà chi tiêu hoặc những bên liên quan. Nhờ bản chất hấp dẫn về mặt thị giác ( đồ họa đẹp ) sẽ bỏ túi một đánh giá tốt, và nếu đặt trong bối cảnh toàn thể của xây dựng cho sản phẩm, nó rất có thể là một thành đa phần và đặc biệt của tài liệu dự án.

Prototype

1.Prototype là gì?

Prototype thường hay bị nhầm lẫn với wireframe, là bên trong phân đoạn từ nửa tới cao về sự chân thực của sản phẩm cuối cùng,mô phỏng tác động ảnh hưởng giao diện người dùng. Nó sẽ cho phép người áp dụng để:

Trải nghiệm nội dung và tương tác với giao diện

Kiểm tra sự can dự chính một cách tương tự như thành phầm cuối cùng

Thông hay prototype là nghỉ ngơi giai đoạn sau cuối của thi công và vào vai trò là ước nối để tới thành phầm thực tế. Một vượt trình thông dụng là cấp tốc chóng bắt đầu với một prototype gồm độ chân thực thấp rất thực hành của táo bị cắn với thiết kế của không ít nguyên chủng loại đầu, và sau đó từ từ lặp lại vào trong ngày càng nhiều các phiên bạn dạng hi-fi. Đây thực sự là phương thức nền tảng cho câu hỏi lấy người tiêu dùng làm trung trung ương và thiết kế triết lý khách hàng.Một bạn dạng mẫu cuối cùng hoàn toàn có thể không bao gồm mọi tác động và hiệu ứng, cơ mà nó sẽ sở hữu tác đụng quan trọng, cung cấp một sự hiểu biết ví dụ về sản phẩm ở đầu cuối sẽ hoạt động như cầm cố nào. Vì vậy, nói biện pháp khác, một bản mẫu làm việc giỏi sẽ hệt như sản phẩm ở đầu cuối càng sát càng tốt.

2.Khi làm sao nên áp dụng Prototype?

Prototype được áp dụng với khá đầy đủ tính năng sẽ rất tiềm năng trong câu hỏi thử nghiệm người dùng. Một mô rộp như vậy của những tương tác bằng lòng hình thành cấu tạo từ chất tuyệt vời để kiểm tra kĩ năng sử dụng của giao diện, trước khi bắt đầu phát triển sản phẩm chính thức.

Xem thêm: Please Wait - Giải Sbt Vật Lí 8 Bài 9: Áp Suất Khí Quyển

Hãy coi chừng quy trình tạo prototype bởi vì nó là một hình thức đắt tiền cùng tốn thời gian. Tôi muốn ý kiến đề xuất thay tạo ra nguyên mẫu có thể được tái sử dụng trong trở nên tân tiến (vâng, nó gồm nghĩa là bạn phải mã số mã HTML, CSS và có lẽ rằng IS của riêng rẽ bạn). Nó quan trọng có hiệu quả trong các dự án tương đối đơn giản.

3.Các phương pháp tạo Prototype

Axure

Invision

UXPin

Webflow

Bạn rất có thể xem bảng nắm tắt sự đối chiếu 3 tiến độ trên nhưng mà Marcin Treder đã làm cho dưới đây

*