UXplorer “Leafly” / สำรวจ Leafly.com เว็บไซต์รวมข้อมูลกัญชา

Chanala Wilangka
2 min readAug 8, 2017

Leafly.com เป็นเว็บไซต์ที่ให้ข้อมูลเกี่ยวกับกัญชาและมีความน่าสนใจเกี่ยวกับ UX ของตัวเว็บเอง ให้บรรยากาศในเว็บได้เหมาะกับตัว Branding ได้ดีไม่ว่าจะเป็นเลือกคำอธิบายของเว็บที่จบในตัวไม่ต้องคิดต่อ (The World’s Cannabis Information Resource) สีหรือว่ารูปภาพส่วนประกอบที่ใช้ในเว็บ จะเป็นลักษณะที่ไปในทางเดียวกันไม่ขัดแย้งทำให้รู้สึกคล้อยตามกับเนื้อหาเว็บอย่างสนุกสนานมากขึ้น

…ถ้าเริ่มดูจากภาพ

Leafly.com

(จุดที่ 1) — ถ้าสังเกตุการใช้สีของปุ่ม Join / Login แล้วจะสังเกตุว่าเขาพยายามทำให้ต่างกันเพื่อที่จะแยกง่ายขึ้นว่าใครจะสมัครหรือเข้าระบบ แต่ก็ไม่ลืมพยายามเน้นสีที่เข้มที่ดูเหมือนปุ่มมากกว่าไปทางปุ่ม Join เพื่อให้คนสนใจในการกดสมัครซะมากกว่า

(จุดที่ 2) — และด้วยที่ว่าปุ่ม Search มันดันไปรวมอยู่กับแถบเมนูอาจจะทำให้หายากหรือมองข้ามไปได้ง่ายๆ วิธีแก้ของเขาคือใส่ Icon แว่นขยายที่คุ้นๆตาไปข้างหน้าแล้วขยายพื้นที่ด้านขวาของปุ่มให้ดูยาวๆขึ้นเผื่อจะเด่นกว่าตัวอื่นและดูยาวเป็นปุ่ม search มากขึ้น

(จุดที่ 3) — ถัดมาเป็นแถบ Hero banner ที่บอกว่าเว็บนี้ทำอะไรได้บ้างและเป็นไกด์สำหรับผู้ใช้ที่เข้ามา มีการใช้รูปจริงเพื่อสร้างความเข้าถึงง่ายกับผู้ใช้มากขึ้น และใส่สีดำ Overlay ไว้เพื่อไม่ให้ข้อความนั้นกลืนไปกับรูป แต่ก็มีบางรูปที่รายละเอียดที่มีสีเดียวกับข้อความเยอะไปทำให้เห็นได้ยาก (อาจจะเพราะใช้สไตล์ของ Font-face เป็นแบบบางก็เลยโดนกลืนกับรายละเอียดได้ง่าย)

(จุดที่ 3.1) — เนื่องจากกัญชายังไม่เป็นที่ยอมรับในหลายๆที่ทำให้ความรู้ยังไม่ครอบครุมและต้องใช้อย่างถูกวิธี บทความสำหรับผู้เริ่มต้นจึงเป็นสิ่งสำคัญสำหรับพวกเขา

(จุดที่ 4) — เขาได้ทำสี Branding ให้เข้ากับสีของประเภทสายพันธุ์ต่างของกัญชา(มีสามประเภท Hybrid, Sativa, Indica) นอกจากจะทำให้คนจำได้ง่ายแล้วยังจำในตัว Branding ของเว็บนี้ไปเป็นของแถมด้วย และถ้าสังเกตุตัวการ์ดแต่ละสายพันธุ์ จะเห็นได้ว่าออกมาให้เหมือนสไตล์ตารางธาตุเท่ๆและจดจำสายพันธุ์ที่สนใจง่ายกว่าเดิมอีก

(จุดที่ 5) — หลังที่เอาเมาส์ไปวางที่หัวข้อบนเมนูบาร์ก็จะมีแถบงอกขึ้นมา แถบนี้น่าจะดีถ้าทำคนละสีกับหัวข้อที่ยังไม่ได้กด น่าจะทำให้แยกแยะง่ายขึ้นและไม่ลายตาเวลาที่มี Text หรือ เส้นขอบแต่ละกรอบมากขึ้น แต่การวางข้อมูลผั่งซ้ายขวาทำให้คิดว่า เวลากดซ้ายแล้วขวาจะเปลี่ยนโดยที่ไม่ต้องเปลี่ยนหน้า แต่กลับเด้งไปอีกหน้าโดยที่ยังอ่านเนื้อหาหน้าก่อนไม่จบเลย อาจจะแก้ด้วยการเขียนหัวข้อกำกับไว้จะได้ดูเป็นลิ้งธรรมดาที่ไม่มีฟังก์ชั่น Interact ใดๆ

leafly.com/finder

(จุดที่ 6) — หน้าค้นหาร้านขายยา(ยาจากกัญชา) เป็นหน้าที่ครอบคลุมในการค้นหาดี เวลาพิมพ์คำค้นหาลงไปมันจะเลือกคำที่ใกล้เคียงขึ้นมาพรีวิวให้ แต่น่าเสียดายที่การพิมพ์จากช่องนี้ไม่มี Search result (Dropdown คำค้นหาใกล้เคียงหรือคำค้นหาที่ขึ้นต้นด้วยแต่ละตัวอักษร) ขึ้นมาให้ถ้ามีทั้งคู่น่าจะดีมากเพราะเราอาจจะหาไม่เจอเพราะสะกดผิดก็ได้

(จุดที่ 7) — ในจุดตรงนี้ทำให้นึกถึงการแสดงผลหาโรงแรมของ Airbnb เลย ตัวพินหมุดทำให้รู้ว่าในพื้นที่นั้นๆมีเยอะหรือน้อยจำแนกด้วยโลโก้อันเบ่อเร่อทั้งที่ตัวพินและด้านที่ Search ขึ้นมา แต่บางทีก็ไม่รู้ว่าจะจำโลโก้ได้หรือเปล่าเวลาหาในพื้นที่ที่มีเยอะๆ ถ้า Hover แล้วขึ้นชื่อสถานที่ด้วยน่าจะดี

leafly.com/start-exploring

(จุดที่ 8) — หน้านี้ทำมาได้ดีมากๆ เอาไว้รองรับ Customer ในหลายๆแบบ หลายๆ Persona ด้วยกรุ๊ปของชนิดกัญชาที่ให้คุณสมบัติที่ต่างกันไป รองรับ Customer ทั้งผู้ป่วยที่ไม่รู้ว่ากัญชาชนิดไหนช่วยอะไร ผู้ใช้มือใหม่ หรือผู้ใช้เพื่อผ่อนคลายแบบต่างๆ หน้านี้ใช้รูปจริงที่แสดงถึงความเป็นมิตรและเข้าใจง่ายต่อการสื่อความหมาย ที่สำคัญมันทำให้ผู้ใช้ที่ไม่รู้จะเลือกอะไร ได้เลือกอะไรในหน้านี้และใช้เว็บยาวนานขึ้น

leafly.com/sativa/lemon-haze

(จุดที่ 9,11) — ตรงนี้จะเป็นหน้าแต่ละสายพันธุ์ที่เราเลือกมา สิ่งที่น่าสนใจก็คือการนำเสนอข้อมูลได้ดีและเข้าใจง่าย มีการกราฟและรูปกราฟฟิคมาแสดงในแต่ละคุณสมัติของตัวสายพันธุ์เป็นการย่อยข้อมูลที่ดูง่ายมาก แต่ถ้า Compare เปรียบเทียบกันได้ด้วยน่าจะแจ๋ว

(จุดที่ 10) — ถัดลงมา เว็บได้ทำการแสดงบทความที่หน้าสนใจต่อท้ายในหัวข้อนั้นๆด้วย เช่นในรูปเกี่ยวกับการเพาะปลูก ก็จะมีบทความความรู้เพิ่มเติมมาให้อ่านต่อเลย

ส่วนตรงหน้านี้ชอบอีกอย่างคือการ Review (ไม่ได้แคปมา)และเราสามารถค้นหา Keyword ใน review ได้ด้วย เผื่อว่าคนไหนอยากจะรู้เรื่องอะไรเป็นพิเศษ

leafly.com/hybrid/og-kush

(จุดที่ 12) — และตรงนี้ก็ไม่ลืมที่จะบอก You are here หรือหน้าเพจปัจจุบัน (Breadcrumb)ให้ผู้ใช้ได้รู้ถึงตำแหน่งตัวเองว่าอยู่ตรงไหนของเว็บจะได้เหมือนมีแผนที่ตลอดเวลา ไม่ต้องกลัวหลงเวลาที่เข้ามาในเพจที่ชั้นของข้อมูลเยอะและลึกกว่าปกติ (มากกว่า 2–3 ชั้นข้อมูล)

How to Grow Marijuana Outdoors: A Beginner’s Guide

เอาประมาณนี้ก่อน มั่วๆตั้วๆไปเรื่อยเดี๋ยวจะเยอะไป เผื่อว่าจะเป็นประโยชน์กันบ้างนะครับ //ส่วนตัวไม่ได้เก่งเลยครับ พอรู้บ้างเฉยๆ
สุดท้ายอยากจะให้คนที่มองกัญชาเป็นเรื่องร้ายแรงลองทำความเข้าใจและศึกษาใหม่ดูจะรู้ว่ามันน่าสนใจมาก ซึ่งตอนนี้การวิจัยก็ก้าวหน้าไปเยอะแล้วโดยเฉพาะของต่างประเทศในเรื่องสรรพคุณและคุณสมบัติทางยา อย่าคิดว่ามันเป็นเรื่องร้ายแรงเพราะแค่ที่มันผิดกฏหมายในบ้านเรา ทุกอย่างมีข้อดีข้อเสียฮะลองศึกษาดู บางทีแพทย์ทางเลือกแบบนี้อาจจะเป็นสิ่งช่วยเหลือคุณก็ได้นะ ขอบคุณมากๆครับ : )

--

--