Ask Blognone: ประชาพิจารณ์ธีมใหม่ รอบสอง

By mk Founder on Tag: Ask Blognone
Ask Blognone

จาก ประชาพิจารณ์ ธีมใหม่ของ Blognone ก็ได้รับความคิดเห็นจากทุกท่าน ซัดไปเกือบร้อยคอมเมนต์ ท่านดีไซเนอร์ของเราจึงนำไปปรับปรุงเป็น revision ใหม่มาอีกรอบ และแน่นอนว่าเรายินดีเปิดรับฟังความคิดเห็นอีกรอบครับ

ดีไซน์ต้นแบบมีสองภาพ เริ่มจากหน้าแรกของเว็บ

bn-web-r5

ความเห็นผู้ออกแบบ

ผมปรับ nav ให้คล้ายแบบเดิม แต่ลดบางเมนู (ที่ไปอยู่ใน about ได้) และเพิ่มเมนู Featured ที่ผมว่าน่าจะรวบรวม post ที่เคยขึ้น featured น่ะครับ เพราะส่วนตัวคือจะหาของที่เคยอยู่ featured แล้วหาไม่เจอซักที (เช่น กระทู้ประชาพิจารณ์เป็นต้น)

ตามด้วยหน้าใน แสดงคอมเมนต์

bn-web-r5-single

ความเห็นผู้ออกแบบ

เพิ่มเติมหน้า Comment นะครับ เผื่อทั่นผู้นำจะใส่ vote เข้ามา :D ไม่ใส่ก็ตัดออกนะครับ

แล้วก็ส่วน login ด้านขวา ถ้าเมนูส่วนตัวเยอะก็ให้มันตกๆ ลงไปหลายบรรทัด (บรรทัดละ 2 ลิงก์) ได้ครับ

ตรงคำเตือนในคอมเม้นท์ ผมว่าอยู่ข้างล่างแล้วไม่ได้อ่าน เลยบีบๆ มาอยู่ด้านขวา ทำให้ที่คอมเม้นท์น้อยหน่อยครับ

เชิญทุกท่านให้ความเห็นกันได้ตามสะดวกครับ ถ้ามีอะไรตอบได้ ทั้งทีมงานและดีไซเนอร์จะมาตอบให้ในไม่ช้าครับ หมดรอบนี้คงได้เข้ากระบวนการแปลงมันออกมาเป็นธีมเสียทีครับ

Hiring! บริษัทที่น่าสนใจ

CP AXTRA Public Company Limited - Lotus's company cover
CP AXTRA Public Company Limited - Lotus's
CP AXTRA Lotus's is revolutionizing the retail industry as a Retail Tech company.
 Token X company cover
Token X
Blockchain, ICO, Tokenization, Digital Assets, and Financial Service
 Carmen Software company cover
Carmen Software
Hotel Financial Solutions
 Next Innovation (Thailand) Co., Ltd. company cover
Next Innovation (Thailand) Co., Ltd.
We are web design with consulting & engineering services driven the future stronger and flexibility.
 United Information Highway Co., Ltd. company cover
United Information Highway Co., Ltd.
UIH is Thailand’s leading Digital Infrastructure and Solution Provider for Business
 KKP Dime company cover
KKP Dime
KKP Dime บริษัทในเครือเกียรตินาคินภัทร
 Kiatnakin Phatra Financial Group company cover
Kiatnakin Phatra Financial Group
Financial Service
 Fastwork Technologies company cover
Fastwork Technologies
Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน
 Thoughtworks Thailand company cover
Thoughtworks Thailand
Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน
 Iron Software company cover
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
 CLEVERSE company cover
CLEVERSE
Cleverse is a Venture Builder. Our team builds several tech companies.
 Nipa Cloud company cover
Nipa Cloud
#1 OpenStack cloud provider in Thailand with our own data center and software platform.
 CDG GROUP company cover
CDG GROUP
Provider of IT solutions to public, state, and private sectors in Thailand for over 56 years
 Bangmod Enterprise company cover
Bangmod Enterprise
The leader in Cloud Server and Hosting in Thailand.
 CIMB THAI Bank company cover
CIMB THAI Bank
MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank
 Bangkok Bank company cover
Bangkok Bank
Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking
 Gofive company cover
Gofive
“We create world-class software experience”
 KBTG - KASIKORN Business-Technology Group company cover
KBTG - KASIKORN Business-Technology Group
KBTG - "The Technology Company for Digital Business Innovation"
 Siam Commercial Bank Public Company Limited company cover
Siam Commercial Bank Public Company Limited
"Let's start a brighter career future together"
 Icon Framework co.,Ltd. company cover
Icon Framework co.,Ltd.
Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก
 REFINITIV company cover
REFINITIV
The Financial and Risk business of Thomson Reuters is now Refinitiv
 H LAB company cover
H LAB
Re-engineering healthcare systems through intelligent platforms and system design.
 LTMH TECH company cover
LTMH TECH
LTMH TECH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
 Seven Peaks company cover
Seven Peaks
We Drive Digital Transformation
 Wisesight (Thailand) Co., Ltd. company cover
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure
 MOLOG Tech company cover
MOLOG Tech
We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.
 Data Wow Co.,Ltd company cover
Data Wow Co.,Ltd
We enable our clients to realize increased productivity by solving their most complex issues by Data
 LINE Company Thailand company cover
LINE Company Thailand
LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call
 LINE MAN Wongnai company cover
LINE MAN Wongnai
Join our journey to becoming No.1 food platform in Thailand

krapalm Sun, 03/28/2010 - 19:40

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

iMenn Sun, 03/28/2010 - 21:59

คิดๆ แล้วก็เห็นด้วยเหมือนกันนะครับ ว่าเห็นคำเตือนหลายๆ ครั้งคงน่าเบื่อแน่นอน

งั้น Drupal มีทางตั้งค่าได้มั้ยครับว่า ถ้า user คนนี้คอมเม้นท์ไม่เกิน 2 ครั้ง ให้ขึ้นคำเตือนก่อนช่องกรอกข้อความ แต่ถ้าคอมเม้นท์มากกว่า 2 ครั้งแล้ว ให้คอมเม้นท์ไปอยู่ด้านล่างแบบเวอร์ชั่นปัจจุบัน?

latesleeper Sun, 03/28/2010 - 23:39

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

แต่ถ้าเราลากมันลงไปข้างล่าง คราวนี้ไม่ใช่เฉพาะสมาชิกเก่าเท่านั้นที่จะไม่ได้อ่าน สมาชิกใหม่ก็จะไม่ได้อ่านแล้วก็นำไปสู่การละเลยกฏกันโดยไม่ได้ตั้งใจ เพราะความที่ usability มันไม่ได้ทำงานอย่างที่มันควรจะทำน่ะสิครับ... มีอย่างที่ไหนไปตั้งป้ายลดความเร็วห่างขอบถนนออกไปสองเมตร เพราะ "ขับผ่านทุกวันขี้เกียจมอง เลื่อนป้ายเหอะ"

ขี่ช้างจับตั๊กแตนใช่น้อย (แต่กรณีนี้ตัวอย่างสุดโต่งไปพอสมควรครับ แหะๆ)

อีกประการที่รู้สึกคือผมรู้สึกว่ากล่องคอมเม้นท์ของบล็อกนั้นนั้นยาวเกินไปด้วยซ้ำ การมีคำเตือนมาพิงอยู่ข้างๆ ช่วยลดความยาวมันไปได้นิดหน่อยซึ่งผมชอบครับ

anusorn20 Sun, 03/28/2010 - 20:04

ไม่อยากได้ about นะครับเหมือนเอาอะไรไปซ่อนไว้ เอาออกมาโชว์เลยครับมีอะไรก็ได้คลิกๆเข้าไป ในคลิกเดียวเลยครับ

iMenn Sun, 03/28/2010 - 21:08

ประเด็นคงหมายถึง ผมเอาเมนู Topics กับ Library ออกน่ะครับ คิดว่าถ้าไม่มีที่ไว้ก็ไว้ที่ About ก็ได้ เนื่องจากผมแทบไม่กดเลย :P กับเนื้อที่ใน nav มันไม่ค่อยพอน่ะครับ

คนอื่นว่ายังไงก็เสนอกันได้นะครับ

mk Sun, 03/28/2010 - 22:03

หน้า Topics จะเข้าไปที่ Tag Cloud ซึ่งผมคิดว่าคนคงไม่ค่อยใช้กัน น่าจะตัดทิ้งได้

ส่วน Library ง่ายที่สุดคงเอาไปใส่ไว้ใน footer ด้านล่าง อันนี้เป็นปัญหาเรื่อง sub-site ที่ยังแยก identity ไม่ค่อยชัดน่ะครับ (เป็นปัญหาที่ผมต้องคิดเหมือนกัน อาจจะใส่ไว้ใน footer ทั้งหมด)

yokey Sun, 03/28/2010 - 21:05

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

EDIT: Blognone มีโฆษณะนาด้วยหรือครับ หรือว่าเตรียมไว้สำหรับธีมใหม่

yokey Sun, 03/28/2010 - 22:08

เป็นงงเลยของผมใช้ Opera ตลอดแต่ไม่เคยเห็นสักทีลองไปเปิด IE ดูครั้งแรก อ้าวมีจริงๆ แถมไม่ได้ตั้งบล๊อกด้วยครับ แปลกจัง

http://upload.bluegy.com/uploads/cabb9d789a8d92cc755d3e4d45ecd34e.gif

แต่เว็บอื่นๆ ห็เห็นปกติดี

banky118 Mon, 03/29/2010 - 00:39

ปกติ แบนเนอร์ตรงหัวบนสุดนี่มีด้วยเหรอครับ? ไม่เคยเห็นเลยแฮะ

xredzanakub Sun, 03/28/2010 - 22:14

ดูในภาพเหมือนตัวหนังสือ Font มันจะไม่ค่อยสวยครับ ก็ไม่ได้สวยนะแค่มันดูแปลกๆ
เหมือนตัวหนังสือมันอ่านยากๆด้วย? หรือสีมันตัดกัน? ไม่รู้เป็นที่ภาพหรือ Font จริงๆ

ตรงคำเตือน Comment ด้านล่างมันดูโล่งๆนะ น่าจะหาไรมาใส่นิดนึง
แต่แบบนี้ก็ได้แล้ว แต่ถ้าดูแบบจริงๆ มันโล่งๆ หุหุ
(ถ้าเปิดมาแล้วขนาดของ textarea มันใหญ่ขนาดนั้นน่ะ)

iMenn Mon, 03/29/2010 - 15:36

ฟ้อนท์ที่เกลี่ยนสีแบบนี้จะเป็นกับเครื่องแมค หรือไม่งั้นก็วินโดวส์ที่เปิด Clear Type ครับ ถ้าไม่ชิน หรือมีจอที่ dpi ไม่สูงนัก จะรู้สึกไม่ชัดครับ (อีกอย่าง render ใน photoshop มันไม่ค่อยชัดมากเท่าในเว็บครับ)

mk Sun, 03/28/2010 - 22:10

ของผมมีประเด็นว่า

  • รายละเอียดของผู้เขียน (ชื่อ+badge) อยู่ไม่ตรงที่กันในทั้งสองหน้า
  • เช่นเดียวกับจำนวนครั้งในการอ่าน หน้าแรกกับหน้าในอยู่คนละที่
  • read more น่าจะอยู่ด้านขวาสุดนะครับ ตามลูกศร (ดูของ TechCrunch ประกอบ)
  • title ของข่าวยังไม่ค่อยเด่นเท่าไร เมื่อเทียบกับหน้าเว็บทั้งหน้า (ในหน้าใน จะยิ่งเห็นชัด)
  • ใน navbar: feature กับ special report คงจะรวมกันครับ แล้วอาจจะเพิ่ม block ของ feature เข้ามาใน sidebar ของหน้าแรกด้วย

iMenn Mon, 03/29/2010 - 01:11

  1. รายละเอียดผู้เขียน, จำนวนครั้งการอ่าน อยู่ไม่ตรงกัน อันนี้ผมคิดว่ามันน่าจะหาไม่ยากน่ะครับเลยใส่ไว้แบบนี้ แต่ปรับได้ครับ
  2. read more อันนี้เห็นด้วยแล้วครับว่าควรอยู่ขวาสุดครับ ตอนออกแบบดันเสียดายว่า user icon มันควรอยู่แนวเดียวกันหน่อย ไม่อยากให้กระจัดกระจาย
  3. เดี๋ยวปรับ title ของข่าวให้เด่นขึ้นครับ
  4. เรื่อง nav และ block - feature ไม่มีปัญหาคร้าบ

hisoft Sun, 03/28/2010 - 22:52

ผมยังยืนยัน เอาภาพออกจากข่าวหน้าแรกครับ เหมือนมันเป็นเสน่ห์อย่างนึงของ Blognone

b98se Mon, 03/29/2010 - 00:14

ผมก็ชอบเหมือนกัน

แต่มีปัญหาเวลาออกแบบเว็บให้ที่ทำงาน เค้าจะบ่นประจำว่าเว็บจืด
แล้วรำคาญมากเวลาโดนสั่งให้ใส่คำว่า new กระพริบ

ตอนหลังเลย แจก user ไปลงกันเองให้สบายอารมณ์ไปเลย

illusion Sun, 03/28/2010 - 23:43

ชอบแบบใหม่นี้ครับ ลงตัวแล้ว สวยงามมาก สีก็คงเอกลักษณ์ของบล็อกนั้น (แบบคราวที่แล้วไม่ค่อยถูกใจสี แต่คราวนี้เยี่ยมมาก)

โลโก้ใหม่ก็ชอบครับ สรุป เท่ดี ทันสมัย ลงตัว

Todsapon Mon, 03/29/2010 - 00:13

นี้แหละนะ มืออาชีพ ปรับแต่งให้ทันที สุดยอดครับ
ส่วนตัวผมชอบครับ มันทันยุคดี ดูแล้วไม่ตกเทรน แต่ติดที่ขาดความคลาสิค

rulaz07 Mon, 03/29/2010 - 01:17

สวยงามครับ เห็นด้วยกับการเอาช่อง sign in ขึ้นมาอยู่บนๆ ปัจจุบันเวลาจะ log in ต้องเลื่อนหากล่อง

chakrit Mon, 03/29/2010 - 07:11

จะเกิดอะไรขึ้นถ้า dimension ของรูปมันไม่ฟิตกับปริมาณข่าวล่ะครับ? crop? crop ยังไง
manual/auto? เลื่อนบรรทัดให้เด้งไป เด้งมาได้ แต่อ่านยากกว่าเดิม?

ถ้ารูปยังโหลดไม่เสร็จ กำลังอ่านข่าวอยู่ อยู่ดีๆ รูปเด้งขึ้นมา บรรทัดก็เด้งอีก แล้วยิ่งถ้าเป็น float แบบนี้ มันทำให้จุดตัดของบรรทัดเปลี่ยนได้นะครับ คืออ่านไป รูปเด้งปุ๊บ จะต้องเสียเวลากวาดสายตาไปหาจุดเก่าที่อ่านทิ้งไว้ต่อทันที เพราะว่าขนาดบรรทัดอาจจะเปลี่ยนได้ ตรงที่อ่านไว้ อาจจะเด้งไปอยู่บรรทัดใหม่แล้วก็ได้

เว็บข่าว legibility กับ type น่าจะเป็นรายละเอียดสำคัญที่ควรพิจารณานะครับ

อีกอัน เล็กๆ น้อยๆ read more น่าจะอยู่ต่อจากเนื้อหาข่าวนะครับ อ่านจบจะได้กดต่อเลย แล้วถ้าใส่รูปอยากให้ indent ไปเลยอ่ะ จะได้อ่านง่ายๆ เพราะจุดเริ่มบรรทัดมันจะได้ไม่กระโดด

ส่วนเรื่องโหลดเร็ว ผมว่าเพิ่มรูปมันไม่เกี่ยวนะ เพราะว่า browser ส่วนมากก็ render ได้เสร็จก่อนรูปขึ้นอยู่แล้วนิฮะ เริ่มอ่านข่าวไปก่อนรูปโหลดเสร็จก็ได้

mk Mon, 03/29/2010 - 10:39

  • รูปในหน้าแรกจะ fix ขนาดและตำแหน่งครับ เดี๋ยวผมไปหาวิธีทำ auto crop
  • ผมเข้าใจว่าสุดท้ายแล้ว รูปจะอยู่ใน div และข้อความจะอยู่อีก div ข้างกัน (เหมือนกับกล่องคอมเมนต์ในตอนนี้) จะไม่มีปัญหาเรื่อง text reflow ครับ
  • ตำแหน่งของ read more เป็นข้อจำกัดของ Drupal ครับ คือจริงๆ จะแก้ก็ได้แต่ผมว่าไว้แบบนี้ง่ายกว่าในการดูแลโค้ดครับ

iMenn Mon, 03/29/2010 - 10:45

"ถ้ารูปยังโหลดไม่เสร็จ กำลังอ่านข่าวอยู่ อยู่ดีๆ รูปเด้งขึ้นมา" อันนั้นเป็นเพราะรูปในแทก img ไม่ใส่ความกว้างยาวครับ แค่ใส่ใน tag หรือใน css ก็จบครับ (หรือใส่ใน div แบบคุณ mk ว่าก็ได้ครับ)

เรื่องรูปจริงๆ ผมออกแบบให้ resize ได้นะครับ โดยบังคับความกว้างที่ 100 px สูงตามสัดส่วน (ลองนึกภาพรูปประจำตัวในเฟสบุ๊คดูครับ ตรรกะเดียวกัน) แต่แล้วแต่คนเขียนโค้ดว่าอยาก crop หรืออยาก resize

mokin Mon, 03/29/2010 - 09:02

ตามมายันยันนอนยัด ยังชอบ รูปแบบหน้าแรกของ http://www.neowin.net ในส่วนของข่าว
เพราะระดับการอ่านจะเป็นแนวดิ่งตลอด (เพราะรูปที่ใส่มันอยู่ด้านซ้าย จะดูก็ได้ไม่ดูก็ได้)
แล้ว การใส่ของมูลต่าง ก็คล้ายเว็บบลอกนั้นในปัจจุปัน ดีไซน์ใหม่ยัดข้อมูลใส่ในหน้าแรกเกินไป
ถ้าอยากใส่ขอมูลเยอะ ผมว่าเอาไปใส่ในหน้าข่าวด้านในดีกว่า

  • ตัวโลโก้ น่าจะเป็นตัวนูนมากกว่า ตัวอักษรฝัง ส่วน copy ฝังแบบเดิมเท่อยู่แล้ว

  • เมนู แบบนี้ก็ดีน่ะครับ ประหยัดพื้นที่

  • ตำแหน่ง Readmore ผมติดซ้ายมือสุด เพราะอ่านข่าวจบ ถ้าผมสดใจอ่านต่อผมก็ต้องการกด Readmore มากกว่าที่จะดูจำนวนคน

  • ความคงที่ของตำแหน่ง คนเขียนข่าว ตำแหน่งหน้าแรก กับ หน้าในตำแหน่งอยู่คนละที่ ผมมีความเห็นน่าจะยึดที่ใดที่หนึ่ง

  • เรื่องสี นานาจิตตังค่อยปรับสีใน CSS เอา

  • ตรงกล่อง related stories เอาประโยค ทางเลือก.. ออกดีกว่าไม่ครับ เพราะมันก็มีด้านล่างอยุ๋แล้ว

  • ตรงเลข #comment-xxx เอากลับที่เก่าดีกว่า กวนสายตาผมว่าไม่ค่อยมีใครดู ไม่จำเป็นต้องเด่น แล้วเอากดโหวตคอมเมนท์มาว่างแทน

  • อันนี้แถม เพื่อเว็บจะได้สะอาดปุ่ม reply เอาขึ้นมาเฉพาะตอนเมาส์ว่างได้ปล่าวครับ เพราะเริ่มรกขึ้น

เย้ย! คอมเมนท์เยอะไปแล้ว จะโดน wm ติ่งไม่นี้ :D

ปล.webmaster ตกลงแล้วที่สนับสนุนให้เว็บเป็นภาษาไทยนี้แค่เนื้อข่าวหรือครับ แล้วพวกคำประกอบในเว็บไม่เปลี่ยนเป็นภาษาไทยบ้างหรือครับ พวก เมนู Readmore tag เป็นต้น

mk Mon, 03/29/2010 - 10:40

reply ต้องมีปุ่มให้เห็นว่ากด reply ได้ ไม่งั้นผู้ใช้หน้าใหม่จะไปตอบในกล่องคอมเมนต์ด้านล่างแทนครับ แต่เห็นด้วยว่าอาจทำเป็นตัวจางๆ แล้วพอ mousehover อาจจะชัดขึ้นสักหน่อย

Bombycilla Mon, 03/29/2010 - 09:37

สุดยอดครับ ได้กลิ่น Blognone เดิมแต่ไฉไลขึ้นมาก

ปล. ส่วนตัวยังไม่ค่อยคุ้นกับรูปแบบบีบ ๆ ที่ติดอยู่กับข่าวหน้าแรกซักเท่าไหร่ -_-''

vaLVE Mon, 03/29/2010 - 10:15

หน้าตาเริ่มถูกใจแล้วครับ

แต่เห็นด้วยว่า LOGO BLOGNONE น่าจะเป็น LOGO เก่าครับ
เพราะตอนนี้เรียกว่าเป็นเครื่องหมายการค้าที่จำได้แล้วครับ

readmore เห็นว่าควรอยู่ซ้ายสุดครับ เพราะ comment ถึงกดไปก็เข้าไปหน้าในได้เหมือนกันถูกมั้ยครับ แต่แค่จะเด้งลงมาที่ตำแหน่ง comment เท่านั้นเอง ตรงนี้ความสำคัญของ readmore มากกว่า comment ครับ

แบนเนอร์โฆษณา 3/4 ของ head ใหญ่เกินไปอยู่ดีครับ เหลือที่ให้ชื่อเว็บกระจึ๋งนึง
ไม่ใช่ที่ที่โฆษณาควรจะอยู่อ่ะครับ หรือถ้าจะอยู่ตรงนี้ ขนาดก็ขอแค่พอดีกับ panel ด้านขวาน่ะครับ
อย่าล้ำเข้ามาข้างใน

อีกนิดนึงคือ ช่วงหลัง ๆ เห็นว่าหัวข้อข่าวเริ่มยาวขึ้นเรื่อย ๆ จนถึงขนาด 2 บรรทัดแล้ว แถบสีเทาจะขยายตามได้ตลอดใช่มั้ยครับ

mk Mon, 03/29/2010 - 10:46

  • เรื่องโลโก้ ผมฟันธงว่าเป็นโลโก้ใหม่ครับ
  • banner เป็นขนาดมาตรฐานของ leaderboard นะครับ
  • ตัวอย่างของการวาง banner ลองดู http://arstechnica.com/

vaLVE Mon, 03/29/2010 - 14:57

เรื่อง banner รับทราบตามนั้นครับ
อาจจะเป็นเพราะสีของ banner มันชมพู๊ ชมพูมั้งครับ เลยรู้สึกว่าขัด ๆ ตาพิกล
เพราะของ ars สีเค้าไปในทางเดียวกะ background น่ะครับ

oakyman Mon, 03/29/2010 - 10:55

อันนี้แก้ปัญหาเรื่อง reply กันเยอะ ทำให้ indent กันเยอะมาก จนพื้นที่แสดง comment เหลือนิดเดียวรึเปล่าครับ?

theoneox Tue, 03/30/2010 - 15:46

ใช่ครับ ผมอยากให้ตัวแสดงคอมเม้น มันเลื่อนขวาได้

ถ้า reply ตัวแถบทั้งแถบของคนนั้นก็จะเลื่อนไปางขวา เลยชาวบ้านเค้าไป

งง มั้ยครับ เหอะๆ

Lightwave Mon, 03/29/2010 - 11:09

ตรงคอมเม้นมันเป็นคลละสี ลายตาอะครับ น่าจะเอาเป็นแถบสีเดียวกันมากกว่า

ตรง reply ลองให้มันเป็นปุ่มผมว่ามันจะน่ากดมากกว่าลิงค์เพียวๆ

space ของ avatar and textarea มันใช้พื้นที่เปลืองโดยใช่เหตุ

ช่องว่างของคนที่ reply กลับไปที่คนอื่นมันน้อยไปครับ ถ้า reply ระดับที่เยอะขึ้นมันจะดูออกยากครับ หรือจะทำเป็นเส้นลากลงมาก็ได้ครับ แต่อาจจะรกตา

jakrapong Mon, 03/29/2010 - 21:18

โดยทั่วไปไม่ติดอะไรเลยครับ ว่าแต่เราทำฟังก์ชั่นของเว็บรับรองเรื่อง Accessibility หรือเปล่าครับ คือคิดว่า blognone คงทำตาม W3C อยู่แล้ว ถามให้แน่ใจเท่านั้นเอง http://th.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines

mk Mon, 03/29/2010 - 23:49

WCAG มันมีหลายระดับน่ะครับ ผมเคยลองระดับต่ำสุดนี่ก็ยังอ้วกเหมือนกัน เท่าที่พอนึกออก มันจะมีหลักๆ อยู่ไม่กี่ข้อคือ

  • contrast ของสี
  • alt text ในรูปภาพและวิดีโอ
  • การจัด heading ของเนื้อหา เพื่อให้ข้ามไปยังจุดที่ต้องการได้ง่าย
  • web shortcut อันนี้ยังไม่เคยทำ

Orion Mon, 03/29/2010 - 23:01

ดูดีขึ้นเยอะเลยแต่รู้สึกมันมืดไปหน่อยน่าจะลงระดับโทนเทาลงนิดนึง เรื่อง logo ผมว่าตัวใหม่มันเข้ากับเว็ปข่าว IT ดีนะ font พวก Sans serif มันให้ความรู้สึกทันสมัยอยู่แล้ว

adamy Tue, 03/30/2010 - 05:45

ตัวนี้พัฒนาการขึ้นจาก Feedback เยอะมากๆครับผม ตอนนี้ผมคิดว่ายอดเยี่ยมแล้วครับ Tweak เล็กน้อยก็ Way to go เลยครับ : )

ปล.อยากทราบว่า Banner เป็น IAB Standard หรือเปล่าครับ หากไม่ใช่ ลองลดขนาดเล็กดูนะครับ จะได้ไม่เบียดโลโก้เกินไปนะครับ หากเป็นขนาด IAB ก็ตามนั้นดีกว่าครับ : )

ขอบคุณครับ สวัสดีครับ

overbid Wed, 04/14/2010 - 22:36

อยากให้ตัว navigator มี home ด้วยครับ เวลาใช้มือถือแล้วไปดูหลาย ๆ ข่าว จะกลับหน้าแรกลำบากครับ มือถือมันช้า เช่นเดียวกับใน forum

Apple
public://topics-images/apple_webp.png
SCB10X
public://topics-images/347823389_774095087711602_515970870797767330_n_webp.png
Windows 11
public://topics-images/hero-bloom-logo.jpg
Huawei
public://topics-images/huawei_standard_logo.svg_.png
Google Keep
public://topics-images/google_keep_2020_logo.svg_.png
Instagram
public://topics-images/instagram_logo_2022.svg_.png
SCB
public://topics-images/9crhwyxv_400x400.jpg
Microsoft
public://topics-images/microsoft_logo.svg_.png
Basecamp
public://topics-images/bwpepdi0_400x400.jpg
FTC
public://topics-images/seal_of_the_united_states_federal_trade_commission.svg_.png
Pinterest
public://topics-images/pinterest.png
Palantir
public://topics-images/-nzsuc6w_400x400.png
AIS Business
public://topics-images/logo-business-2021-1.png
PostgreSQL
public://topics-images/images.png
JetBrains
public://topics-images/icx8y2ta_400x400.png
Krungthai
public://topics-images/aam1jxs6_400x400.jpg
Palworld
public://topics-images/mccyhcqf_400x400.jpg
Bill Gates
public://topics-images/bill_gates-september_2024.jpg
VMware
public://topics-images/1nj4i1gp_400x400.jpg
Take-Two Interactive
public://topics-images/0khle7nh_400x400.jpg
OpenAI
public://topics-images/ztsar0jw_400x400.jpg
Thailand
public://topics-images/flag_of_thailand.svg_.png
ServiceNow
public://topics-images/ytnrfphe_400x400.png
Klarna
public://topics-images/urcllpjp_400x400.png
Google Play
public://topics-images/play.png
Drupal
public://topics-images/drupal.png
Virtua Fighter
public://topics-images/virtua_figther_2024_logo.png
Paradox Interactive
public://topics-images/paradox_interactive_logo.svg_.png
Europa Universalis
public://topics-images/europa-icon.png
Nintendo Switch 2
public://topics-images/mainvisual.png
Cloudflare
public://topics-images/cloudflare_logo.svg_.png
Samsung
public://topics-images/samsung.png
Google
public://topics-images/google_2015_logo.svg_.png
Uber
public://topics-images/uber.png
Microsoft 365
public://topics-images/m365.png
USA
public://topics-images/flag_of_the_united_states.svg_.png
GM
public://topics-images/0pe0po-z_400x400.jpg
Perplexity
public://topics-images/perplex.jpg
Xperia
public://topics-images/xperia.png
iOS 18
public://topics-images/ios-18-num-96x96_2x.png
True
public://topics-images/true_logo.png
SoftBank
public://topics-images/softbank.jpg
Pac-Man
public://topics-images/pacman.png
Harry Potter
public://topics-images/harry.png
Marvel
public://topics-images/marvel.png
Skydance
public://topics-images/skydance.png
SEA
public://topics-images/sealogo.png
Find Hub
public://topics-images/find.png
Gemini
public://topics-images/google_gemini_logo.svg__1.png
Accessibility
public://topics-images/accessibility-128x128_2x.png
Material Design
public://topics-images/m3-favicon-apple-touch.png
Android 16
public://topics-images/android16.png
Android
public://topics-images/android_0.png
Firefox
public://topics-images/firefox_logo-2019.svg_.png
Google Messages
public://topics-images/messages.png
Notepad
public://topics-images/notepad.png
Singapore
public://topics-images/flag_of_singapore.svg_.png
Airbnb
public://topics-images/airbnb.png
PS5
public://topics-images/ps5.png
Krafton
public://topics-images/krafton.png
Doom
public://topics-images/doom-game-s_logo.svg_.png
AMD
public://topics-images/amd_logo.svg_.png
GTA
public://topics-images/gta_0.png
DoorDash
public://topics-images/doordash.png
YouTube
public://topics-images/yt.png
YouTube Music
public://topics-images/yt-music.png
Facebook
public://topics-images/fb.png
iQiyi
public://topics-images/iqiyi_0.png
Viu
public://topics-images/viu.png
Amazon Prime Video
public://topics-images/prime-vid.png
Spotify
public://topics-images/spotify.jpg
Apple TV
public://topics-images/apple-tv.png
HBO Max
public://topics-images/max.png
Threads
public://topics-images/threads.png
Alexa
public://topics-images/alexa.png
Kindle App
public://topics-images/kindle.png
Shopee
public://topics-images/shopee.png
Waze
public://topics-images/waze.png
Bilibili
public://topics-images/bili.png
Google Maps
public://topics-images/maps.png
Apple Music
public://topics-images/apple-music.png
Claude
public://topics-images/claude.png
TikTok
public://topics-images/tiktok.png
Xbox
public://topics-images/xbox.png
Tesla
public://topics-images/tesla.png
Chrome
public://topics-images/chrome.png
Google Calendar
public://topics-images/gcal.png
Google Home
public://topics-images/ghome.png
Google Meet
public://topics-images/meet.png
NotebookLM
public://topics-images/notebooklm.png
Reddit
public://topics-images/reddit.png
Assassin’s Creed
public://topics-images/ac.png
Mark Zuckerberg
public://topics-images/zuck.jpg
Meta
public://topics-images/meta.png
Meta AI
public://topics-images/meta-ai.png
Epic Games
public://topics-images/epic_games_logo.svg_.png
Unreal
public://topics-images/unreal_engine_logo-new_typeface-svg.png
Fortnite
public://topics-images/fortnite.png
DeepMind
public://topics-images/deepmind.png
Databricks
public://topics-images/databricks.png
Netflix
public://topics-images/netflix-logo.png
Microsoft Azure
public://topics-images/azure.png
Microsoft Copilot
public://topics-images/microsoft_copilot_icon.svg_.png
Bing
public://topics-images/bing.png
EA
public://topics-images/ea.png
Intel
public://topics-images/intel.png
Amazon
public://topics-images/amazon.png
AWS
public://topics-images/aws.png
Zoom
public://topics-images/zoom.png
Dropbox
public://topics-images/dropbox_0.png
Roblox
public://topics-images/roblox.png
Dell Technologies
public://topics-images/dell-tech.png
Nothing
public://topics-images/nothing.svg_.png
Microsoft Teams
public://topics-images/teams.png
Mojang
public://topics-images/mojang.png
Minecraft
public://topics-images/minecraft.png
Redis
public://topics-images/redis_logo.svg_.png
Ubisoft
public://topics-images/ubisoft_logo.svg_.png
Elden Ring
public://topics-images/elden.png
Brave
public://topics-images/brave.png
Opera
public://topics-images/opera.png
Vivaldi
public://topics-images/vivaldi.png
Microsoft Edge
public://topics-images/edge.png
Duolingo
public://topics-images/duolingo.png
LinkedIn
public://topics-images/linkedin.png
Canva
public://topics-images/canva.png
Realme
public://topics-images/realme.png
NASA
public://topics-images/nasa-logo.png
Booking.com
public://topics-images/booking.png
Agoda
public://topics-images/agoda.png
Bolt
public://topics-images/bolt.png
Grab
public://topics-images/grab.png
Temu
public://topics-images/temnu.png
LINE
public://topics-images/line.png
Facebook Messenger
public://topics-images/messenger.png
WhatsApp
public://topics-images/whatsapp.png
Telegram
public://topics-images/telegram.png
Signal
public://topics-images/signal.png
X.com
public://topics-images/x.png
Grok
public://topics-images/grok.png
xAI
public://topics-images/xai.png
CapCut
public://topics-images/capcut.png
Edits
public://topics-images/edit.png
Google One
public://topics-images/gone.png
Tinder
public://topics-images/tinger.png
Whoscall
public://topics-images/whoscall.png
OneDrive
public://topics-images/onedrive.png
Lightroom
public://topics-images/lr.png
Meitu
public://topics-images/meitu.png
Outlook
public://topics-images/outlook.png
Excel
public://topics-images/excel.png
PowerPoint
public://topics-images/ppt.png
Microsoft Word
public://topics-images/word.png
Phone Link
public://topics-images/phone-link.png
OneNote
public://topics-images/onenote.png
Windows App
public://topics-images/windows-app.png
Notion
public://topics-images/notion.png
Google Drive
public://topics-images/drive.png
YouTube Kids
public://topics-images/yt-kids.png
Gboard
public://topics-images/gboard.png
DeepSeek
public://topics-images/deepseek_logo.svg_.png
Prince of Persia
public://topics-images/prince-persia.png
Sony
public://topics-images/nq0nd2c0_400x400.jpg
Cisco
public://topics-images/jmyca1yn_400x400.jpg
Alibaba
public://topics-images/4axflwia_400x400.jpg
Alibaba Cloud
public://topics-images/qm43orjx_400x400_cloud.png
Coinbase
public://topics-images/consumer_wordmark.png
CarPlay
public://topics-images/carplay.png
Rust
public://topics-images/rust-logo-blk.png
Red Hat
public://topics-images/redhat.png
Anthropic
public://topics-images/anthropic.png
Xcode
public://topics-images/xcode.png
Tim Cook
public://topics-images/tim-cook.jpg
Donald Trump
public://topics-images/trump.jpg
Microsoft Surface
public://topics-images/surface.jpg
Copilot+ PC
public://topics-images/copilotpc.png
Stellar Blade
public://topics-images/stellar-blade.jpg
Snapdragon
public://topics-images/snapdragon_chip.png
Qualcomm
public://topics-images/qualcomm-logo.svg_.png
CoreWeave
public://topics-images/coreweave.png
Ford
public://topics-images/ford.png
Xiaomi
public://topics-images/xiaomi.png
Google Cloud
public://topics-images/google_cloud_logo.svg_.png
PlayStation Network
public://topics-images/psn.png
PlayStation Plus
public://topics-images/ps-plus.png
Windsurf
public://topics-images/windsurf.png
Square Enix
public://topics-images/square-enix.png
MIT
public://topics-images/x7hyjl3t_400x400.jpg
Zoox
public://topics-images/zoox.jpg
Evernote
public://topics-images/1neatidg_400x400.jpg
Magic the Gathering
public://topics-images/magic.png
Call of Duty
public://topics-images/cod.png
NVIDIA
public://topics-images/nvidia_logo.svg_.png
Satya Nadella
public://topics-images/nadella.png
Nintendo
public://topics-images/nintendo.png
Japan
public://topics-images/japan_flag.png
China
public://topics-images/china-flag-sq.png
Sam Altman
public://topics-images/sam-altman.png
SNK
public://topics-images/snk_logo.svg_.png
EPYC
public://topics-images/epyc.png
HPE
public://topics-images/hpe.png
Juniper
public://topics-images/juniper.png
CMA
public://topics-images/cma.png
App Store
public://topics-images/app-store.png
DoJ
public://topics-images/doj.png
Siri
public://topics-images/siri.png
Apple Intelligence
public://topics-images/apple-intelligence.png
Acer
public://topics-images/acer.png
GeForce
public://topics-images/geforce.png
Omen
public://topics-images/omen.png
HP
public://topics-images/hp.png
Alienware
public://topics-images/alienware.png
Dell
public://topics-images/dell.png
Bungie
public://topics-images/bungie.png
Marathon
public://topics-images/marathon.png
Lenovo
public://topics-images/lenovo-2015-svg.png
Intel Arc
public://topics-images/badge-arc-graphics.png
GitHub
public://topics-images/8zfrryja_400x400.png
GitHub Copilot
public://topics-images/copilot.png
Foxconn
public://topics-images/foxconn_0.png
Visual Studio
public://topics-images/vs.png
Visual Studio Code
public://topics-images/vscode.png
WSL
public://topics-images/wsl.png
Linux
public://topics-images/linux.png
Tencent
public://topics-images/tencent_logo_2017.svg_.png
Entra
public://topics-images/microsoft_entra_id_color_icon.svg_.png
RHEL
public://topics-images/rhel-icon.png
MSI
public://topics-images/msi-logo-for_digital_use_b.png
MCP
public://topics-images/mcp.png
Docker
public://topics-images/docker.png
RISC-V
public://topics-images/risc-v-logo.svg_.png
Fedora
public://topics-images/fedora.png
ASUS
public://topics-images/asus.png
ROG
public://topics-images/rog-logo_red.png
Naughty Dog
public://topics-images/naughty-dog.png
AIS
public://topics-images/357073423_657473419752809_8491928084596189631_n.png
National Telecom
public://topics-images/nt.jpg
Elon Musk
public://topics-images/elon_musk_2015_0.jpg
OpenShift
public://topics-images/openshift-logotype.svg-0.png
Shift Up
public://topics-images/shiftup.png
Bethesda
public://topics-images/bethesda.png
The Elder Scrolls
public://topics-images/tes.png
CATL
public://topics-images/img_7841.png
Radeon
public://topics-images/radeon.png
Waymo
public://topics-images/waymo.jpg
Borderlands
public://topics-images/borderlands4.png