Everyday Experiences

[everydayexperiences]

People tend to be unaware of an app’s navigation until it doesn’t meet their expectations.

Apple TV Human Interface Guideline

[everydayexperiences]

When to choose Tab or Hamburger

ใช้ Tab เมื่อแต่ละ Tab มีความสำคัญพอๆ กัน

ใช้ Hamburger เมื่อมีบาง Tab ที่สำคัญมากๆ โดดขึ้นมา และซ่อน Tab อื่นๆ ไปไว้ใน Hamburger

[everydayexperiences]

No design is bad by itself, you just designed it badly

Panu

[everydayexperiences]

What should you do if you have both required and optional fields on your form? Most designers use red asterisks to tell users which fields need filling out.

ไม่ควรใส่ * (asterisk) สำหรับช่องที่บังคับให้กรอก แต่ใช้วิธีแสดง “optional” สำหรับช่องที่ไม่บังคับกรอกแทน

และไม่ควรแสดง error สำหรับช่องที่บังคับกรอกแต่ยังไม่ได้กรอก ก่อนที่จะกดปุ่ม Submit

[everydayexperiences]

Contact forms are more than a passive method for communication. Great ones inspire user engagement. But what are the key features of a contact form that do just

1. Use the right form layout

To help users fill out the form as quick as possible, you should place field labels above the corresponding input fields

You should never split a form into more than one column – it’s best to ask just one question per row.

Match the size of your input fields to the expected length of the answer.

2. Focus on three fields

3. Kill the captcha

4. Don’t ask users to ‘Submit’

5. Don’t ask for phone numbers

[everydayexperiences]

ใช้วิธีซ่อนช่องกรอกผ่าน CSS + Javascript แทน เพื่อหลอก SPAM bot

[everydayexperiences]

A direct corelation between uncertainty and motivation.

found that uncertain rewards are more powerful than certain rewards in boosting motivation towards a goal, making us work harder, spend more, and enjoy the process more. The uncertainty, the study says, fosters a feeling of excitement and enjoyment.

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

[everydayexperiences]

LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.

แสดงเมนูออกมาให้เห็นได้เลย ไม่ซ่อนเอาไว้

[everydayexperiences]

ให้ผู้ใช้ได้เข้าถึง function หลักของ app ให้เร็วที่สุด โดยกรอกข้อมูลน้อยที่สุดในช่วง onboarding แล้วสร้างแรงบันดาลใจให้ผู้ใช้กรอกข้อมูลเพิ่มเติมภายหลัง เช่น ถ้ากรอกเพิ่ม จะได้ข้อมูลที่ชัดเจนขึ้น

[everydayexperiences]

Why Facebook Stopped Calling People "Users" And You Should Too - Social Media Week

เลิกใช้คำว่า users ในข้อความของเว็บ แต่ให้ใช้คำว่า people แทน

[everydayexperiences]

The Psychology of Notifications: How to Send Triggers that Work – Nir and Far

Good Triggers are Well Timed

Good Triggers are Actionable

Good Triggers Spark Intrigue

[everydayexperiences]

ในขั้นตอนเวลาที่ผู้ใช้ลืมรหัสผ่าน แล้วระบบให้กรอกอีเมล หลังจากกรอกเสร็จแล้ว ให้แสดงปุ่ม “Check Email” เพื่อให้ผู้ใช้กดไปที่ email website ของผู้ใช้คนนั้น (เพื่อเช็คเมล) ได้เลย

[everydayexperiences]

ทำไม landing page ถึงมีความสำคัญ

Higher conversions directly impact your goals

Advertising efforts can be measured more effectively with carefully planned landing pages

More accurate reporting

Better User Experiences

จาก http://www.maaspros.com/blog/landing-marketing-strategy

[everydayexperiences]

ตัวอย่างการแสดง error ของฟอร์มที่ไม่ขัดขวางการทำงานของผู้ใช้

[everydayexperiences]

5 tips for designing a landing page CTA - The Creative Edge

Use text to drive conversions - เขียนชื่อปุ่ม CTA ให้เชิญชวนให้ผู้ใช้อยากกด

Be direct - ใช้ปุ่ม CTA เพียงปุ่มเดียว แต่ถ้าจำเป็นจริงๆ ที่ต้องมีหลายปุ่ม จัด visual hierachy ให้ชัดเจน โดยให้ผู้ใช้รู้ได้ทันทีว่าปุ่มไหนสำคัญที่สุด

Direct the user’s eye - ในหน้า landing page ให้มีข้อมูลเหล่านี้ด้วย 1) ชื่อบริษัทหรือชื่อผลิตภัณฑ์ พร้อมคำอธิบาย 2) ภาพถ่าย รูปกราฟิค หรือวิดีโอ เพื่อดึงดูดความสนใจ 3) คำนิยมจากคนใช้จริง

Experiment with the fold - ปุ่ม CTA ไม่จำเป็นต้องอยู่เหนือ fold เสมอไป แต่ให้ดูว่าจะต้องอธิบายผู้ใช้แค่ไหน ถึงจะใส่ปุ่ม CTA ได้ ถ้าผลิตภัณฑ์มีความซับซ้อน อาจจะต้องอธิบายมากหน่อยกว่าที่ผู้ใช้จะเข้าใจว่าคืออะไร ก่อนจะแสดงปุ่ม CTA อย่างไรก็ตาม ก็ต้องลองผิดลองถูกดูด้วย

Focus on the nitty-gritty details - ดูเรื่อง สี ขนาด รูปทรง ช่องว่าง และไอคอน ของหน้า landing page และปุ่ม CTA ด้วยว่าจะต้องหาความสมดุลระหว่างความสวยงาม และประสิทธิภาพ

[everydayexperiences]

Why I’m suspicious of A/B tests

อย่าทำ A/B Testing และเลือกทางที่ได้ผลลัพธ์ออกมาเป็นตัวเลขที่ดีที่สุด จนสูญเสียความเป็นมนุษย์ไป จงมี Emphathy อยู่ในการออกแบบ User Experience ด้วย

[everydayexperiences]

ใข้ User Journey เพื่อสร้างความเข้าใจที่ตรงกันระหว่างผู้พัฒนาและลูกค้า แถมยังเอามาใช้ตรวจผลลัพธ์หลังเสร็จสิ้นงานได้ด้วย

ทุกคนเป็น UX Expert โดยให้ความเห็น ทั้งๆ ที่ยังไม่เคยใช้ระบบนั้นมาก่อน (เพราะยังไม่ได้สร้าง)

ทุกอย่างมีการเปลี่ยนแปลงตลอดเวลา ดีไซน์ก็เช่นกัน ไม่ใช่ทำทีเดียวแล้วจบ