Bắt đầu với UX Design trong Phác thảo

Một mồi cho các nhà thiết kế và sinh viên thiết kế UX mới

Chúng tôi đã viết rất nhiều về các mẹo phác thảo tại UX Power Tools trong hai năm qua và tôi muốn tổ chức chúng theo cách có thể giúp các nhà thiết kế mới bắt đầu tham gia UX.

Tôi cũng nên đề cập rằng tôi sẽ không tranh luận về công cụ nào là tốt nhất - Tôi sẽ chỉ cho rằng bạn đã nhận ra Phác thảo là tốt nhất (hiện tại) và muốn biết cách sử dụng nó như một Nhà thiết kế UX

Tôi đã chia các bài viết của chúng tôi thành 5 phần để ánh xạ cách tôi nghĩ các nhà thiết kế mới tiến bộ từ người mới đến thành thạo:

  • Lấy ý tưởng ra
  • Bắt đầu
  • Bắt nhanh hơn
  • Thông minh hơn
  • Bắt mắt

Lấy ý tưởng ra

Thiết kế UX bắt đầu trước khi bạn có được các công cụ - nó bắt đầu từ thời điểm lấy ý tưởng ra khỏi đầu bạn (Vượt qua nó thực sự bắt đầu trước khi nghiên cứu, nhưng hãy để giữ bài viết này dài dưới 20 phút).

Phải thừa nhận rằng, tôi nhảy thẳng vào các công cụ kỹ thuật số từ khá sớm. Nhưng điều đó phần lớn bởi vì tôi làm nhiều hơn trong đầu và phác thảo hợp tác trên một bảng trắng với nhóm thiết kế của tôi. Các nhà thiết kế UX chỉ mới bắt đầu nên thực sự ở trong độ trung thực thấp trong khi khám phá không gian vấn đề và mắc lỗi.

Khi bạn đã sẵn sàng để có được một cái gì đó trên màn hình, có hai công cụ tôi nghĩ rằng điều này thực sự tốt. Đầu tiên là một công cụ InVision có tên Freehand, chúng tôi đã xem xét:

Công cụ thứ hai tạo điều kiện cho giai đoạn thiết kế này là một bộ thư viện cao cấp dành cho Phác thảo có tên Flowkit của Matt D. Smith. Nó cũng rất đáng giá với mức giá $ 29.

Nó không chỉ tuyệt vời cho cấu trúc dây lo-fidelity, mà còn có thể được sử dụng ở các giai đoạn sau của thiết kế khi bạn cần vạch ra các quy trình công việc chính với độ trung thực cao để truyền đạt thiết kế của mình.

Bắt đầu

Điểm mạnh lớn nhất của Phác thảo cho UX Design là sự nhấn mạnh vào việc làm cho mọi thứ lặp lại và nhanh chóng.

Nó vẫn còn khá đáng báo động khi thấy có bao nhiêu nhà thiết kế Phác thảo sử dụng những thứ đơn giản và mạnh mẽ như Phong cách chung, hoặc những tiến bộ gần đây như Biểu tượng lồng nhau. Tôi đoán nó như vậy bởi vì các nhà thiết kế thiếu kiên nhẫn và chỉ muốn làm mọi thứ ra ngoài. Tôi hoàn toàn hiểu được

Nhưng thiết kế tuyệt vời chỉ tốt khi một nhà thiết kế được tổ chức. Chúng tôi thích phép ẩn dụ của nấu ăn:

Và chúng tôi cũng muốn mở rộng khái niệm về Biểu định kiểu từ mã đến thiết kế (kể từ khi chúng tôi viết bài này, các hệ thống thiết kế đã thực sự bùng nổ trên hiện trường, nhưng hầu hết các kỹ thuật này vẫn còn liên quan đến ngày nay):

Và cuối cùng là chén thánh của các bài viết về cách bắt đầu một dự án trong Phác thảo, bao gồm tất cả (ngay đến cấu trúc thư mục):

Với một bài viết thưởng về cách thiết lập bố cục trong Phác thảo một cách đáp ứng:

Bắt nhanh hơn

Ok, bây giờ bạn đã nắm bắt được cách bắt đầu một dự án Phác thảo một cách hiệu quả, đã đến lúc bắt đầu nhanh hơn với công cụ này. Cá nhân, tôi thấy thật khó chịu khi thấy một nhà thiết kế không sử dụng bất kỳ phím tắt nào trong khi thiết kế - ý tôi là, nó thực sự làm tổn thương tâm hồn tôi. Hãy là chàng trai / gal đó:

Khoảng một triệu rưỡi công cụ và plugin mới đã xuất hiện kể từ khi chúng tôi viết bài viết này, nhưng sự thật, những người bạn đồng hành tốt nhất cho Phác thảo đã không thực sự thay đổi theo quan điểm của tôi (Nudg.it hiện được hỗ trợ trong Phác thảo, Anima cũng vẫn hữu ích ngay cả khi một số phần mềm đã được đưa vào chức năng bố trí của Sketch):

Các mẹo và thủ thuật

Jon Moore đã truyền đạt trí tuệ người sử dụng năng lượng của mình trong một vài bài viết sẽ thổi vào tâm trí bạn sự đơn giản và sức mạnh của họ:

Thông minh hơn

Bạn biết cách thiết lập một dự án, bạn đã học cách làm nhanh hơn với Phác thảo và bây giờ là thời gian để áp dụng tất cả những điều đó vào thiết kế UX.

Như tôi đã nói trước đó, Sketch hoàn hảo cho thiết kế UX bởi vì nó làm cho sự lặp lại, tính nhất quán và mô đun hóa dễ dàng. Dưới đây là một vài ví dụ về cách sử dụng Phác thảo để làm cho các thành phần UI thông minh (và tất cả chúng đều đi kèm với các phần mềm miễn phí):

Xử lý các biểu tượng và đồ họa hiệu quả

Chúng tôi sẽ đề cập đến khía cạnh thiết kế trực quan của UX trong phần tiếp theo, nhưng việc xử lý đồ họa thường nằm ngoài buồng lái của một nhà thiết kế UX. Thay vì lo lắng về việc tạo biểu tượng, hãy thông minh hơn về cách bạn sử dụng chúng:

Các biểu tượng lồng nhau thực sự có thể tự động hóa khá nhiều:

Cuối cùng, tôi sẽ cảm thấy hối hận nếu tôi đã chỉ ra sự tiến bộ lớn nhất của Phác thảo trong 12 tháng qua - Thư viện:

Bắt mắt

Như thể tất cả những gì đã đủ, các nhà thiết kế UX ngày nay có tiêu chuẩn cao hơn nhiều để đáp ứng khi nói đến thiết kế hình ảnh.

Khi tôi bắt đầu thiết kế UX, tôi thấy khó khăn khi làm quen với các vật liệu trên đường mà tôi cần thiết kế với: tỷ lệ khung hình, kích thước phông chữ, trọng lượng, độ tương phản màu, v.v.

Để tốt hơn, tôi bắt đầu bằng cách sao chép các sản phẩm hiện có để tôi có thể cảm nhận về cách giao diện người dùng.

Chúng tôi đã trình bày vào năm ngoái và cung cấp các liên kết đến một vài sản phẩm phổ biến được tạo lại trong Phác thảo (mặc dù một số trong số chúng đã được thiết kế lại):

Từ đó bạn thực sự có thể bắt đầu sử dụng một số kỹ thuật nhỏ để thêm một chút tinh tế vào thiết kế của mình:

Nhưng don không quên rằng dữ liệu mẫu chính xác cũng quan trọng đối với thiết kế hình ảnh như chính hình ảnh:

* chúng tôi chưa bao giờ viết phần 2

Cuối cùng, nhưng không kém phần quan trọng, tại một số thời điểm trong sự nghiệp, bạn sẽ phải thiết kế một bảng điều khiển và nó thường là một trong những cơn ác mộng lớn nhất đối với một nhà thiết kế UX. Cá nhân, tôi thấy rằng bảng điều khiển mang lại giá trị cận biên cho bảng, vì vậy tôi không phải mất nhiều ngày để các biểu đồ trông đẹp mắt:

Nó đã là 18 tháng tuyệt vời giúp cộng đồng thiết kế thông qua UX Power Tools. Và trong khi Sketch chắc chắn không phải là công cụ duy nhất mà một nhà thiết kế nên có trong kho vũ khí của họ, thì đó chắc chắn là công cụ mạnh nhất. Tôi hy vọng phụ lục này sẽ giúp ích cho những bạn mới bắt đầu sự nghiệp UX hoặc những người đang chuyển sang Phác thảo cho quy trình thiết kế của bạn.

Nếu bạn có hứng thú với một hệ thống thiết kế vanilla hoàn hảo để bắt đầu các dự án mới, chúng tôi sẽ yêu thích nếu bạn kiểm tra những cái mà chúng tôi đã xây dựng. Họ sẽ tiết kiệm cho bạn hàng ngàn giờ thời gian thiết kế:

Khi tôi không thu thập các bài viết về Phác thảo trên Trung bình, tôi sẽ làm việc với các công cụ thiết kế Phác thảo tại UX Power Tools để giúp bạn trở thành một nhà thiết kế giỏi hơn, hiệu quả hơn.

Theo dõi các công cụ điện của UX trên Twitter
Theo dõi tôi trên Twitter