Tổng hợp các công cụ để giúp các nhà thiết kế tạo ra những trải nghiệm thú vị.
Nghiên cứu người dùng
Cassette là một nhật ký kỹ thuật số giúp bạn “ghi lại, ghi chép và đánh dấu những khoảnh khắc quan trọng trong các cuộc phỏng vấn người dùng.”
Hội thảo tối ưu cung cấp một bộ công cụ UX giúp cải thiện điều hướng trang web của bạn, xác định kiến trúc thông tin, hiểu các nhấp chuột đầu tiên, chạy khảo sát và nắm bắt nghiên cứu định tính.
Doopoll là một công cụ thăm dò ý kiến để giúp bạn thu thập phản hồi nhanh chóng từ người dùng.
Testmate là một công cụ giúp bạn và nhóm của bạn tiết kiệm thời gian bằng cách tự động hóa hậu cần của các cuộc phỏng vấn nghiên cứu người dùng.
Lookback cho phép bạn chạy các bài kiểm tra của người dùng trong khi ghi lại từ xa màn hình, khuôn mặt và giọng nói của người dùng cũng như các tương tác trong ứng dụng của họ.
Kiểm tra Người dùng cho phép bạn tuyển dụng người dùng và chạy các bài kiểm tra khả năng sử dụng được ghi lại bằng video xóa.
Kiểm tra trải nghiệm người dùng là một tiện ích mở rộng của Chrome nhằm kiểm tra các yếu tố trên trang web phá vỡ bất kỳ yếu tố nào trong Mười phương pháp nghiên cứu của Jakob Nielson.
TestingTime giúp chạy các bài kiểm tra của người dùng dễ dàng hơn bằng cách trợ giúp tuyển dụng, lên lịch, thanh toán và hơn thế nữa.
FullStory cho phép bạn dễ dàng ghi lại, phát lại, tìm kiếm và phân tích trải nghiệm thực tế của từng người dùng với trang web của bạn.
Usabili.me là một công cụ chia sẻ màn hình, ghi chú và ghi âm để giúp bạn điều hành nghiên cứu người dùng từ xa.
Sprint là một công cụ nhẹ giúp bạn nhận được phản hồi nhanh chóng về nguyên mẫu, ứng dụng hoặc trang web mới. Sử dụng mã “SansFrancisco” để kiểm tra 10 người miễn phí (giá trị $ 250).
Dovetail giúp thu thập thông tin chi tiết của người dùng bằng cách gửi các câu hỏi đơn giản, theo ngữ cảnh qua SMS hoặc email.
Ethnio chặn người dùng truy cập trang web hoặc ứng dụng của bạn và cho phép họ lên lịch phỏng vấn với bạn!
Phỏng vấn người dùng giúp bạn sàng lọc và tuyển dụng người dùng cho bất kỳ loại bài tập nghiên cứu định tính nào.
Trung tâm khả năng sử dụng cho phép bạn chạy các bài kiểm tra người dùng đơn giản để lấy dữ liệu nhanh về thiết kế.
UserBrain là một dịch vụ gửi video hàng tuần về người dùng sử dụng ứng dụng hoặc trang web của bạn.
Parlay cho phép bạn thu thập phản hồi về các khái niệm sản phẩm mới bằng cách tiết lộ chúng trong trải nghiệm sản phẩm hiện tại cho những khách hàng đã đồng ý cung cấp phản hồi về sản phẩm cho bạn.
Clip tường thuật là một máy ảnh nhỏ có thể đeo được dễ dàng kẹp vào quần áo; lý tưởng cho những người tham gia sẵn sàng đăng nhập một ngày trong cuộc đời của họ.
Kiểu chữ
Google Fonts là một lựa chọn an toàn khi mua sắm phông chữ cho dự án. Tải xuống các họ phông chữ để sử dụng trong các tệp thiết kế hoặc lấy các tập lệnh để đưa vào mã của bạn.
Nếu bạn có giấy phép Adobe CC, TypeKit cung cấp quyền truy cập vào một loạt các phông chữ cao cấp.
Font Squirrel cung cấp một cơ sở dữ liệu về tất cả các phông chữ miễn phí mà trái tim bé bỏng của bạn có thể mong muốn.
Cái gì mà Phông chữ giúp bạn xác định một phông chữ bí ẩn bằng cách quét một tệp đã được tải lên một cách hào phóng.
Fontface Ninja là một tiện ích mở rộng của trình duyệt giúp bạn xác định phông chữ trong khi duyệt trang web.
Type Anything cho phép bạn tinh chỉnh nhóm kiểu tiêu đề của mình, sau đó tải xuống CSS để đưa thiết kế của bạn vào hoạt động.
Typecast cho phép bạn tạo kiểu chữ trang web nguyên mẫu và sau đó tải xuống CSS để biến nó thành hiện thực.
Modular Scale là một công cụ hữu ích để khám phá mối quan hệ giữa phông chữ cơ sở và tỷ lệ em.
Fontic quét các tệp Photoshop của bạn và xuất ra danh sách tất cả các phông chữ được sử dụng.
RightFont là một ứng dụng được sử dụng để xem trước, đồng bộ hóa, cài đặt và quản lý phông chữ trên máy Mac của bạn.
Sau khi nhập phông chữ bạn chọn, FontReach sẽ quét interwebz để hiển thị cho bạn các trang web sử dụng phông chữ đó. Nó giống như sở thú dành cho các nhà thiết kế.
Cặp phông chữ là một bộ sưu tập các cặp tiêu đề / nội dung được sắp xếp của Google Phông chữ.
Phông chữ Đang sử dụng là một kho lưu trữ công khai về kiểu chữ được lập chỉ mục theo kiểu chữ, định dạng và ngành.
Prototypo là một công cụ đơn giản cho phép bạn điều chỉnh hơn 30 thuộc tính của một phông chữ.
Bảng màu
Màu giao diện người dùng phẳng cung cấp quyền truy cập nhấp chuột và sao chép vào hai mươi màu phẳng sống động.
Kuler là một la bàn cho bánh xe màu. Sử dụng nó để khám phá các kết hợp tương tự, đơn sắc và tất cả các loại kết hợp.
Color Farm cung cấp cảm hứng bảng màu hàng ngày được tuyển chọn từ các bức ảnh Dribbble phổ biến.
Nếu bạn đăng ký các phương pháp Thiết kế Vật liệu của Google, Màu Vật liệu cung cấp quyền truy cập nhanh vào các lựa chọn màu sắc.
Color Snapper là một ứng dụng MacOS cho phép bạn nhanh chóng lấy mã hex của một màu mà bạn bắt gặp.
Web Gradients là một bộ sưu tập các gradient màu được tuyển chọn với các tùy chọn xuất CSS3, Sketch và PSD.
Màu là một công cụ nhanh chóng để đánh giá khả năng tiếp cận của một cặp màu (màu nền và màu văn bản).
Bánh xe cho phép bạn tìm các màu tương thích bằng cách điều chỉnh lượng màu, góc màu, độ bão hòa và độ đậm nhạt.
CSS Gradient là một công cụ tương tác xuất ra CSS để tạo gradient nền mong muốn của bạn.
0to255 là một công cụ đơn giản giúp các nhà thiết kế web tìm thấy các biến thể của bất kỳ màu nào.
HTML Color Codes cung cấp một công cụ chọn màu và các hướng dẫn đơn giản để dạy bạn những kiến thức cơ bản về lý thuyết màu và css / scss.
Color Claim là một bộ sưu tập khiêm tốn gồm các cặp màu do Toby Van Schneider phụ trách.
Iconography
Dự án Danh từ là một cơ sở dữ liệu khổng lồ có thể tìm kiếm được về các biểu tượng được tạo ra bởi một cộng đồng các nhà thiết kế. Trả tiền cho một thành viên hoặc cung cấp tín dụng cho nhà thiết kế.
illustrio cung cấp một cơ sở dữ liệu khổng lồ có thể tìm kiếm được với tất cả các loại biểu tượng.
Iconjar giúp bạn dễ dàng lưu trữ, sắp xếp và tìm kiếm thông qua tất cả các biểu tượng của mình. Không còn phải quét qua một bức tường biểu tượng, từng hàng một.
Biểu tượng phẳng là một cơ sở dữ liệu biểu tượng lớn có tác phẩm của cộng đồng các nhà thiết kế.
Nucleo cung cấp hơn 8000 biểu tượng có thể tìm kiếm, có thể tùy chỉnh, với các biểu tượng mới được thêm vào mỗi tuần.
Material Icons là một danh mục các biểu tượng được sử dụng trong khung thiết kế material design.
Font Awesome là một bộ sưu tập hàng trăm biểu tượng có thể dễ dàng liên kết đến trong CSS của bạn.
Symbolset cung cấp một số gói biểu tượng và cách tiếp cận Unicode ngữ nghĩa để gọi các biểu tượng đó.
Webalys cung cấp một số bộ biểu tượng lớn, bao gồm cả biểu tượng Streamline iOS và Material.
Streamline là một thư viện gồm hơn 30.000 biểu tượng trải dài 52 danh mục (và 720 danh mục phụ), bao gồm ba trọng lượng phông chữ khác nhau.
Kho ảnh
Unsplash là cơ sở dữ liệu bao gồm các bức ảnh đẹp, có độ phân giải cao, miễn phí để sử dụng sáng tạo. Không có hình ảnh chứng khoán văn phòng khó xử. Hãy chắc chắn rằng bạn ghi công cho nhiếp ảnh gia.
Death to Stock là một phản ứng khác đối với việc chụp ảnh stock theo kiểu rác rưởi. Tham gia danh sách gửi thư của họ để nhận ảnh mới hàng tháng hoặc trở thành thành viên để truy cập toàn bộ kho lưu trữ của họ.
Zoommy là một ứng dụng dành cho máy tính để bàn giúp bạn tìm kiếm trong kho ảnh từ hơn 40 nguồn.
Giao diện người dùng đa dạng là một bộ sưu tập ảnh có sẵn sẽ giúp bạn đại diện cho một nhóm người đa dạng trong các mô hình của mình.
Burst by Shopify là bộ sưu tập hơn 1000 hình ảnh lưu trữ được tạo miễn phí theo giấy phép Creative Commons Zero.
Moose là một thư viện ảnh có sẵn với hàng nghìn bức ảnh được thiết kế để làm việc cùng nhau.
Cảm hứng
Ra đời từ Salem, MA, Dribbble đã phát triển để trở thành một trung tâm cho các nhà thiết kế chia sẻ công việc của họ, gặp gỡ các nhà thiết kế khác và lấy cảm hứng.
Behance là một nơi tuyệt vời để xây dựng và hiển thị danh mục thiết kế cũng như tìm cảm hứng từ các nhà thiết kế khác.
Pttrns là một danh mục cho thấy các ứng dụng nổi tiếng đã giải quyết các luồng và yếu tố UX khác nhau như thế nào.
Giới thiệu người dùng tạo ra các trình chiếu hướng dẫn cực kỳ chi tiết hiển thị luồng giới thiệu của các ứng dụng web và thiết bị di động nổi tiếng.
Thu thập giao diện người dùng là một danh mục thiết kế giao diện được quản lý.
Panda là một tiện ích mở rộng tab mới của chrome để giúp bạn cập nhật các nguồn tin tức công nghệ và thiết kế yêu thích của mình.
UI Garage là một danh mục hiển thị cách các ứng dụng nổi tiếng xử lý các luồng và phần tử ứng dụng khác nhau.
Email Thực sự Tốt là một trang web dành riêng để giới thiệu các email được thiết kế đẹp mắt.
Mẫu di động là một danh mục cho thấy các ứng dụng nổi tiếng đã giải quyết các luồng và yếu tố UX khác nhau như thế nào.
Nice Portfolio là nơi trưng bày các trang danh mục đầu tư của nhà thiết kế được tuyển chọn.
Little Big Details là một blog nêu bật các yếu tố thiết kế nhỏ, thường bị bỏ qua tạo nên trải nghiệm kỹ thuật số tuyệt vời.
Empty States là một trang web dành để giới thiệu các trạng thái trống của trang web và ứng dụng dành cho thiết bị di động.
Kho lưu trữ UX là một danh mục hiển thị cách các ứng dụng nổi tiếng xử lý các luồng và yếu tố thiết kế khác nhau.
Các trang web theo chủ nghĩa tàn bạo là một danh mục các trang web tuân theo các nguyên tắc của chủ nghĩa tàn bạo, đưa ra một số phản cảm.
Lapa là một trang web dành riêng để giới thiệu các trang đích cho các trang web trong một loạt các danh mục.
Brand New là một blog đánh giá những thay đổi về thương hiệu và logo được thực hiện bởi các công ty nổi tiếng.
Cognitive Lode chắt lọc nghiên cứu kinh tế học hành vi và tâm lý người tiêu dùng thành những phần nhỏ, vừa miệng.
Craftwork là cơ sở dữ liệu gồm hơn 500 nội dung giao diện người dùng miễn phí: biểu tượng, phông chữ và bộ công cụ giao diện người dùng.
UX Timeline là một bộ thời gian dành cho các trang web. Lướt qua và xem các trang web yêu thích của bạn đã phát triển như thế nào theo thời gian.
Tương tác giao diện người dùng là một danh mục các thiết kế tương tác trên thiết bị di động từ các ứng dụng hiện có.
Thiết kế cho Tốt là một bộ sưu tập các thiết kế phi lợi nhuận từ khắp nơi trên thế giới.
Chindogu là một nghệ thuật của Nhật Bản về việc phát minh ra các đồ vật mang lại lợi ích rõ ràng đồng thời đưa ra nhiều vấn đề và sự bối rối của xã hội.
Tìm kiếm biểu trưng tức thì cho phép bạn tìm kiếm và tải xuống (png & svg) biểu trưng của các thương hiệu nổi tiếng.
Landingfolio là một bộ sưu tập các trang đích được quản lý để giúp bạn lên ý tưởng cho trang đích của riêng mình.
Thiết kế logo Tình yêu là một bộ sưu tập các cảm hứng thiết kế logo và thương hiệu / nhận dạng.
Bảng tuần hoàn chuyển động là một tài liệu tham khảo nhanh cho các hình ảnh động trên web.
Tạo mẫu
Khi bạn đã phác thảo một loạt màn hình, hãy chuyển chúng vào Invision để tạo một nguyên mẫu tương tác, có thể nhấp.
Craft là một plugin Sketch giúp dễ dàng đưa các thiết kế của bạn vào nội dung thực một cách dễ dàng. Không còn lorem ipsum.
Framer sử dụng phương pháp tiếp cận mã / hình ảnh kép để xây dựng nguyên mẫu cho web và thiết bị di động.
Nếu bạn đang thiết kế ứng dụng di động bằng Sketch, thì Mirror là phải. Nó cho phép bạn đồng bộ hóa các tệp thiết kế của mình ngay với điện thoại của bạn để cập nhật trực tiếp.
Marvel là một công cụ nhẹ để tạo thiết kế, ghép các nguyên mẫu tương tác lại với nhau và nhận phản hồi từ đồng phạm của bạn.
Nguyên tắc là Phác thảo của các hình ảnh động. Thả các đối tượng vào và nhanh chóng bắt đầu thử nghiệm với hình ảnh động.
Figma là một công cụ thiết kế giao diện trực quan, mạnh mẽ cho phép cộng tác trong thời gian thực.
Photoshop là một con thú của một công cụ; bạn có thể sử dụng nó để tạo bất kỳ hình ảnh tĩnh nào mà bạn có thể tưởng tượng.
Flinto cho phép bạn biến một loạt các hình ảnh thiết kế tĩnh thành một nguyên mẫu phong phú, có thể nhấp được.
Adobe Experience Design được sử dụng để giả lập các giao diện thô và các nguyên mẫu tương tác.
ProtoIO là một công cụ tạo mẫu có độ trung thực cao cho phép bạn tạo các nguyên mẫu tương tác, hoạt hình, phong phú.
Illustrator là công cụ vector đặc biệt của Adobe. Sử dụng nó để tạo logo, biểu tượng hoặc hình ảnh minh họa phức tạp.
Xây dựng các nguyên mẫu HTML / CSS đáp ứng với dữ liệu thực – mà không cần viết một dòng mã.
Balsamiq là một công cụ nhanh chóng được sử dụng để xây dựng và thử nghiệm wireframe của ứng dụng web và thiết bị di động.
Origami là một công cụ thiết kế của Facebook để giúp bạn tạo nguyên mẫu và trình bày các hình ảnh động trên thiết bị di động.
Pixate cho phép bạn tạo các nguyên mẫu có thể nhấp với độ trung thực cao để kiểm tra các hoạt động và tương tác ứng dụng.
POP cho phép bạn chụp ảnh các bản phác thảo vật lý và biến chúng thành các nguyên mẫu tương tác thô.
CSS Reference là một thư viện trực quan giải thích tác dụng của các thuộc tính CSS khác nhau.
JustInMind là một ứng dụng Mac được sử dụng để tạo khung dây tương tác cho trải nghiệm web và thiết bị di động.
Quant-UX là một công cụ tạo mẫu bao gồm một bộ phân tích hình ảnh để giúp bạn hiểu rõ hơn về cách người dùng sử dụng các nguyên mẫu.
Napkin là một ứng dụng iOS cho phép bạn mô phỏng một nguyên mẫu ứng dụng ngay trên điện thoại của mình.
Invision Studio là một công cụ thiết kế màn hình, hoạt ảnh và tạo mẫu với đầy đủ tính năng.
Giao diện người dùng linh hoạt cho phép bạn tạo nguyên mẫu với các thành phần khung dây hoặc mô phỏng của riêng bạn, sau đó chia sẻ và thảo luận với nhóm của bạn.
SneakPeekIt là một bộ sưu tập các lưới có thể in được cho thiết kế web và thiết kế di động.
Carrd giúp bạn dễ dàng xây dựng các trang web một trang đơn giản (hoàn hảo để tạo mẫu các khái niệm mới).
Subform là một công cụ thiết kế giao diện mới (hiện có trên Kickstarter) với trọng tâm là gia công phần mềm, bố cục đáp ứng và phong cách nhất quán cho phần mềm.
Prott cho phép bạn tạo các nguyên mẫu có thể nhấp từ các khung dây đơn giản và ảnh nguyên mẫu bằng giấy.
Bài thuyết trình
Smart Mockups cung cấp một loạt các cảnh để bạn thả các thiết kế web và thiết bị di động vào.
Mẫu anh hùng là một bộ sưu tập các mẫu nền SVG có thể lặp lại để bạn sử dụng cho các dự án kỹ thuật số của mình.
Trình tạo ảnh chụp màn hình giúp bạn dễ dàng tạo ảnh chụp màn hình trên App Store ở mọi kích thước thiết bị.
Mockuuups là một thị trường dành cho hình ảnh thiết bị để giới thiệu các thiết kế web, thiết bị di động hoặc thiết bị đeo được của bạn.
Semplice là một công cụ tập trung vào nhà thiết kế để tạo và giới thiệu danh mục đầu tư của bạn.
Phong cảnh là một ứng dụng Mac được sử dụng để giới thiệu các thiết kế của bạn bằng cách sử dụng các mẫu mô hình cao cấp.
Humaans là một thư viện minh họa kết hợp – & – kết hợp để dễ dàng tạo các hình minh họa để sử dụng trong các dự án của bạn.
Ouch.pics là một thư viện các hình minh họa vector hiện đại, miễn phí được sử dụng trong dự án giao diện người dùng của bạn.
Drawkit là một bộ sưu tập các hình minh họa miễn phí, hiện đại và có thể tùy chỉnh với hai phong cách.
Cộng tác
Zeplin cho phép các nhà thiết kế tự động tạo tài nguyên và hướng dẫn phong cách, giúp quá trình chuyển đổi sang kỹ thuật dễ dàng hơn.
Invision Boards là một công cụ đơn giản để tạo và trình bày các bảng tâm trạng và thương hiệu.
Sympli tạo hướng dẫn kiểu, thông số kỹ thuật và nội dung để bàn giao thiết kế và giúp tự động hóa việc triển khai cho các nhà phát triển.
Trello là một công cụ hữu ích giúp các nhóm thiết kế sắp xếp thứ tự ưu tiên và quản lý quy trình làm việc của họ.
Chia sẻ thiết kế Photoshop hoặc Sketch với nhóm của bạn và chuyển đổi chúng thành mã. Trên Mac, Windows và Linux.
Lingo giống như Dropbox dành cho các nhóm thiết kế. Ứng dụng MacOS cho phép các nhóm dễ dàng lưu trữ và chia sẻ hình ảnh.
Thêm chú thích vào thiết kế của bạn để hướng dẫn đồng nghiệp và khách hàng một cách không đồng bộ.
Frontify được sử dụng để tạo và chia sẻ thư viện thương hiệu và giao diện người dùng giữa các thành viên trong nhóm.
Notion là một ứng dụng Mac giúp các nhóm sắp xếp tài liệu, wiki và nhiệm vụ từ các công cụ khác nhau ở một nơi trung tâm.
Milanote là một ứng dụng ghi chú linh hoạt rất phù hợp với tính chất lộn xộn của công việc sáng tạo.
Vẽ tranh tường cho phép các nhóm điều hành động não từ xa, sắp xếp ý tưởng của họ, tạo sơ đồ tư duy và hơn thế nữa.
Abstract là một công cụ kiểm soát phiên bản tích hợp với Sketch để giúp các nhóm thiết kế luôn cập nhật công việc của nhau.
Opentest là một plugin của Chrome cho phép ghi âm màn hình, micrô và camera trước nhanh chóng và dễ dàng.
Yossarian sử dụng AI để giúp tăng cường khả năng sáng tạo của bạn trong các bài tập lập bản đồ tư duy.
Inboard là một ứng dụng Mac cho phép các nhóm sắp xếp ảnh chụp màn hình, hình ảnh và ảnh vào một sổ lưu niệm có thể tìm kiếm.
Fuse giúp chuyển đổi các thiết kế sang các ứng dụng trực tiếp bằng công cụ mã hóa trực quan giúp cải thiện sự hợp tác giữa các nhà thiết kế và nhà phát triển.
Mockflow cung cấp một bộ công cụ cho các nhóm thiết kế và phát triển để truyền đạt ý tưởng.
Inboard là một ứng dụng Mac được sử dụng để tạo một sổ lưu niệm kỹ thuật số gồm ảnh chụp màn hình, hình ảnh và ảnh chụp.
Mind Meister là một công cụ lập bản đồ tư duy cho phép bạn nắm bắt và chia sẻ ý tưởng của mình một cách trực quan.