Exteen Usability: Part I

สืบเนื่องจาก ข้อความจากพี่ลิ่ว: Pantip เปิด BlogGang และ Pantip เปิด BlogGang ตอนที่ 2

จุดอ่อนชี้เป็นชี้ตายของ BlogGang คือ Usability ที่เรียกได้ว่าห่วยแตกมาก และการสมัครสมาชิกสไตล์พันทิพที่ยุ่งยากมากเช่นกัน ดังนั้นในช่วงที่ทีม Pantip ยังไม่คุ้นกับการบริหารระบบเว็บแบบใหม่ Exteen ควรช่วงชิงเวลาให้เกิดประโยชน์มากที่สุด โดยการอัพเกรดตัวเองในทุกๆ ทาง แต่สิ่งที่ควรทำเร็วที่สุด ก็คือเอาจุดแข็งของเรา มากลบจุดอ่อนข้างต้นของเค้า

นั่นคือทำให้ Usability ของเราแข็งขึ้นให้ได้ระดับ Blogger (อ่านเบื้องหลังการปรับปรุง Blogger หลังโดน Google ซื้อไปได้ แล้วจะรู้ว่าเส้นโค้งทุกเส้นมันมีความหมาย) อีกประการนึงก็เรียกสมาชิกเข้ามาให้มากที่สุด เราเอาเงินไปอัดโฆษณาไม่ได้ ดังนั้นอาจต้องมีแคมเปญการบอกต่อ คล้ายๆ กับ SpreadFirefox

อันนั้นไว้ว่ากันทีหลัง วันนี้เราจะมาปรับปรุง usability กันทีละจุด

อันแรกสุดที่คิดว่าปรับได้ คือ Navigation Bar ที่ขอบด้านบน (ไม่รู้เรียกอะไร แต่เพื่อความสะดวกเราจะเรียก NavBar)

(กรุณาดูรูปประกอบ เอาบล็อกไอ้ลิ่วนี่ล่ะเป็นตัวอย่าง) อันนี้เป็น NavBar สำหรับผู้ใช้แบบ Anonymous นั่นคือไม่ได้ล็อกอิน สังเกตว่าประโยชน์ของมันมีดังต่อไปนี้

  1. ลิงค์ Exteen เพื่อกลับ Home และเป็นการบอกสังกัดของเว็บ พร้อมโลโก้ เพื่อสร้าง brand awareness (มีประโยชน์)
  2. ชื่อ username ของบล็อกอันปัจจุบัน (มีประโยชน์)
  3. Stat ของ Truehits ซึ่งเป็น stat รวมของทั้งโดเมน (?)
  4. RSS ไอคอนพร้อมลิงค์ สำหรับการฟีด (มีประโยชน์)

ถ้าล็อกอินเข้าไป ก็จะพบความเปลี่ยนแปลงดังรูป

จะเห็นว่ามีปุ่มเพิ่มเข้ามาอีกสามอันใช่มั้ยครับ

  1. Favourite เอาไว้เพิ่มบล็อกอันที่กำลังดูอยู่ เข้าไปใน Fav. List ของเรา
  2. My Blog ดูบล็อกของตัวเอง
  3. Edit Mine แก้บล็อกของตัวเอง

ตอนแรกผมก็ไม่รู้ว่า Favourite เอาไว้ทำอะไรเหมือนกันนะครับ วันนี้เพื่อจะเขียนเลยลองกดเล่นดูเลยเพิ่งรู้นี่ล่ะ

สรุปว่ามันมีประโยชน์ใช่มั้ยล่ะ ที่อื่นเค้าก็ทำ ไม่ใช่ที่ไหนหรอก อันดับ 1 ของโลกอย่าง Blogger

0

แต่จะเห็นว่าประโยชน์ของ NavBar ที่มีอยู่ มันยังไม่ค่อยคุ้มกับ space ของหน้าจอที่เสียไป เอาล่ะ ผมขอเสนอ NavBar เวอร์ชันใหม่

แบบแรกสำหรับ Guest/Anonymous User

(ภาพข้างต้นเป็น mock-up screen)
เรายังรักษาคอนเซปต์เดิม เพียงแต่พัฒนาเพิ่มขึ้น

  • ขยายขนาดของ NavBar ให้ยาวเต็มความกว้างของจอ เพื่อรับธีมทุกแบบ ในกรณีที่เป็นธีมแบบเต็มจอ
  • ลดความสูงของ NavBar ลงมา เพราะของเก่าใหญ่ไปนิด กินเนื้อที่หน้าจอมากเกินไป
  • เรายังรักษาโลโก้ Exteen ไว้เหมือนเดิม เพื่อประโยชน์แบบเดิม
  • แต่สิ่งที่เปลี่ยนไปเราจะแบ่งเนื้อที่ที่เหลือจากโลโก้ เป็นสองส่วน คือ Blog Space และ User Space แบ่งด้วยสีก็ได้ตามตัวอย่าง
  • Blog Space ยังคงรูปแบบเดิมไว้ทุกประการ เปลี่ยนแค่ไอคอน RSS ที่อันเล็กลง (ผมก็อปของ Firefox มาใส่)
  • User Space จะเสนอแนวคิดคล้ายๆ เดิม แต่ชัดเจนขึ้น คือ เป็นเครื่องมือควบคุมสิทธิ์ของ user ได้สะดวก โดยไม่ต้องเข้าไปที่หน้าจอบล็อกของตัวเอง
  • จะเห็นว่าตอนนี้ยังไม่ได้ล็อกอิน ดังนั้น Exteen จะมองเห็นเป็น guest และอนุญาตให้คุณทำได้สองอย่าง คือ Login (กรณีเป็นสมาชิกอยู่แล้ว) และ Signup (กรณีไม่ได้เป็นสมาชิก) เหตุผลที่ใส่ Signup เพื่อให้การสมัครสมาชิกใหม่ปรากฎโฉมต่อหน้า visitor ให้มากที่สุด

เมื่อล็อกอินเข้ามาแล้ว เป็นสมาชิกแล้ว สิทธิ์ที่มีก็เพิ่มขึ้นตูมเลย เริ่มจากซ้าย

  • ชื่อล็อกอิน: บอก username ปัจจุบันว่าใช้อะไร ไว้สำหรับพวกมีหลายอัน หรือแบ่งกันใช้กับแฟน (เอ๊ะคุ้นๆ)
  • Write New เขียนใหม่ได้ทันที ควรมีไอคอนด้วย และไอคอนอันเดียวกับหน้า Manage
  • View Blog ดูบล็อกของเรา เหมือนเดิม อันนี้ไอคอนมั่วๆมา
  • Manage Blog เข้าหน้า Manage
  • และ Add Favourite ก็ทำหน้าที่เดิมเหมือนกัน

สังเกตว่าข้อความและการเรียงจะถูกเปลี่ยนแปลงไปเล็กน้อย เพื่อความเข้าใจที่(น่าจะ) ดีขึ้นของผู้ใช้งาน User Space นี้ยังมีที่เหลือพอไปทำอย่างอื่นอีกในอนาคต (เช่น GroupBlogging, etc.) ซึ่งตอนนี้ก็เอาไว้ก่อน

วันนี้ไว้แค่นี้ก่อน ยังมีอีกหลายตอน

Submitted bychampon Tue, 12/28/2004 - 15:42

ขอบคุณมากครับ :D

เดี๋ยวจะเอาไปลองประยุกต์ดูครับ

Submitted bymkon Tue, 12/28/2004 - 18:50

สำหรับหน้า anonymous คำว่า login กับ signup มันใกล้กันเกินไปหน่อยนะ น่าจะมีไอคอนด้วย หรืออย่างน้อยน่าจะเน้นคำว่า signup หน่อย