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

Chanala Wilangka
Aug 8, 2017 · 2 min read

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

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

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade