מחקר UX: העתק ללוח

כיצד לעצב פעולת העתקה ללוח ב- UX שלך

איך: להעתיק ללוח באינטרנט

כיוון שאכתוב מדריכי קוד רבים ומאמרים המכילים קטעי קוד באפליקציית אינטרנט מתקדמת זו, חיוני לכסות את המשימות הבאות שהמשתמש ידרוש:

  • קריאות מעולה של הקוד
  • פעולה פשוטה וברורה להעתקת הקוד המקופל

זו השורה התחתונה הנדרשת לדוגמאות קוד שימושיות. אבל האם אוכל לשפר את זה?

שיפור המעורבות

כדי לרמות את הפונקציונליות של ההעתקה אל הלוח של האפליקציה שלי, חשבתי כיצד להפוך את הלחיצה על כפתור ההעתקה למהנה יותר, שכן לחוויית משתמש מענגת (UX) יש את תופעת הלוואי הנאה של העלאת המעורבות.

הגעתי לדברים הבאים: מה אם האפליקציה "תענה" בצורה כמו צ'אט בכל פעם שהמשתמש מעתיק ללוח? החוויה תהיה אישית יותר באופן מיידי. באמצעות שפה יהירה ונמרצת, גם למסרים המסופקים יש אופי ייחודי.

בואו נסתכל על התוצאה הסופית:

I'm a code example, sort of.
Click on the button in the bottom right corner to copy.

כפי שאתה יכול לראות, ההיררכיה היא ככזו מלמעלה למטה:

  • חיקוי של חלון מקורי עם פקדי חלונות
  • תוֹכֶן
  • פעולות (נכון לכתיבת שורות אלה רק העתק ללוח)

היישום

בכל פעם שהמשתמש מעתיק את הקוד ללוח, מוצגת בחירה אקראית מתוך מערך מוגדר מראש של קטעי טקסט לזמן קצר. הבחירה האקראית נוצרת עבור כל דוגמת קוד. כדי להפחית את המורכבות, לא מובטח שהטקסט ייחודי בהיקף המאמר. עם זאת, b / c יש די הרבה מחרוזות לבחירה, סיכויים נמוכים להתנגשויות.

וזה בערך זה! אני מקווה שאתה אוהב את השיפור הקטן הזה ב- UX לפעולות עותק ללוח, אולי זה נתן לך השראה לשינויים ב- UX גם באפליקציה שלך!

  • Tom