Your SlideShare is downloading. ×
0
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Clear And Effective Communication In Web Design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Clear And Effective Communication In Web Design

899

Published on

การออกแบบเว็ปไซต์ อย่างมีประสิทธิภาพ ด้วยการจัดวาง เพื่อสื่อสารอย่างกระจ่างชัด

การออกแบบเว็ปไซต์ อย่างมีประสิทธิภาพ ด้วยการจัดวาง เพื่อสื่อสารอย่างกระจ่างชัด

Published in: Design, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
899
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. การออกแบบเว็ปไซต์ อย่างมีประสิทธิภาพ ด้วยการจัดวาง เพื่อสื่อสารอย่าง กระจ่าง ชัด
  • 2. การสื่อสารที่ชัดเจนในการออกแบบเว็บ
    • เป็นองค์ประกอบสำคัญของเว็บที่จะประสบความสำเร็จ
    • สื่อสาร ติดต่อ แจ้งให้ทราบถึง สิ่งที่อยากจะบอกให้กับ User ให้เข้าใจตรงกัน
    • อำนวยความสะดวกในการใช้งาน
  • 3. Website Methods of Communication วิธี การสื่อสาร สำหรับการพัฒนาเว็บ 1
  • 4.
    • 1.1. ข้อความ
    • 1.2. รูปภาพ
    หน้าเว็บไซต์ Andrew Gransde มีพื้นที่หน้าจอส่วนใหญ่ เหนือหน้าโฮมเพจนี้มีการสุ่มภาพในหน้าโหลด . ใช้ภาพการสื่อสารแทนที่จะอาศัยหลักในข้อความเพื่อดึงดูดว่าที่ลูกค้า .
  • 5.
    • 1.3. Titles and Headers ชื่อและหัวเรื่อง
    • ( ทำให้ทราบได้อย่างรวดเร็ว เหมือนข่าวพาดหัว นสพ .)
    • 1.4. icon
  • 6.
    • 1.5. Design Styles
    • ( ทำให้ทราบว่าเว็บนี้ เป็นเว็บเกี่ยวกับอะไร )
    Craig Wickersham Inc.
  • 7.
    • 1.6. C o l o r ( ใช้จิตวิทยาเกี่ยวกับสี เข้ามาเล่น )
    • 1.7. Audio and Video
    • ภาพและเสียง
    • ( ผู้ใช้อินเทอร์เน็ตอยู่ในการเชื่อมต่อความเร็วสูง )
  • 8. Challenges of Creating a Website with Clear Communication ความท้าทาย ของ Web designer ในการสื่อสารให้ชัดเจนการสื่อสาร 2
  • 9. 2. ความท้าทายของ Web designer ในการสื่อสารให้ชัดเจน
    • 2.1. เนื้อหาที่มากเกินไป
    • ( ควรควบคุมให้ไม่เยอะจนเกินไปต่อ 1 หน้า ไม่ให้สับสนกำกวม )
    • 2.2. ความแตกต่างของ User
  • 10.
    • 2.3. ความชัดเจน
    • จะต้องเป็นวัตถุประสงค์ที่ชัดเจน และเป็นความสำคัญของเว็บไซต์ที่ให้ User เข้าใจ
    Macalicious
  • 11.
    • 2.4. สั้นและกระชับ
    • หนึ่งในเหตุผล taglines จะมีประสิทธิภาพคือสิ่งที่พวกเขาสามารถสื่อสารสิ่งที่สำคัญเกี่ยวกับเว็บไซต์ในระยะเวลาสั้น
    Shuteye
  • 12.
    • 2.5. มีบุคลิกภาพ ( เหมือนกับ คนคุยกับคน )
    • 2.6. ไม่เอาชนะการสื่อสารกับการออกแบบ
    • การ Design หน้าเว็บไม่ควรแย่งกันเด่นมากกว่าเนื้อหา
    • สาระสำคัญ ที่ต้องการให้ User ทราบ
    Pixelhaven ’
  • 13.
    • 2.7. สร้างความน่าเชื่อถือ ไว้ใจให้กับ User
    • 2.8. รักษาความน่าสนใจ
    • ควรชัดเจนและกระชับสื่อสารให้ผู้เข้าชมก่อนที่จะได้รับสับสนหรือเบื่อกับเว็บไซต์ . แล้วจึงไปเข้าเว็บอื่นแทน
  • 14. What Should Be Communicated สิ่งที่ควรมี สิ่งที่ควรบอก 3
  • 15. 3. สิ่งที่ควรมี สิ่งที่ควรบอก
    • 3.1. วัตถุประสงค์ของเว็บ ว่าคืออะไร เขาควรจะสามารถตรวจสอบว่าเป็นสิ่งที่พวกเขาสนใจ
    • 3.2. สิ่งที่มีให้ คือ อะไร
    • ควรสื่อสารให้ชัดเจนกับ บริการที่มีให้สำหรับ User ว่าเค้าได้อะไรบ้าง มีอะไรให้เล่น
    • 3.3. User ได้ประโยชน์ อย่างไร
    • บอกถึงเหตุผลที่ดี หรือขอเปรียบเทียบ ช่วยเพิ่มแรงจูงใจ
  • 16.
    • 3.4. User สามารถทำอะไรได้บ้าง ต้องดำเนินการอย่างไร ต้องสมัครสมาชิกก่อนไหม จะเลือกทำอะไร
    Only Human
  • 17. Tips for Effective Communication เคล็ดลับ ในการสื่อสาร สำหรับพัฒนาเว็บ 4
  • 18.
    • 4.1. จัดลำดับความสำคัญ ว่าคืออะไรขาควรจะสามารถตรวจสอบว่าเป็นสิ่งที่พวกเขาสนใจ
    • 4.2. บอกสิ่งที่ควรทราบ ให้กับ User
    Checkout
  • 19.
    • 4.3. เรียบง่าย สบายๆ ใช้คำเรียบง่าย เด่นๆ กระชับ ไม่รกจนเกินไป
    Umbrella Today?
  • 20.
    • 4.4. พิจารณา User ว่าเป็นกุล่มไหน ควรจะได้รับการออกแบบและพัฒนาเพื่อให้สามารถสื่อสารเฉพาะกับผู้เยี่ยมชมเหล่านี้ .
    FreeAgent
  • 21.
    • 4.5. แน่ใจว่า User ได้รับข้อความที่สำคัญสุด ใช้ข้อ ความ ใหญ่ ข้อความสี หรืออื่นๆเทคนิคการออกแบบเพื่อให้โดดเด่นเป็นข้อความทั่วไป .
    Treemo Labs
  • 22.
    • 4.6. สไตล์ข้อความ
    Auditude .
  • 23.
    • 4.6. Use Headers and Sub - Headers ระบุจุดเยี่ยมชมที่สำคัญ กับส่วนหัวหลัก และหัวย่อย เพื่อเป็นโครงสร้างของเนื้อหา ให้ User สามารถสรุปหลักข้อความเนื้อหาได้
    • 4.7. แสดงข้อมูลที่จำเป็น ตัดข้อความที่ไม่จำเป็นออก แต่จะต้องมีหน้าแสดงรายละเอียดเพิ่มเติม เป็นที่รวมไว้อีกที่
  • 24. Goals for Communication When Developing a Website เป้าหมาย การสื่อสาร สำหรับการพัฒนาเว็บ 5
  • 25.
    • 5.1. เพื่อ ความชัดเจน
    • 5.2. เพื่อสื่อสารเพื่อส่งเสริมกันและกัน
    LongTermClients
  • 26.
    • 5.3. การสื่อสารเพื่อตอบสนองกลุ่มเป้าหมาย การใช้คำเพื่อให้สอดคล้องเข้าใจง่าย กับ User ในแต่ละกลุ่มเป้าหมาย ทำให้มีประสิทธิภาพเพิ่มมากขึ้น
    Last.fm
  • 27.
    • 5.4. เพื่อสื่อสารระบบ Navigation สามารถช่วยปรับปรุงการสื่อสารโดย ทำให้ชัดเจนต่อ User เพื่อที่พวกเขาจะได้ไปพบสิ่งที่พวกเขากำลังมองหา .
    Blue print
  • 28. Results of Good Communication ผลลัพธ์ ของการสื่อสารที่ดี 6
  • 29.
    • 6.1. User เข้าใจวัตถุประสงค์ของเว็บไซต์
    • 6.2. สร้าง Brand ให้เป็นที่จดจำได้ง่าย
    • 6.3. ลดอัตราตีกลับ Reduced Bounce Rates ลด User เข้าและออกจากเว็บไซต์อย่างรวดเร็ว
    • 6.4. User มีทัศนคติที่ดีต่อเว็ป
    • 6.5. ลดปัญหา ที่ต้องตอบโดยไม่จำเป็น
    • 6.6. บรรลุเป้าหมายของเว็ป ส่งเสริมการใช้งาน ส่งเสริมการขาย ให้เพิ่มขึ้น
  • 30. Thanks. Clear And Effective Communication In Web Design

×