لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 04/25/20 في كل الموقع
-
الإصدار 1.0.0
47181 تنزيل
يضع هذا الكتاب المُوجز القارئ على أعتاب عالم تصميم تجربة المُستخدمين UX، وهو علم له قواعده وأصوله وأدواته، ويهدف إلى تعريف القارئ المُبتدئ بأساس هذا العلم وكيف يُطبّق على المُنتجات الرّقمية من مواقع ويب خدميّة وتطبيقات على الأجهزة الذّكية وصولًا إلى التّصميم الأمثل الّذي يُوفِّق بين هدف المُستخدم أوّلًا وهدف الخدمة التّجاريّ، الأمر الّذي يعني منتجًا ناجحًا. يبدأ الكتاب بشرح مفاهيم عامة عن تجربة المستخدم ليواصِل مع شرح كيفية إجراء مختلف الدراسات التي يحتاج المصمِّم للقيام بها، ومتطلباتها، ثم الأمور الواجب أخذها بالحسبان عند التصميم لضمان تجربة استخدام مريحة وممتازة، ليختتم في النهاية بالإشارة إلى أهمية الإحصائيات وضرورة الاعتماد عليها، حيث خُصّصت عدة أقسام لهذه النقطة، لتشير إلى مدى أهمية اعتماد بيانات وإحصائيات المستخدمين مثل أساس للتصميم، وكذا أبرز الإحصائيات الممكن التحصل عليها من خلال عدة اختبارات. يمكنك قراءة فصول هذا الكتاب مباشرةً على شكل مقالات، وإليك العناوين: مدخل إلى تجربة المستخدم User Experience فهم ودراسة المستخدمين في مجال تجربة المستخدم دراسة الشريحة المستهدفة في مجال تجربة المستخدم كيفية التصميم للأجهزة المختلفة هندسة المعلومات في تجربة المستخدم تعرف على أنماط التصميم في مجال تجربة المستخدم أشياء لا يمكن اعتبارها رسوما تخطيطية (Wireframes) في مجال تجربة المستخدم تعرف على الرسوم التخطيطية (Wireframes) في مجال تجربة المستخدم مفهوم الثقل المرئي (Visual Weight) والألوان في مجال تجربة المستخدم التكرار ومخالفة الأنماط في مجال تجربة المستخدم المحاذاة والقرب في مجال تجربة المستخدم تعرف على أساليب مسح الواجهة والتراتب المرئي في مجال تجربة المستخدم أساليب الإطلاع في مجال تجربة المستخدم: التصفح، البحث والاكتشاف تصميم هيكل صفحة الويب والعناصر الأساسية في مجال تجربة المستخدم الأزرار، النماذج والدعوات إلى الإجراء في مجال تجربة المستخدم استخدام علم النفس في مجال تجربة المستخدم لتكييف المستخدم وإقناعه كيف تغير الخبرة من تجربة المستخدم؟ تصميم تجربة المستخدم من خلال بيانات وإحصائيات المستخدمين تعرف على أنواع المخططات الإحصائية في مجال تجربة المستخدم اختبارات أ/ب (A/B Test) في مجال تجربة المستخدم1 نقطة -
تفضل الكود: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Colors psychologie</title> <style> .form{ margin: auto; width: max-content; padding: 20px 30px; border: 1px solid black; border-radius: 20px; margin-top: 50px; display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr; } .form button{ grid-column: span 2; cursor: pointer; } .result{ display: none; font-size: 22px; } .result h1{ text-align: center; } </style> </head> <body> <div class="form"> <label>What is your name?</label> <input type="text"> <label>Pick a color</label> <select> <option value="red">Red</option> <option value="blue">Blue</option> <option value="green">Green</option> <option value="gray">Gray</option> </select> <button>Go</button> </div> <div class="result"> <h1>Your Psychological Color Profile</h1> <h3>Greetings, <span id="name"></span></h3> <p>Here's what your color choice reveals about your personality:</p> <p>people who like <b id="color"></b> are <span id="personality"></span></p> <button>Go Back</button> </div> <script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script> <script defer> let personality = { "red": "lively and ready to rock!", "blue": "calm, good natured, and tend to have a lot of friends.", "green": "sensitive, but are easily taken advantage of.", "gray": "probably lying." } $(".form button").click(function () { if($(".form input").val()){ $(this).parent().hide() .next().show() let n = $(".form input").val(), c = $(".form select").val(), pr = personality[c] $("body").css("background", c) $("#name").text(n) $("#color").text(c) $("#personality").text(pr) } }) $(".result button").click(function () { $(this).parent().hide() .prev().show() $("body").css("background", "white") }) </script> </body> </html>1 نقطة
