Tags:

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

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

bn-web-r5

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

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

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

bn-web-r5-single

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

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

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

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

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

Comments

By: toandthen
WriteriPhoneAndroid
toandthen's blog
on 28/03/10 18:33 #165345 toggle
toandthen's picture

ผมว่าคำเตือนอยู่ข้างล่างดีแล้วมั้งครับ เราอ่านกันคนละไม่เกิน 2 รอบแน่นอน = =''

By: krapalm
AndroidSymbianUbuntu
krapalm's blog
on 28/03/10 18:40 #165347 Reply to:165345 toggle
krapalm's picture

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

By: iMenn
ContributorAndroid
iMenn's blog
on 28/03/10 20:59 #165380 Reply to:165345 toggle
iMenn's picture

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

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

By: latesleeper
Android
latesleeper's blog
on 28/03/10 22:39 #165395 Reply to:165380 toggle
latesleeper's picture

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

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

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

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


ซู่ซ่า ~♥(>◡<)♥

By: iannnnn
WriterAndroid
iannnnn's blog
on 28/03/10 18:36 #165346 toggle
iannnnn's picture

แบนเนอร์โฆษณาน่าเกลียดมากครับ!

By: GuBaRaK
iPhoneUbuntuWindows
GuBaRaK's blog
on 28/03/10 18:50 #165351 Reply to:165346 toggle
GuBaRaK's picture

อิอิ

By: toandthen
WriteriPhoneAndroid
toandthen's blog
on 29/03/10 7:24 #165432 Reply to:165346 toggle
toandthen's picture

เนียน

By: papon1997
Ubuntu
papon1997's blog
on 28/03/10 18:55 #165352 toggle
papon1997's picture

สำหรับผม ยังไงก็ได้ครับ


ความแน่นอนคือความไม่แน่นอน ความไม่แน่นอนคือความแน่นอน

By: 21Aki
ContributoriPhoneWindows
21Aki's blog
on 28/03/10 19:01 #165354 toggle
21Aki's picture

ชอบ thumb แบบแรกมากกว่าฮะ นอกนั้นสวยดี

By: tekkasit
ContributorAndroidWindows
tekkasit's blog
on 28/03/10 19:02 #165355 toggle
tekkasit's picture

ผมว่าก็โอนะ

By: anusorn20
Android
anusorn20's blog
on 28/03/10 19:04 #165356 toggle
anusorn20's picture

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


เทกแคร์ครับ

By: mk
FounderAndroidRed HatWindows
mk's blog
on 28/03/10 19:23 #165359 Reply to:165356 toggle
mk's picture

ยังไงอะครับ ยังไม่ค่อยเข้าใจประเด็นเท่าไร

By: iMenn
ContributorAndroid
iMenn's blog
on 28/03/10 20:08 #165372 Reply to:165356 toggle
iMenn's picture

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

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

By: mk
FounderAndroidRed HatWindows
mk's blog
on 28/03/10 21:03 #165381 Reply to:165372 toggle
mk's picture

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

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

By: fatro
ContributoriPhoneBlackberryWindows
fatro's blog
on 28/03/10 23:59 #165405 Reply to:165372 toggle
fatro's picture

Tag Cloud มีผมใช้อยู่คนเดียวเหรอเนี่ย!

ผมใช้เวลาหาข่าวเก่า เชื่อหรือไม่บางครั้งผมหาข่าวเก่าจาก GCS ไม่เจอ

By: toandthen
WriteriPhoneAndroid
toandthen's blog
on 29/03/10 7:26 #165433 Reply to:165405 toggle
toandthen's picture

ผมใช้เหมือนกันนะ

By: mixmerize
iPhone
mixmerize's blog
on 28/03/10 19:10 #165357 toggle
mixmerize's picture

โอแล้ว ชอบครับ ใช้เลยๆ 555+


@Mixmerize

By: NuttTaro
AndroidUbuntuWindows
NuttTaro's blog
on 28/03/10 19:21 #165358 toggle
NuttTaro's picture

น่าจะมีหน้าเว็บให้ทดลองใช้นะครับ

เช่น beta.blognone.com ,blognone.com/beta

By: mk
FounderAndroidRed HatWindows
mk's blog
on 28/03/10 19:24 #165360 Reply to:165358 toggle
mk's picture

เดี๋ยวมีแน่ครับ เพียงแต่ตอนนี้ยังมีแต่ภาพ :)

By: NuttTaro
AndroidUbuntuWindows
NuttTaro's blog
on 28/03/10 19:59 #165368 Reply to:165360 toggle
NuttTaro's picture

:)

By: hisoft
ContributorWindows PhoneWindows
hisoft's blog
on 28/03/10 21:51 #165389 Reply to:165358 toggle
hisoft's picture

+1


 

The Phantom Thief

By: gotobanana
iPhoneAndroidBlackberrySymbian
gotobanana's blog
on 28/03/10 19:25 #165361 toggle
gotobanana's picture

ภาพรวมผมว่าดูดีขึ้นกว่าอันแรกน่ะ

By: polaromonas
ContributorWindows PhoneUbuntuWindows
polaromonas's blog
on 28/03/10 19:53 #165366 toggle
polaromonas's picture

ชอบเสื้อ "I see dead pixels" จัง 55+


My blog

By: yokey
WriterAndroid
yokey's blog
on 28/03/10 20:05 #165370 toggle
yokey's picture

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

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


----------------- Yokey My Blog

By: mk
FounderAndroidRed HatWindows
mk's blog
on 28/03/10 20:59 #165379 Reply to:165370 toggle
mk's picture

เอ โฆษณาทุกวันนี้ก็มีอยู่แล้วนี่ครับ

By: yokey
WriterAndroid
yokey's blog
on 28/03/10 21:08 #165383 Reply to:165379 toggle
yokey's picture

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

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

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


----------------- Yokey My Blog

By: polaromonas
ContributorWindows PhoneUbuntuWindows
polaromonas's blog
on 28/03/10 21:43 #165386 Reply to:165383 toggle
polaromonas's picture

เออแฮะ เพิ่งสังเกตว่า Opera ผมก็ไม่โชว์โฆษณาเหมือนกัน -*-


My blog

By: hisoft
ContributorWindows PhoneWindows
hisoft's blog
on 28/03/10 21:51 #165388 Reply to:165383 toggle
hisoft's picture

ถ้า Login แล้วจะไม่ขึ้นครับ ผมใช้ IE ตลอดก็ไม่เจอเหมือนกัน


 

The Phantom Thief

By: banky118
iPhone
banky118's blog
on 28/03/10 23:39 #165403 Reply to:165379 toggle
banky118's picture

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

By: mk
FounderAndroidRed HatWindows
mk's blog
on 29/03/10 7:09 #165431 Reply to:165403 toggle
mk's picture

ปัจจุบันอยู่ใต้ navbar ครับ แต่อยากเลื่อนมันขึ้นไปข้างบนจะได้ประหยัดที่

By: ThePiero
iPhone
ThePiero's blog
on 28/03/10 20:06 #165371 toggle
ThePiero's picture

โอเลยคร๊าบๆๆๆๆ

By: pawinpawin
Writer
pawinpawin's blog
on 28/03/10 20:16 #165373 toggle
pawinpawin's picture

เอาอันนี้เลยครับ


pawinpawin | clinicalepi.com

By: elixer
WriteriPhoneAndroidWindows
elixer's blog
on 28/03/10 20:26 #165376 toggle
elixer's picture

ผมว่าอันนี้ลงตัวดีแล้วครับ


Rachanont blog.

By: xredzanakub
ContributoriPhoneAndroidSymbian
xredzanakub's blog
on 28/03/10 21:14 #165382 toggle
xredzanakub's picture

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

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

By: iMenn
ContributorAndroid
iMenn's blog
on 29/03/10 14:36 #165585 Reply to:165382 toggle
iMenn's picture

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

By: mk
FounderAndroidRed HatWindows
mk's blog
on 28/03/10 21:10 #165384 toggle
mk's picture

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

  • รายละเอียดของผู้เขียน (ชื่อ+badge) อยู่ไม่ตรงที่กันในทั้งสองหน้า
  • เช่นเดียวกับจำนวนครั้งในการอ่าน หน้าแรกกับหน้าในอยู่คนละที่
  • read more น่าจะอยู่ด้านขวาสุดนะครับ ตามลูกศร (ดูของ TechCrunch ประกอบ)
  • title ของข่าวยังไม่ค่อยเด่นเท่าไร เมื่อเทียบกับหน้าเว็บทั้งหน้า (ในหน้าใน จะยิ่งเห็นชัด)
  • ใน navbar: feature กับ special report คงจะรวมกันครับ แล้วอาจจะเพิ่ม block ของ feature เข้ามาใน sidebar ของหน้าแรกด้วย
By: iMenn
ContributorAndroid
iMenn's blog
on 29/03/10 0:11 #165406 Reply to:165384 toggle
iMenn's picture
  1. รายละเอียดผู้เขียน, จำนวนครั้งการอ่าน อยู่ไม่ตรงกัน อันนี้ผมคิดว่ามันน่าจะหาไม่ยากน่ะครับเลยใส่ไว้แบบนี้ แต่ปรับได้ครับ
  2. read more อันนี้เห็นด้วยแล้วครับว่าควรอยู่ขวาสุดครับ ตอนออกแบบดันเสียดายว่า user icon มันควรอยู่แนวเดียวกันหน่อย ไม่อยากให้กระจัดกระจาย
  3. เดี๋ยวปรับ title ของข่าวให้เด่นขึ้นครับ
  4. เรื่อง nav และ block - feature ไม่มีปัญหาคร้าบ
By: nuntawat
WriterAndroidWindows
nuntawat's blog
on 28/03/10 21:19 #165385 toggle
nuntawat's picture

ยังยืนยันใช้โลโก้เก่าครับ นอกนั้นไม่มีปัญหา


ลาก่อนครับ "คุณ"

By: zumokik
AndroidWindows
zumokik's blog
on 28/03/10 21:46 #165387 Reply to:165385 toggle
By: hisoft
ContributorWindows PhoneWindows
hisoft's blog
on 28/03/10 21:52 #165390 toggle
hisoft's picture

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


 

The Phantom Thief

By: Lovelyja
ContributorAndroid
Lovelyja's blog
on 28/03/10 22:34 #165394 Reply to:165390 toggle
Lovelyja's picture

+1 ครับ อยากโหลดเร็วๆ


It's me.

By: b98se
AndroidWindows
b98se's blog
on 28/03/10 23:14 #165401 Reply to:165390 toggle
b98se's picture

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

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

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

By: banky118
iPhone
banky118's blog
on 28/03/10 23:39 #165402 Reply to:165390 toggle
banky118's picture

+1 ครับ อยากดูรูป กด Read More ดีกว่า

By: KavkaZ
ContributorAndroidUbuntuWindows
KavkaZ's blog
on 29/03/10 0:29 #165411 Reply to:165390 toggle
KavkaZ's picture

+1


ลายเซ็นยาวเกินไปครับ

By: mk
FounderAndroidRed HatWindows
mk's blog
on 29/03/10 7:38 #165434 Reply to:165390 toggle
mk's picture

เรื่องมี-ไม่มีภาพเนี่ย แนวทางคงมุ่งไปในทางที่มีภาพครับ

By: TakeshiBoy
TakeshiBoy's blog
on 30/03/10 8:29 #165734 Reply to:165390 toggle
TakeshiBoy's picture

+1


Where there's will, there's way

By: BlackMiracle
AndroidWindows
BlackMiracle's blog
on 28/03/10 21:56 #165391 toggle
BlackMiracle's picture

ลงตัวมากครับ เก่งจัง

By: tonn
Android
tonn's blog
on 28/03/10 21:59 #165392 toggle
tonn's picture

การวางภาพในหน้าแรกของธีมนี้ดูดีกว่าอันเก่าครับ โดยรวมแล้วผมว่าสวยขึ้น

By: dafty
AndroidWindows
dafty's blog
on 28/03/10 22:22 #165393 toggle
dafty's picture

ชอบคับ

By: latesleeper
Android
latesleeper's blog
on 28/03/10 22:41 #165396 toggle
latesleeper's picture

เห็นด้วยว่าฟ้อนท์เก่าสวยกว่าแฮะ เอามาใส่วิ้งๆ เฉยๆ ก็น่าจะดูดีได้แล้วนะครับ


ซู่ซ่า ~♥(>◡<)♥

By: illusion
ContributorWindows PhoneWindows
illusion's blog
on 28/03/10 22:43 #165398 toggle
illusion's picture

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

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

By: Todsapon
iPhone
Todsapon's blog
on 28/03/10 23:13 #165400 toggle
Todsapon's picture

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


Secret.

By: rulaz07
ContributorAndroid
rulaz07's blog
on 29/03/10 0:17 #165407 toggle
rulaz07's picture

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


@korkid

By: PipoXP
Android
PipoXP's blog
on 29/03/10 0:42 #165414 toggle
PipoXP's picture

สวยครับ ดูเนียลตาดีครับ


============================= ปราชญ์เดินดิน

By: nblue
Android
nblue's blog
on 29/03/10 0:43 #165415 toggle
nblue's picture

แถบโลโก้และหัวเมนูด้านบน สีเข้ากับโลโก้ที่เป็นสีฟ้าแถบเขียวด้านล่างอย่างลงตัวมากๆ เนียนจ้า


blog.u-blue.com

By: lingjaidee
Windows PhoneAndroidWindows
lingjaidee's blog
on 29/03/10 5:07 #165428 toggle
lingjaidee's picture

กริบ!!

By: chakrit
ContributorWindows PhoneAndroidUbuntu
chakrit's blog
on 29/03/10 6:11 #165430 toggle
chakrit's picture

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

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

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

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

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


  • chakrit
By: mk
FounderAndroidRed HatWindows
mk's blog
on 29/03/10 9:39 #165463 Reply to:165430 toggle
mk's picture
  • รูปในหน้าแรกจะ fix ขนาดและตำแหน่งครับ เดี๋ยวผมไปหาวิธีทำ auto crop
  • ผมเข้าใจว่าสุดท้ายแล้ว รูปจะอยู่ใน div และข้อความจะอยู่อีก div ข้างกัน (เหมือนกับกล่องคอมเมนต์ในตอนนี้) จะไม่มีปัญหาเรื่อง text reflow ครับ
  • ตำแหน่งของ read more เป็นข้อจำกัดของ Drupal ครับ คือจริงๆ จะแก้ก็ได้แต่ผมว่าไว้แบบนี้ง่ายกว่าในการดูแลโค้ดครับ
By: fatro
ContributoriPhoneBlackberryWindows
fatro's blog
on 30/03/10 4:54 #165714 Reply to:165463 toggle
fatro's picture

imagecache ครับ จะยืดจะหดได้หมด แต่ถ้า auto crop แบบลากได้ผมยังไม่เจอที่ทำงานกับ imagefield ได้ดีๆ เลย

By: iMenn
ContributorAndroid
iMenn's blog
on 29/03/10 9:45 #165470 Reply to:165430 toggle
iMenn's picture

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

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

By: mokin
Contributor
mokin's blog
on 29/03/10 8:02 #165435 toggle
mokin's picture

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

  • ตัวโลโก้ น่าจะเป็นตัวนูนมากกว่า ตัวอักษรฝัง ส่วน copy ฝังแบบเดิมเท่อยู่แล้ว
  • เมนู แบบนี้ก็ดีน่ะครับ ประหยัดพื้นที่
  • ตำแหน่ง Readmore ผมติดซ้ายมือสุด เพราะอ่านข่าวจบ ถ้าผมสดใจอ่านต่อผมก็ต้องการกด Readmore มากกว่าที่จะดูจำนวนคน
  • ความคงที่ของตำแหน่ง คนเขียนข่าว ตำแหน่งหน้าแรก กับ หน้าในตำแหน่งอยู่คนละที่ ผมมีความเห็นน่าจะยึดที่ใดที่หนึ่ง
  • เรื่องสี นานาจิตตังค่อยปรับสีใน CSS เอา
  • ตรงกล่อง related stories เอาประโยค ทางเลือก.. ออกดีกว่าไม่ครับ เพราะมันก็มีด้านล่างอยุ๋แล้ว

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

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

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

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


<@mOkin>Every thing that has a beginning has an end.<mOkin/>

By: mk
FounderAndroidRed HatWindows
mk's blog
on 29/03/10 9:40 #165464 Reply to:165435 toggle
mk's picture

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

By: Bombycilla
Android
Bombycilla's blog
on 29/03/10 8:37 #165442 toggle
Bombycilla's picture

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

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

By: myx
AndroidBlackberryUbuntu
myx's blog
on 29/03/10 8:54 #165447 toggle
myx's picture

สวยครับ

By: vaLVE
iPhone
vaLVE's blog
on 29/03/10 9:15 #165454 toggle
vaLVE's picture

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

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

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

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

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

By: mk
FounderAndroidRed HatWindows
mk's blog
on 29/03/10 9:46 #165471 Reply to:165454 toggle
mk's picture
  • เรื่องโลโก้ ผมฟันธงว่าเป็นโลโก้ใหม่ครับ
  • banner เป็นขนาดมาตรฐานของ leaderboard นะครับ
  • ตัวอย่างของการวาง banner ลองดู http://arstechnica.com/
By: vaLVE
iPhone
vaLVE's blog
on 29/03/10 13:57 #165574 Reply to:165471 toggle
vaLVE's picture

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

By: Zatang
ContributoriPhoneAndroid
Zatang's blog
on 29/03/10 9:48 #165472 toggle
Zatang's picture

สวยดีครับ


อคติทำให้คนรับเหตุผลด้านเดียว

By: oakyman
ContributorAndroid
oakyman's blog
on 29/03/10 9:55 #165476 toggle
oakyman's picture

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


Oakyman.com

By: iMenn
ContributorAndroid
iMenn's blog
on 29/03/10 9:57 #165479 Reply to:165476 toggle
iMenn's picture

จะว่าแก้ ก็แก้นิดนึงครับ เพราะ indent น้อยหน่อย

กับแก้อีกที่ก็ต้องไป config น่ะครับว่า indent กันได้กี่ระดับ

By: theoneox
Android
theoneox's blog
on 30/03/10 14:46 #165840 Reply to:165476 toggle
theoneox's picture

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

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

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

By: Lightwave
AndroidWindows
Lightwave's blog
on 29/03/10 10:09 #165484 toggle
Lightwave's picture

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

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

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

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

By: Blue Rabbit
Blackberry
Blue Rabbit's blog
on 29/03/10 11:48 #165532 toggle
Blue Rabbit's picture

ผมว่าเวอร์ชั่นนี้ตัวแล้วครับ เหลือเพียงตำแหน่งของ read more เท่านั้นที่ต้องปรับให้เหมาะขึ้น

ขอบคุณครับ

By: jakrapong
ContributorAndroidSamsung Official
jakrapong's blog
on 29/03/10 20:18 #165665 toggle
jakrapong's picture

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


เป็นความเห็นส่วนตัวเล็กๆ ครับ jakrapong

ผมเขียนเรื่องแนวอื่นๆ ที่อาจไม่เกี่ยวเนื่องกับ Blognone ด้วย ถ้าสนใจก็ติดตามได้ที่ jakrapong.com นะครับ

By: mk
FounderAndroidRed HatWindows
mk's blog
on 29/03/10 22:49 #165686 Reply to:165665 toggle
mk's picture

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

  • contrast ของสี
  • alt text ในรูปภาพและวิดีโอ
  • การจัด heading ของเนื้อหา เพื่อให้ข้ามไปยังจุดที่ต้องการได้ง่าย
  • web shortcut อันนี้ยังไม่เคยทำ
By: vtwifuvjt
AndroidUbuntu
vtwifuvjt's blog
on 29/03/10 20:49 #165669 toggle
vtwifuvjt's picture

เสียดายที่คุณ mk ฟันธงว่าใช้ LOGO ใหม่เพราะผมชอบ LOGO เก่ามากกว่านะครับ

นอกนั้นสวยงามมากครับเปลี่ยน Look ใหม่ไฉไลกว่าเดิม

By: mk
FounderAndroidRed HatWindows
mk's blog
on 29/03/10 22:48 #165685 Reply to:165669 toggle
mk's picture

เป็นเส้นทางที่ต้องก้าวเดินไปข้างหน้าครับ

By: Orion
AndroidWindows
Orion's blog
on 29/03/10 22:01 #165678 toggle
Orion's picture

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

By: chayaninw
WriterSymbianUbuntu
chayaninw's blog
on 29/03/10 23:08 #165689 toggle
chayaninw's picture

ผมชอบโลโก้ใหม่นะ โดยส่วนตัวก็แอบปลื้มๆ ฟอนต์นี้อยู่ (ชื่ออะไรนะ รู้สึกมันจำยากจัง)

By: adamy
iPhoneAndroidBlackberryUbuntu
adamy's blog
on 30/03/10 4:45 #165713 toggle
adamy's picture

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

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

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


:: Take minimum, Give Maximum ::

By: NuttTaro
AndroidUbuntuWindows
NuttTaro's blog
on 30/03/10 10:28 #165767 toggle
NuttTaro's picture

อยากเห็น blognone ในอดีต ผมมาไม่ทัน

By: iMenn
ContributorAndroid
iMenn's blog
on 30/03/10 10:48 #165777 toggle
iMenn's picture

เอาลิงก์ของ Revision 6 มาให้ดูนะครับ เป็นการกดดันคุณ mk กลายๆ เห็นว่าจะเริ่มทำหลังสงกรานต์ครับ

http://groups.google.com/group/blognone/browse_thread/thread/af2fa82f0e579531?hl=en

By: Orion
AndroidWindows
Orion's blog
on 30/03/10 12:04 #165808 Reply to:165777 toggle
Orion's picture

อันนี้ลงตัวขึ้นมากเลยครับ

By: pumpithu
pumpithu's blog
on 30/03/10 12:00 #165806 toggle
pumpithu's picture

สวยดีนะครับ ออกแบบดู เหมาะสมกับรูปแบบเว็บในปัจจุบันดีครับ ..​


"Virtualization .. โลกแห่งจินตนาการ"

By: Holyfox
AndroidUbuntu
Holyfox's blog
on 30/03/10 15:07 #165847 toggle
Holyfox's picture

สวยขึ้น เรียบง่าย OK ดูดีเลยทีเดียว

By: CPECHRIS
Windows PhoneWindows
CPECHRIS's blog
on 30/03/10 16:54 #165869 toggle
CPECHRIS's picture

+1 ให้โลโก้ใหม่ครับ ดู Tech จริงๆ


CPE#24 KMUTT | P. KRIS' PLAYGROUND

By: maxsloveyou
iPhoneAndroidSymbian
maxsloveyou's blog
on 30/03/10 22:09 #165911 toggle
maxsloveyou's picture

ไม่มีรูปก็ชอบอยู่แล้ว พอมีรูปยิ่งชอบกว่าเก่า ดูเรียบง่ายทันสมัยดี


สวัสดีครับ : มหาวิทยาลัยออนไลน์

By: l2aelba
iPhoneAndroid
l2aelba's blog
on 31/03/10 3:31 #166006 toggle
l2aelba's picture

สวยอะ อดใจรอดูอยู่...


l2aelba & Mag.im

By: wegang
ContributorAndroid
wegang's blog
on 11/04/10 17:20 #169637 toggle
wegang's picture

สุดยอด

ว่าแต่ใช้โปรแกรมอะไรทำธีมดรูปัลละเนี่ย

By: overbid
ContributorAndroidSymbianUbuntu
overbid's blog
on 14/04/10 21:36 #170420 toggle
overbid's picture

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