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

[ptteppawong]

ตามหัวข้อครับ  theme responsive  ส่วนใหญ่แล้ว เวลาดูบนมือถือ  เมนูจะกลายเป็นสัญลักษณ์ขีด 3 ขีด  ลูกค้าเค้าจะคลิกเปิดอ่านดูแต่ละหน้าไหมครับ  เพราะอย่างกับบางคนเค้าก็ไม่รู้มันคืออะไร คลิกได้ไหม....

[richesbe]

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

[ptteppawong]

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

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

[AzpilicuetaR]

อันนี้จริงครับ ผมเปลี่ยนเว็บไซต์บริษัทให้ Responsive ผจก.เรียกตัวผมเข้าไปพบ แล้วก็ถามว่า "ทำไมผมเปิดเว็บผ่านมือถือ แล้วเว็บไซต์เราไม่มีเมนู" 

[kumabro]

ลองดู 2 บทความนี้ครับ 

Mobile Menu AB Tested: Hamburger Not the Best Choice?
https://sitesforprofit.com/mobile-menu-abtest

Hamburger vs Menu: The Final AB Test
https://sitesforprofit.com/menu-eats-hamburger

ส่วนตัวที่เคยทำมาชอบคำว่า MENU มากกว่า Hamburger ครับ ถ้าที่ว่างเหลือเยอะก็ให้อยู่คู่กันไปเลย 

[MD.18]

เปลี่ยนจาก 3ขีด มาเป็นคำว่า MENU เลยครับ

[sunwu]

เริ่มรู้กันมากแล้วครับ 

[thailandbitcoinguide]

ตามหัวข้อครับ  theme responsive  ส่วนใหญ่แล้ว เวลาดูบนมือถือ  เมนูจะกลายเป็นสัญลักษณ์ขีด 3 ขีด  ลูกค้าเค้าจะคลิกเปิดอ่านดูแต่ละหน้าไหมครับ  เพราะอย่างกับบางคนเค้าก็ไม่รู้มันคืออะไร คลิกได้ไหม....

เข้าใจแน่นอน ครับ เดียวนี้ ทุก web เป็น 3 ขีดหมดละครับ

[kondam]

ยังมีบางคนที่ไม่เข้าใจครับ (แต่เป็นส่วนน้อยครับ) 

[kanesz12]

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

[memo4219]

อันนี้จริงครับ ผมเปลี่ยนเว็บไซต์บริษัทให้ Responsive ผจก.เรียกตัวผมเข้าไปพบ แล้วก็ถามว่า "ทำไมผมเปิดเว็บผ่านมือถือ แล้วเว็บไซต์เราไม่มีเมนู" 

โอ้ นึกว่าเราจะโดนคนเดียวซะอีก 

ตอนนี้หาวิธีอยู่ ว่าอยากใส่คำว่า Menu เข้าไป และแทนที่จะคลิกที่ 3 ขีด ให้คลิกที่แถบนี้ แล้วเมนูเลื่อนเลย

[memo4219]

เปลี่ยนจาก 3ขีด มาเป็นคำว่า MENU เลยครับ

เปลี่ยนในไฟล์สคริป ตัวไหนครับ แนะนำหน่อยครับ

[MD.18]

เปลี่ยนจาก 3ขีด มาเป็นคำว่า MENU เลยครับ

เปลี่ยนในไฟล์สคริป ตัวไหนครับ แนะนำหน่อยครับ

มันแล้วแต่ธีมครับบอกยากว่าจะปรับยังไง  แต่ส่วนใหญ่แก้ได้ที่ css หลักนั่นแหละครับ มองหา #nav-toggle ครับ ว่าธีมที่ใช้เขียนยังไง ถ้า color: transparent; ไว้ ก็ให้เราใส่สีเข้าไปครับ แล้วก็ไปดูภายใน a href ว่ามีการใช้ ag <span></span> ไหม เพราะพวกนี้จะทำขีดสามขีดมาจาก tag :before และ :after  ให้เราดิสเพลย noneที่แทกspan เลย #nav-toggle span{display:none}

แล้วก็ลองๆเช็คดูหลายๆขนาดหน้าจอครับ เบื้อต้นก็ประมาณนี้ครับ 

[kingcrab]

เอาจริงๆตอนแรกที่ผมลองดูในมือถือ ผมก็หาอยู่พักใหญ่ๆนะ
ผมยังคิดเลยว่า ลูกค้าเค้าจะรู้มั้ยว่าสัญลักษณ์อย่างนี้คือเมนู ให้กดดูได้

[9arduino]

มีบางคนไม่เข้าใจ เหมือนกัน

[gooble]

ส่วนใหญ่ไม่เข้าใจนะ

[freebird]

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

[JeffyPluS]

ผมว่าผู้ใช้ น่าจะเริ่มรู้กันมากขึ้นครับ

ถ้าหากกังวล ผมแนะนำ ทำภาพใหม่ ไปแทนที่ภาพเดิม อาจจะเป็นคำตรง ๆ ว่า MENU เลย

[memo4219]

เปลี่ยนจาก 3ขีด มาเป็นคำว่า MENU เลยครับ

เปลี่ยนในไฟล์สคริป ตัวไหนครับ แนะนำหน่อยครับ

มันแล้วแต่ธีมครับบอกยากว่าจะปรับยังไง  แต่ส่วนใหญ่แก้ได้ที่ css หลักนั่นแหละครับ มองหา #nav-toggle ครับ ว่าธีมที่ใช้เขียนยังไง ถ้า color: transparent; ไว้ ก็ให้เราใส่สีเข้าไปครับ แล้วก็ไปดูภายใน a href ว่ามีการใช้ ag <span></span> ไหม เพราะพวกนี้จะทำขีดสามขีดมาจาก tag :before และ :after  ให้เราดิสเพลย noneที่แทกspan เลย #nav-toggle span{display:none}

แล้วก็ลองๆเช็คดูหลายๆขนาดหน้าจอครับ เบื้อต้นก็ประมาณนี้ครับ 

อ่านละงง ครับ ผมไม่เข้าใจ

โค้ด เลือก ขยาย


.vl-main-navigation a{
color: #0E0E0E;
}

.vl-toggle-menu{
display: block;
float: right;
height: 54px;
width: 54px;
cursor: pointer;
}

.vl-toggle-menu span{
position: relative;
background: #FFF;
height: 2px;
width: 32px;
margin: 0 auto;
display: block;
top: 50%;
margin-top: -1px;
box-shadow: 0 10px 0px 0px #FFF, 0 -10px 0px 0px #FFF;
}

.vl-main-navigation a{
text-shadow: none;
}


ใน css ของผมเป็นตามนี้ ต้องแก้ไขไงอ่ะครับ

[tomboy69]

  ติดตามครับ