คุณเขียนมาด้วยความสับสนเกี่ยวกับบางอย่างที่ดูเหมือนบั๊ก คุณสร้างเว็บไซต์ร้านอาหารสำหรับร้านใหม่ ไม่ชอบผลลัพธ์ เลยสร้างใหม่อีกครั้ง แล้วก็ได้อะไรที่ดูคล้ายเว็บไซต์เดิมมากอย่างน่าสงสัย แค่เปลี่ยนป้ายชื่อ ผนังสีดินเผา การ์ดสีครีม โลโก้ตัวอักษรเซอริฟที่อาจเป็นของบิสโทรที่ไหนก็ได้ตั้งแต่พอร์ตแลนด์ไปจนถึงปราก คุณถามอย่างสมเหตุสมผลว่าเครื่องมือนี้แค่รีไซเคิลเทมเพลตเดียวอยู่ข้างในหรือเปล่า
มันไม่ใช่ และผมอยากตอบคำถามนี้อย่างจริงจัง ไม่ใช่แค่ปลอบใจให้คุณผ่านไป
สิ่งที่คุณเจอนั้นเป็นเรื่องจริง และไม่ได้เกิดขึ้นเฉพาะกับเว็บไซต์ของคุณ — มันคือรูปแบบความล้มเหลวที่รู้จักกันดีของทุกสิ่งที่สร้างจากชุดข้อมูลการฝึกฝนขนาดใหญ่โดยไม่ได้รับคำสั่งให้ทำแตกต่างออกไป หากขอให้โมเดลออกแบบเว็บไซต์ร้านอาหารโดยไม่มีทิศทางเพิ่มเติม มันจะเลือกค่ากลางทางสถิติของเว็บไซต์ร้านอาหารทุกแห่งที่มันเคยเห็นมา และค่ากลางนั้นคือสีดินเผาและครีม เพราะนั่นคือสิ่งที่ครอบงำการกระจายข้อมูล เช่นเดียวกับหน้า Landing Page ของ SaaS (ฮีโร่แบบไล่เฉดสีตรงกลาง ไอคอนฟีเจอร์มุมโค้งสามอัน) หรือแดชบอร์ดคริปโต (ไล่เฉดสีจากครามไปม่วงที่ทุกโมเดลดูเหมือนจะเห็นตรงกัน) ไม่ใช่ว่าโมเดลทำอย่างอื่นไม่ได้ — ลองขอให้ออกแบบสไตล์โบรชัวร์รีสอร์ทสกียุค 1970 หรือแผนที่รถไฟใต้ดินโซเวียตดูสิ มันมักจะทำได้ดีทีเดียว แค่ไม่มีอะไรบังคับให้ตัดสินใจ มันจึงย้อนกลับไปหาค่าเฉลี่ยเป็นค่าเริ่มต้น
สิ่งที่เปลี่ยนแปลงจริง ๆ เบื้องหลัง
เหตุผลที่การสร้างครั้งที่สองของคุณควรจะออกมาแตกต่างกัน — และถ้ามันไม่แตกต่าง นั่นคือส่วนที่คุ้มค่าที่เราจะแก้ไขโดยตรง แทนที่จะให้คุณหาทางแก้เอง — คือขั้นตอนที่เราเรียกว่าผู้อำนวยการฝ่ายออกแบบ มันทำงานก่อนที่ตัวสร้างเว็บจะเขียนมาร์กอัปใด ๆ และหน้าที่เดียวของมันคือทำการตัดสินใจที่ตัวสร้างเว็บไม่สามารถหลีกเลี่ยงได้ในภายหลัง นั่นคือ: จานสีที่มีจุดยืนชัดเจน ตัวอักษรเฉพาะเจาะจง อารมณ์ที่ระบุไว้อย่างชัดเจนพอที่จะตรวจสอบได้ พูดให้เป็นรูปธรรมคือ:
- สีที่มีชื่อเรียกห้าถึงเจ็ดสี พร้อมบทบาทกำกับ — ไม่ใช่แค่ "หลัก/รอง" แต่เป็น "สีที่สงวนไว้สำหรับสถานะอันตราย" หรือ "สีที่ปรากฏเฉพาะตอนวางเมาส์ (hover)"
- ตัวอักษรสองแบบ โดยแต่ละแบบมีเหตุผลว่าทำไมจึงถูกเลือกใช้
- คำบรรยายอารมณ์สองถึงสามประโยค แบบที่ผู้กำกับศิลป์ตัวจริงจะปักไว้บนบอร์ดไอเดีย
บททดสอบที่เราใช้วัดบรีฟคือ มันสามารถถูกฝ่าฝืนได้หรือไม่ คำว่า "อบอุ่นและชวนต้อนรับ" ฝ่าฝืนไม่ได้ — ไม่มีทางที่จะละเมิดมันได้ ซึ่งหมายความว่าไม่มีทางบังคับใช้มันได้เช่นกัน และตัวสร้างเว็บก็จะเลื่อนไหลกลับไปหาสีดินเผาและครีมไม่ว่าบรีฟจะเขียนว่าอย่างไร แต่ "จานสีฤดูใบไม้ร่วงแบบวาดมือที่อบอุ่น เส้นขอบหมึกบนกระดาษสีครีม ไม่มีความเงา ไม่มีเงาตกกระทบ" คือข้อผูกมัดจริง และการ์ดแบบกระจกไล่เฉดสีที่แสดงผลขัดกับบรีฟนี้จะดูผิดเพี้ยนอย่างชัดเจน ซึ่งนั่นแหละคือสิ่งที่ทำให้มันมีประโยชน์
ถ้าเว็บไซต์ของคุณออกมาดูจืดชืด ความเป็นไปได้ตามตรงคือบรีฟในพรอมพ์ของคุณระบุรายละเอียดไม่เพียงพอจนผู้อำนวยการฝ่ายออกแบบไม่มีอะไรให้ยึดมั่นชัดเจน การระบุจุดอ้างอิง — สถานที่ ยุคสมัย วัสดุ หรือแม้แต่แค่ "ห้ามใช้สีเบจ" — จะช่วยให้มันมีสิ่งที่ต้องผลักดันต่อ
ทำไมผมเชื่อสิ่งนี้ ไม่ใช่แค่ดูจากภาพหน้าจอ
ผมจะบอกสิ่งที่ทำให้ผมเชื่อมั่น เพราะมันไม่ใช่การมองตัวอย่างสวย ๆ สามชิ้นวางเรียงกัน — นั่นคือวิธีที่คุณหลอกตัวเองให้เชื่อว่าชนะทั้ง ๆ ที่ไม่ได้ชนะจริง เราทำการสร้างเว็บไซต์หลายร้อยครั้งต่อหมวดหมู่ ทั้งก่อนและหลังมีผู้อำนวยการฝ่ายออกแบบ และวัดระยะห่างของสีแบบคู่ระหว่างเว็บไซต์ในหมวดหมู่เดียวกันโดยใช้ delta-E ในพื้นที่สี Lab แทนที่จะใช้ RGB ดิบ เพราะ RGB จะยืนยันว่าสีน้ำเงินสองสีที่มีความอิ่มตัวใกล้เคียงกันนั้นห่างไกลกัน ทั้งที่มองด้วยตาแล้วเหมือนกันทุกประการบนหน้าจอ เว็บไซต์ร้านอาหารเป็นตัวการรายใหญ่ที่สุดก่อนมีผู้อำนวยการฝ่ายออกแบบ — ส่วนใหญ่กระจุกตัวอยู่ในช่วง delta-E ที่แคบมาก ล้วนแต่ไปหาสีดินเผาเดียวกัน
ผมจะไม่โอ้อวดเกินจริงกับคุณเช่นกัน ระยะห่างของสีวัดแค่ "ดูแตกต่าง" ไม่ใช่ "ดูดี" และมันยังไม่บอกอะไรเกี่ยวกับความหลากหลายของเลย์เอาต์หรือตัวอักษร ซึ่งเรายังวัดผลได้ไม่ละเอียดเท่า จานสีอาจแตกต่างจากเพื่อนบ้านสูงสุดแต่ก็ยังดูไม่สวยได้ เราคิดว่าความแตกต่างที่บางครั้งดูแปลกดีกว่าความปลอดภัยที่ดูเหมือนกันหมดสำหรับสิ่งที่คุณกำลังสร้าง แต่นั่นคือการตัดสินใจ ไม่ใช่ข้อพิสูจน์
สิ่งหนึ่งที่คุณควรระวัง
มีรูปแบบความล้มเหลวที่วิ่งไปในทิศทางตรงข้าม และควรระวังไว้ก่อนที่คุณจะเจอมัน: บางครั้ง "สะอาดและทันสมัย" ไม่ใช่การระบุรายละเอียดไม่เพียงพอ แต่มันคือสิ่งที่ต้องการจริง ๆ คนที่กำลังสร้างแดชบอร์ด SaaS สำหรับองค์กรมักต้องการรูปแบบที่ดูธรรมดาโดยตั้งใจ เพราะผู้ใช้ของพวกเขาคาดหวังแบบนั้น และการเบี่ยงเบนออกไปจะสร้างตั๋วสนับสนุน ไม่ใช่ความประทับใจ ผู้อำนวยการฝ่ายออกแบบที่กระตือรือร้นเกินไปในการสร้างความแตกต่างบางครั้งอาจส่งมอบสิ่งที่มีทิศทางศิลป์มากกว่าที่คุณขอ เราให้น้ำหนักกับข้อจำกัดที่คุณระบุไว้อย่างชัดเจนมากกว่าสัญชาตญาณของผู้อำนวยการฝ่ายออกแบบในการสร้างความแตกต่าง ดังนั้น "ธรรมดาและเป็นองค์กร" ควรได้รับความธรรมดาที่มีรสนิยม ไม่ใช่การกบฏต่อบรีฟของคุณเอง — แต่ถ้าคุณมีสีแบรนด์ โลโก้ ภาพถ่ายอ้างอิงของสถานที่อยู่แล้ว ให้ใส่ไว้ในพรอมพ์หรือแนบมาโดยตรง ข้อมูลที่ล็อกไว้ดีกว่าให้ผู้อำนวยการฝ่ายออกแบบคิดทิศทางเองเสมอ และมันจะปฏิบัติต่อสิ่งเหล่านั้นเป็นข้อจำกัด ไม่ใช่ข้อเสนอแนะ
อย่างไรก็ตาม เรื่องนี้ยิ่งสำคัญขึ้นไปอีกหากคุณสร้างเกมของเราแทนที่จะสร้างเว็บไซต์ — เกมมีพื้นที่ให้ผู้อำนวยการฝ่ายออกแบบละเลยได้มากกว่าหน้า Landing Page มาก เนื่องจากบรีฟในกรณีนั้นต้องล็อกสไตล์สไปรต์ ความรู้สึกของแอนิเมชัน โครมของ UI และจานเสียงเข้าด้วยกันในครั้งเดียว (อ่านรายละเอียดเรื่องเสียงเพิ่มเติมได้ใน Sound that isn't beeps) เพราะความไม่สอดคล้องกันภายในเว็บไซต์เดียวจะดูเหมือนยังไม่เสร็จสมบูรณ์ ซึ่งต่างจากความไม่สอดคล้องกันระหว่างสองเว็บไซต์ที่ไม่เกี่ยวข้องกัน
