هندسة المعلومات
(Information Architecture) 👀✨
من المراحل المهمة عند متخصص HCI اللي يفهم فيها تركيبة التطبيق الهيكلية ومن خلالها يقدر يبني الواجهات وهو مرتاح وواثق انه ماشي صح على تنظيم منطقي للمحتوى 👏🏼
- كل تصنيف له سبب.
- كل تسمية لها معنى.
- كل قرار وراه أبحاث مستخدم.
التجربة العظيمة… تبدأ من هنا 🔥🇸🇦
#hci#ui#ux#ia
أهلاً بالجديد 👀🔥
- من غرف الكمبيوتر في الأربعينات 💾
إلى تجربة المستخدم في الثمانينات 📲
- في هذا المقطع، شرحت لكم قصة تخصصي "تفاعل الإنسان مع الحاسب" واللي تكلمت فيه عن تاريخه وكيف بدأ، أبرز علمائه ونبذه عنهم، مستقبل التفاعل وإمكانياته، ووين يُدرَّس عندنا بالوطن العربي؟
- ممكن القليل يعرفون هالتخصص ولكن الكثير منكم يعرفون مجالاته مثل تجربة المستخدم أو أبحاث المستخدم أو هندسة المعلومات ... وغيرهم.
- اللي يبغى جميع المصادر اللي استندت عليها فالمقطع يتواصل معاي وبرسل له إن شاء الله 🙏🏼
- مشاهدة مُمتعة 🏃✨
#hci#ux#ui#uqu_edu #شرف_العلم_وشرف_المكان
مرحلة التسميات والتصنيفات 👀✨
في Information Architecture ما نختار الكلمات بشكل عشوائي وبس.
لابد كل تسمية تكون مفهومة للمستخدم، وكل تصنيف لازم يختصر عليه الطريق 👏🏼
أحيانًا ... كلمة واحدة تغيّر تجربة كاملة 😍👌🏼
- كيف نسمي الأقسام؟
- كيف نصنف الخدمات؟
- وكيف نخلي المستخدم يفهم النظام بدون ما يفكر كثير؟
الإجابة غالبًا ترجعنا خطوة وراء 👀🏃
إلى أبحاث المستخدم. (User Research)
لأن أفضل التسميات هي الكلمات اللي أصلًا يستخدمها الناس في كلامهم.
يعني نرجع للمقابلات، الاستبيانات، والبيانات الكمية والنوعية…
ونبني التسميات من لغة المستخدم نفسه 🙌🏼
الفكرة الأساسية في أبحاث تجربة المستخدم هي إننا نحاول نستخدم نفس اللغة اللي يستخدمها الناس. هذا المبدأ يسمّى غالبًا بـ :
- User-centered labeling أو User Vocabulary
وذكره بوضوح #Peter_Morville و #Louis_Rosenfeld في كتاب "Information Architecture for the World Wide Web"
بحيث وضّحوا فيه أن التسميات الجيدة يجب أن تعكس لغة المستخدمين وليس لغة الفريق التقني !!
#hci#ux#ui#ia
من أبحاث المستخدم… إلى هندسة المعلومات 👏🏼
انا وفريقي الرهيب، اليوم نرسم الـ Screen Flow ونحوّل الفوضى إلى تجربة واضحة تمشّي المستخدم خطوة بخطوة 🔥
هنا يبدأ الشغل الصح في عالم الـ #hci 😍✨
وش يعني Screen Flow؟ 👀
ببساطة: هو خريطة توضح كيف المستخدم ينتقل من شاشة لشاشة داخل التطبيق.
كل سهم = قرار
كل مربع = شاشة
وكل خطوة محسوبة 🔥
هنا تبدأ التجربة الصح 👏🏃
#ui#ux
قابلية الوصول ليست خياراً تجميلياً في التصميم!!
- قابلية الوصول معياراً يمكن قياسه والتحقق منه ✔️
في هذا المثال رسمت زر توضيحي فقط عشان أوضّح معيار التباين وفق #WCAG
- تباين النصوص العادية يكون 4.5:1
- تباين النصوص الكبيرة يكون 3:1
- مؤشر "AA" مقبول.
- مؤشر "AAA" ممتاز.
الالتزام بهذه المعايير ليس تعقيداً إضافيًا ..
بل مسؤولية مهنية في كل واجهة نصممها 👏🏼✨
#ux#ui#hci
المشكلة اللي تواجه أغلب الناس في حجز مواعيد الخدمات التجميلية صار حلها في تطبيق على جوالك!📱
شاركونا تجربتكم وآرائكم في هذا الاستبيان اللي يساعدنا كثير ببناء هالتجربة 🙌🏼✨
forms.gle/SnFL4cP1ejujw1…
رأيك يفرق ! ✨
حنا فريق سعودي شغالين على تجربة تطبيق مخصص يربط بين العميلة والميكب ارتست/هير ستايل ... وش رأيك لو كنتي من صنّاع تجربة هذا التطبيق؟ 🔥
شاركينا وادخلي معنا مقابلة خفيفة (عن بعد) نسألك فيها أسئلة تحقق نجاح التجربة 👀
#HCI#UI#UXforms.gle/xdY8cEZQnDP57L…
@irzg_z تشوف مجال الbranding والpackaging مطلوب بالسوق وفي وظائف؟ هذا اكثر مجال احبه وقاعدة اتطور فيه
بس دايما افكر اتعلم UI/UX لانه مطلوب لكن بنفس الوقت ما ابغى اشتت نفسي🥲
توقيع الاتفاقية الاستراتيجية للذكاء الاصطناعي مع الولايات المتحدة أمام سمو سيدي ولي العهد وفخامة الرئيس الأمريكي يفتح فصلاً جديداً، تقود فيه المملكة مع أمريكا عصر الذكاء الاصطناعي بطاقة مادية وبشرية وتقنية لخدمة الإنسان وكوكب الأرض وفتح آفاق جديدة. 🇺🇸🇸🇦
#محمد_بن_سلمان_في_واشنطن