NộI Dung
- 01. Nghiên cứu: Airtable
- 02. Thiết kế hợp tác: Bảng thời gian thực
- 03. Người dùng thử nghiệm: InVision hoặc Marvel
- 04. Nguyên mẫu: Origami
- 05. Giao tiếp: Slack
Trong những ngày đầu của web, bộ công cụ của một nhà thiết kế đang ở khía cạnh tinh vi. Ngoài các công cụ thiết kế web được cung cấp bởi những người chơi lớn, các tùy chọn khá hạn chế. Giờ đây, có một công cụ để cải thiện mọi khía cạnh của thiết kế sản phẩm, cho phép chúng tôi không chỉ tạo ra các sản phẩm tốt hơn mà còn hoạt động tốt hơn.
Trong bài viết này, chúng tôi đã chọn ra năm công cụ cần thiết bạn cần để bắt đầu thiết kế web. Các công cụ được liệt kê ở đây sẽ giúp bạn có được vị trí tốt để bắt đầu hành trình của mình với tư cách là một nhà thiết kế web.
01. Nghiên cứu: Airtable
Airtable giống như Excel hoặc Google Trang tính, nhưng nó có thể làm được nhiều hơn thế. Bạn có thể đính kèm tài liệu vào các ô, chẳng hạn như bản ghi hoặc hình ảnh, điều này làm cho đây trở thành một nơi tuyệt vời để đối chiếu phản hồi từ các phiên nghiên cứu người dùng. Khả năng thêm ‘thẻ’ giúp bạn dễ dàng tìm hiểu các tập dữ liệu lớn và phát hiện các chủ đề phổ biến.
Nó đơn giản như tạo một bảng tính và điều chỉnh các trường để làm cho chúng phù hợp với đầu vào của bạn. Để chia sẻ thông tin, tất cả những gì bạn cần làm là gửi liên kết. Khách hàng yêu thích nó, và đồng nghiệp của bạn cũng vậy.
Một cách khác để sử dụng Airtable là chuyển chế độ xem sang 'gallery' và đối chiếu cảm hứng thiết kế. Nó dễ sử dụng hơn Pinterest và không có rào cản nào đối với việc truy cập hoặc đăng nhập. Ngoài ra, bạn có thể đính kèm ảnh GIF, còn ai lại không thích ảnh GIF?
02. Thiết kế hợp tác: Bảng thời gian thực
Nếu bạn đã phân phối các thành viên trong nhóm hoặc khách hàng, Realtime Board là một công cụ tuyệt vời để hỗ trợ một phiên phác thảo wireframe từ xa. Với ứng dụng này, bạn có thể thêm ảnh phác thảo của mình và xem vị trí con trỏ của các thành viên khác, điều này giúp ích khi giải thích những gì bạn đã vẽ, vì bạn có thể chỉ ra khía cạnh mà bạn đang nói đến. Bạn cũng có thể thêm ghi chú và bình luận để bình chọn cho giải pháp yêu thích của mình.
- 6 công cụ cộng tác tốt nhất
03. Người dùng thử nghiệm: InVision hoặc Marvel
Những công cụ này rất cần thiết khi thử nghiệm giải pháp của bạn trên người dùng cuối. Bạn nhập các màn hình của mình, sau đó đặt các điểm phát có thể nhấp lên trên đầu các thiết kế của bạn, nơi bạn sử dụng để liên kết các trang hoặc thay đổi trạng thái khi di chuột để bắt chước phần mềm đang hoạt động. Để thực sự tăng tốc quy trình làm việc của bạn, InVision và Marvel có các plugin Sketch để nhập các bảng vẽ của bạn trực tiếp từ Sketch.
Khi thử nghiệm trên người dùng cuối, hiệu ứng hoàn thành có thể trông giống thật, đặc biệt nếu bạn dành thời gian để thêm hiệu ứng di chuột vào các nút cũng như các khu vực có thể nhấp. Điều này có nghĩa là bạn có thể hưởng lợi từ phản hồi hợp lệ rất nhanh chóng mà không cần phải viết một dòng mã nào.
- 11 phần mềm kiểm tra người dùng tốt nhất
04. Nguyên mẫu: Origami
Origami được xây dựng bởi nhóm tại Facebook và rất dễ chọn. Mặc dù nó có thể làm hầu hết mọi thứ, Origami xuất sắc trong việc bắt chước các tương tác vi mô trong sản phẩm của bạn, chẳng hạn như mở menu hoặc hoạt ảnh tinh tế được sử dụng để nâng cao giao diện người dùng.
Họ gọi nó là 'người bạn đồng hành hoàn hảo với Sketch' vì bạn có thể sao chép và dán các lớp từ tệp Sketch của mình thẳng vào ứng dụng. Khi bạn đã dán mọi thứ vào, bạn cần điều chỉnh tọa độ X và Y của nội dung để đưa chúng vào vị trí bạn muốn trên màn hình trước khi bạn tạo hoạt ảnh cho bất kỳ thứ gì. Sau đó, bạn xây dựng hoạt ảnh từng bước bằng cách thêm các tương tác.
Ví dụ: khi nhấn, hãy bật một hoạt ảnh kéo dài 0,3 giây và sẽ chuyển tiếp một phần tử. Chuyển động này được điều khiển bằng cách nhập vào vị trí của phần tử ở cuối hoạt ảnh. Vì vậy, nếu bạn muốn xoay thứ gì đó 45 độ, bạn sẽ thêm '45' vào 'cuối' của quá trình chuyển đổi và liên kết điều này với 'xoay' X hoặc Y được liên kết.
- 10 công cụ tạo mẫu hàng đầu
- 18 công cụ tạo khung dây tốt nhất
05. Giao tiếp: Slack
Slack là một cách tuyệt vời để giữ tất cả các cuộc trò chuyện về sản phẩm ở một nơi. Điều này rất tuyệt vời cho các nhóm cũng như khách hàng và bản chất bình thường giúp xây dựng mối quan hệ. Nó cũng là một công cụ tuyệt vời nếu bạn có phân phối nhân viên hoặc khách hàng. Nếu bạn cần phản hồi về thiết kế, bạn có thể nhanh chóng thực hiện cuộc gọi Slack và chia sẻ màn hình của mình.
Bài đăng này ban đầu được xuất bản như một phần của Bộ công cụ thiết kế hoàn chỉnh trên tạp chí net. Mua vấn đề 303 hoặc là đăng ký tạp chí.
Sự kiện thiết kế web Tạo New York sẽ trở lại vào ngày 25-27 tháng 4 năm 2018, mang đến một lịch trình dày đặc của các diễn giả hàng đầu trong ngành, một ngày hội thảo trọn vẹn và các cơ hội kết nối có giá trị - đừng bỏ lỡ. Nhận vé Tạo của bạn ngay bây giờ.
