Cách sử dụng storyboard trong UX và dịch vụ thiết kế mà không cần kiến thức về phác thảo hoặc thiết kế đồ họa
Giới thiệu — Quy trình xây dựng cốt truyện bằng AI
Bạn đã bao giờ phải đối mặt với tình thế tiến thoái lưỡng nan khi muốn diễn đạt ý tưởng của mình một cách trực quan bằng cách sử dụng storyborad nhưng lại thấy mình bị cản trở bởi hạn chế về ngân sách hoặc kỹ năng vẽ xấu?
Viết kịch bản kiểu storyboard, một công cụ mạnh mẽ có nguồn gốc từ ngành công nghiệp điện ảnh những năm 1930, đóng vai trò then chốt trong việc đưa các câu chuyện vào cuộc sống, cho phép chúng ta gần như ‘sống’ qua các tình huống và đề xuất các giải pháp lý tưởng để giải quyết những gì chúng ta thấy.
Tuy nhiên, nhiều chuyên gia thiết kế trong chúng ta, đặc biệt là những người không có gốc là dân visual design ví dụ như là các nhà nghiên cứu UX và nhà thiết kế dịch vụ, gặp khó khăn trong việc khai thác sức mạnh của công cụ này do khả năng phác thảo hạn chế của chúng ta. Tôi có thể làm chứng rằng tôi thuộc nhóm này và tôi đã tìm kiếm giải pháp được một thời gian rầu nhen.
Năm 2024 khiến sự phức tạp của nó trở nên phức tạp dưới hình thức hạn chế về ngân sách làm hạn chế khả năng của các tổ chức trong việc thuê các nghệ sĩ phác thảo chuyên dụng, ngay cả khi chỉ là tạm thời.
May mắn thay, ngày nay AI sáng tạo đã mở ra những cơ hội mới cho các nhà thiết kế. Trong bài viết trước, tôi đã viết về việc sử dụng AI tổng quát cho các dự án định hướng tương lai và tập trung nhiều hơn vào việc lập kế hoạch kịch bản và văn bản.
Bài viết này sẽ hướng dẫn bạn cách tạo storyboard tương đối nhanh và bắt đầu tận dụng công cụ mạnh mẽ này cho các buổi hội thảo nhóm mà không cần bất kỳ kiến thức nào về phác thảo. Tất cả những gì bạn cần là trí tưởng tượng tốt và kỹ năng viết tốt. ChatGPT và Dall-E sẽ giúp bạn những công việc nặng nhọc.
Tôi có cảm hứng khám phá các công cụ AI sáng tạo trong bối cảnh viết kịch bản storyboard nhờ trải nghiệm tôi có được trong khóa học thiết kế dịch vụ nâng cao tại Trường Cao đẳng Thiết kế Dịch vụ nơi tôi và các đồng đội của mình đã sử dụng ChatGPT và Dall-E để tạo storyboard cho dự án cuối cùng của chúng tôi .
Tôi biết một số người trong chúng ta có ý kiến về bản quyền và AI sáng tạo. Trong trường hợp này, ý tưởng là tận dụng sức mạnh của những công cụ này chỉ nhằm mục đích sử dụng hình ảnh trong hội thảo về storyboard chứ không phải nhằm mục đích ăn cắp tác phẩm của người khác và thu lợi từ nó. Vì vậy, tôi thấy trường hợp sử dụng này ít gặp vấn đề hơn nhiều.
Trong bài viết này, tôi sẽ chia sẻ kinh nghiệm phát triển ChatGPT tùy chỉnh cho việc tạo storyboard và cách tôi kết hợp nó với một công cụ AI tổng hợp khác dành cho thiết kế giao diện người dùng cơ bản để bạn có thể sử dụng cả hai như một giải pháp tổng thể nhằm biến cốt truyện trở nên sống động một cách trực quan.
Hãy cùng nhau khám phá cách chúng ta có thể tận dụng sức mạnh xây dựng cốt truyện AI mới này.
Hiểu quy trình tạo storyboard
Quá trình tạo storyboard thường bao gồm một số bước:
- Hiểu cốt truyện bức tranh lớn — Mỗi bảng phân cảnh kể một câu chuyện, vì vậy nhiệm vụ của bạn là suy nghĩ xem bạn sẽ phát triển cốt truyện nào bằng cách sử dụng bảng phân cảnh. Nó có giải quyết được sự phức tạp của quá trình tuyển sinh tại trường đại học địa phương của bạn không? Mở tài khoản ngân hàng mới bằng quy trình đơn giản hóa trên ứng dụng di động? Hoặc đặt lịch hẹn tại phòng khám nha khoa để thực hiện một thủ tục cụ thể mà không ai muốn thực hiện?
- Chia cốt truyện lớn thành các bước — Bạn muốn trình bày bao nhiêu bước trong bảng phân cảnh? Mỗi bước sẽ trở thành một họa tiết, một hình ảnh mô tả một bước trong toàn bộ cốt truyện và ghi lại khoảnh khắc trong câu chuyện của người dùng
- Quyết định về giao diện — Chọn kiểu hình ảnh phù hợp với giọng điệu của cốt truyện và góc nhìn của người dùng. Đó có phải là một phong cách giống như phác họa? Giống hoạt hình hơn? Ảnh thực tế? AI sáng tạo có thể giúp bạn thiết kế bảng phân cảnh bằng cách sử dụng từng phong cách này, vì vậy hãy thoải mái thử nghiệm các phong cách khác nhau. Trong bước này, bạn tạo kiểu cho hình ảnh cơ bản mà bạn có thể sao chép trong suốt quá trình tạo phần còn lại của bảng phân cảnh
- Nói rõ tầm nhìn của bạn — Đối với mỗi họa tiết, hãy dành chút thời gian để hình dung trong đầu những gì bạn muốn xảy ra trong đó. Sau đó, tạo một mô tả sống động để hướng dẫn AI tạo ra cảnh tượng bằng hình ảnh.
Như bạn có thể hiểu, ý tưởng là đi từ bức tranh toàn cảnh của cốt truyện thành các bước riêng lẻ, sau đó tưởng tượng chúng sẽ trông như thế nào trên bảng. Trong phần tiếp theo, chúng ta sẽ đi sâu vào cách ChatGPT tùy chỉnh mà tôi đã phát triển có thể giúp bạn thực hiện quy trình bằng cách hướng dẫn bạn thực hiện các bước này.
Đây là hình ảnh minh họa trực quan về hành trình bạn sẽ trải qua bằng cách sử dụng ChatGPT tùy chỉnh.
Hình ảnh trực quan về các bước người dùng trải qua trong quá trình phát triển bảng phân cảnh. Hình ảnh của tác giả.
Xây dựng ứng dụng Storyboard Wizard
Như tôi đã đề cập trước đây trong bài viết trước về cách tạo giải pháp ChatGPT tùy chỉnh để lập kế hoạch theo kịch bản, bạn sẽ nhận được kết quả tốt nhất khi cung cấp cho ứng dụng của mình một phạm vi rõ ràng. Vì mục đích của bài viết này, tôi quyết định giới hạn phạm vi của ứng dụng trong việc tạo bảng phân cảnh dựa trên các tình huống hàng ngày.
Nguyên nhân? Tôi nhận ra rằng mình đạt được kết quả tốt nhất khi không yêu cầu ChatGPT tạo các thiết kế giao diện người dùng chi tiết hoặc các đoạn văn bản mà chỉ là cảnh con người làm những công việc hàng ngày. Vì vậy, tôi quyết định tập trung vào lĩnh vực này.
Nhìn chung, một bảng phân cảnh bao gồm những hình ảnh như vậy được cho là đủ để mô tả toàn bộ cốt truyện và để lại đủ khoảng trống để bạn và nhóm của mình có thể lên ý tưởng và đưa ra giải pháp.
Tôi sẽ thảo luận về một công cụ bổ sung cho wireframing ở phần sau của bài viết. Hãy xem cách tôi hướng dẫn ứng dụng để giúp bạn tạo bảng phân cảnh của mình.
Trước khi chúng ta bắt đầu, tôi muốn chỉ cho bạn nơi bạn có thể tạo một ứng dụng tương tự. Tôi đã tạo ChatGPT tùy chỉnh thông qua một chức năng trong ChatGPT cho phép bạn làm như vậy và hướng dẫn bạn thực hiện quy trình. Bạn có thể tìm thấy chức năng này trong ChatGPT trong mục “Khám phá” và sau đó “Tạo GPT”.
Hãy xem bên dưới để biết giao diện nơi bạn sẽ làm việc để phát triển ChatGPT tùy chỉnh trông như thế nào.
Màn hình nơi bạn tạo ChatGPT tùy chỉnh. Hình ảnh từ giao diện người dùng của ChatGPT.
Tạo kiểu
Khi bắt đầu quá trình, bạn sẽ chỉ mô tả ngắn gọn cốt truyện và được ứng dụng nhắc mô tả phong cách nghệ thuật của hình ảnh cơ bản của bạn.
Trình hướng dẫn bảng phân cảnh có thể giúp bạn tạo một số ví dụ về phong cách mà nó sẽ gợi ý cho bạn. Ngoài ra, bạn có thể dựa vào các trang web như Dallelist để tìm hiểu cách nhắc thuật toán để có kiểu dáng, giao diện phù hợp.
Bạn càng quen thuộc với phong cách nghệ thuật thì bạn càng có khả năng tạo ra những bảng phân cảnh thú vị về mặt hình ảnh.
Tạo hình ảnh
Khi bạn đạt được kiểu mong muốn (có thể mất vài lần lặp lại), bạn sẽ nhận được ID hình ảnh cũng như mô tả bằng văn bản về kiểu đó. Bạn sẽ được hỏi liệu bạn có muốn tạo thêm hình ảnh hay không và bạn có thể bắt đầu làm như vậy bằng cách tham chiếu ID hình ảnh cơ sở để đảm bảo tính nhất quán.
Bằng cách này, bạn có thể tạo bao nhiêu hình ảnh tùy thích. Hãy nhớ rằng bạn có thể phải mất vài lần lặp lại cho đến khi đạt được tầm nhìn mong muốn cho từng họa tiết và điều đó hoàn toàn bình thường.
Đưa tất cả chúng vào một khung vẽ
Tại thời điểm này, bạn có thể tải xuống hình ảnh của mình và đưa tất cả chúng vào công cụ thiết kế yêu thích của bạn. Đó có thể là Photoshop, Affinity Designer, Canva, bạn có thể đặt tên cho nó. Thì đấy! Bảng phân cảnh của bạn đã sẵn sàng để sử dụng.
Trong phần tiếp theo, chúng ta hãy xem ví dụ về bảng phân cảnh mà tôi đã tạo bằng công cụ này.
Sử dụng Trình hướng dẫn bảng phân cảnh để tạo bảng phân cảnh
Bước đầu tiên của chúng tôi là hiểu cốt truyện và tạo ra hình ảnh cơ bản. Tôi đã chọn một tình huống thú vị là di chuyển đa phương thức (sử dụng nhiều hơn một phương thức vận chuyển trong một hành trình) giữa hai thành phố, một chặng bằng tàu hỏa và chặng thứ hai bằng máy bay.
Tôi được truyền cảm hứng từ một thực tế mới đã trở nên đặc biệt phổ biến ở các hãng hàng không châu Âu trong vài năm qua về việc chấm dứt các tuyến bay và thay thế bằng các tuyến tàu hỏa. Hãy xem ví dụ này của Austrian Airlines và xem nó hoạt động như thế nào. Hành trình khách hàng thú vị (theo nghĩa đen). Phải không?
Tạo ra một vài hình ảnh để đặt mình vào vị trí của một hành khách có thể giúp chúng ta bắt đầu nghĩ ra các giải pháp và ý tưởng phù hợp cho những hành trình độc đáo có những thách thức riêng.
Việc di chuyển bằng nhiều phương thức vận tải có thể tạo ra sự mơ hồ đối với một số loại hành khách nhất định, những người có thể không biết điều gì sẽ xảy ra trong từng phần của hành trình và cách họ kết nối với nhau. Đây là loại người dùng mà chúng tôi sẽ tập trung vào.
Để thực hiện bài tập này, tôi đã cố gắng nghĩ về một chuyến đi từ một thị trấn đại học nhỏ ở Ý bằng tàu hỏa đến Milan, rồi đi máy bay đến Copenhagen, Đan Mạch. Nhân vật chính là một nữ sinh trẻ đang trên đường trở về Đan Mạch để nghỉ đông.
Tạo hình ảnh cơ sở
Tôi đã viết một mô tả rất chung chung về hình ảnh mà tôi muốn với đủ chi tiết để hướng dẫn ChatGPT biến tầm nhìn của tôi thành hiện thực.
“Cảnh đầu tiên có một cô gái trẻ đeo ba lô và một chiếc vali lăn. Cô ấy có vẻ ngoài châu Âu, mặc quần jean, đi bốt và áo khoác da. Cô ấy đang ở lối vào ga xe lửa để tìm đường vào và con đường thích hợp để đi.”
Sau một vài lần lặp lại, tôi đã có được hình ảnh này.
Hình ảnh cơ sở sẽ được sử dụng trong bảng phân cảnh. Hình ảnh được tác giả tạo bằng Dall-E và ChatGPT.
Như bạn có thể thấy, biển báo chỉ vào sân ga tàu hơi kỳ lạ, vì vậy tôi đã phải sửa đổi nó một chút theo cách thủ công bằng cách sử dụng Affinity Designer, nhưng nhìn chung, đó là một hình ảnh đẹp để bắt đầu.
Tạo phần còn lại của họa tiết
Bây giờ chúng ta đã có hình ảnh cơ sở và ID hình ảnh, thật dễ dàng để bắt đầu suy nghĩ về thứ tự của họa tiết và điều gì xảy ra trong các cảnh tiếp theo.
Tôi đã cố gắng kết hợp các yếu tố thiết yếu của việc đi du lịch như làm thủ tục, ngồi lên tàu và máy bay, thu dọn hành lý khi đến điểm đến cuối cùng.
Sau khi tạo họa tiết, tôi đưa tất cả chúng vào cùng một khung vẽ bằng cách sử dụng Affinity Designer.
Đây là kết quả.
Một bảng phân cảnh cho việc di chuyển đa phương thức bằng tàu hỏa và máy bay. Hình ảnh được tác giả tạo bằng Dall-E và ChatGPT.
Như bạn có thể thấy, tính nhất quán giữa các kiểu của hình ảnh được giữ ở mức khoảng 80%-90% và có một số điểm không khớp nhỏ (ví dụ: các kiểu ba lô khác nhau, v.v.). Tôi nghĩ những chi tiết này sẽ không quan trọng lắm nếu điều bạn quan tâm là bức tranh toàn cảnh và điểm khởi đầu để lên ý tưởng với nhóm của mình.
Kết hợp wireframe trong bảng phân cảnh của bạn
Các giải pháp AI tổng quát hiện tại để tạo hình ảnh không tốt trong việc mô tả các thiết kế rất chi tiết như một phần của hình ảnh. Vì vậy, gợi ý của tôi là sử dụng các công cụ chuyên dụng nếu bạn cần một giải pháp nhanh chóng và dễ dàng.
Galileo AI là một công cụ AI tổng hợp tốt để sử dụng cho việc thiết kế giao diện người dùng và wireframe. Nó mang lại kết quả tốt và cơ bản mà bạn có thể xuất sang Figma và sau đó bạn có thể chỉnh sửa thêm nếu cần.
Tôi đã sử dụng công cụ này để tạo wireframe rất cơ bản cho giao diện người dùng cho phép hành khách đăng ký và nhận thông tin cập nhật về tất cả các chặng trong chuyến đi của họ. Tôi đã phải thay đổi thủ công một số thành phần của nó để làm cho nó trông thực tế hơn. Hãy nhìn xem.
Giao diện người dùng cho giải pháp dành cho hành khách trên các hành trình đa phương thức. Hình ảnh do tác giả tạo ra bằng cách sử dụng Galileo AI.
Kết luận – Bắt đầu thử nghiệm AI và tạo bảng phân cảnh của bạn
Thử nghiệm ngắn của tôi về việc tạo bảng phân cảnh đã cho tôi thấy rằng việc kết hợp bảng phân cảnh trong các phiên lên ý tưởng sẽ sớm trở nên dễ dàng hơn bao giờ hết, ngay cả khi không có kiến thức về phác thảo hoặc thiết kế đồ họa.
Tất cả những gì bạn cần là trí tưởng tượng tốt và kỹ năng diễn đạt tốt, bạn có thể mang lại khả năng hoàn toàn mới cho nhóm của mình.
Trong tương lai, tôi chắc chắn chúng ta sẽ thấy khả năng tạo hình ảnh tốt hơn.
Lưu ý cuối cùng, tôi muốn nói rằng cuộc cách mạng AI tổng quát vẫn còn ở giai đoạn sơ khai. Một số giải pháp chuyên biệt dành cho việc viết kịch bản phân cảnh đã xuất hiện trên thị trường (ví dụ: Storyboarder.ai, Storyboardhero.ai, v.v.) và bạn có thể khám phá chúng.
Tôi cảm thấy rằng nên bắt đầu với một công cụ không chuyên dụng như ChatGPT để tìm hiểu cách kết hợp AI tổng hợp trong quy trình làm việc của bạn và nếu bạn cần vượt ra ngoài bảng phân cảnh không thường xuyên và cần một giải pháp mạnh mẽ hơn, bạn có thể khám phá phân khúc đang phát triển của các công cụ chuyên dụng.
Bài viết này ban đầu được xuất bản trên Medium.
- Công cụ và phần mềm thiết kế, AI sáng tạo
Yaron Cohen, Yaron là một chuyên gia đa ngôn ngữ trong lĩnh vực nghiên cứu UX và chiến lược kỹ thuật số. Trong công việc, anh thích giúp các công ty đổi mới và cải thiện trải nghiệm người dùng tổng thể của họ. Ngoài công việc, anh ấy thích âm nhạc, đi bộ đường dài và chụp ảnh. Hãy xem danh mục đầu tư của anh ấy tại www.yaroncohen.com.
Để lại một bình luận