اللي كنت مسؤول عنه
ضمن فريق متعدد التخصصات: البحث، وإتاحة الوصول، ونظام يبدأ من الهاتف، ومعمارية tokens من أربع طبقات موثقة بصيغتي JSON وCSS.
رجوع للأعمال03 / 05
Islam Online · 2023إعادة تصميم منصة · نظام تصميم · غير ربحي · 2023
منصة عربية عريقة احتاجت نظامًا يساعدها على التقدم.
أعدت تصميم منصة إسلامية عربية ممتدة منذ 25 عامًا؛ من واجهة Bootstrap قديمة إلى تجربة Mobile-first أسهل وصولًا، مع نظام تصميم جاهز للتنفيذ.
منصة تصل إلى 95 مليون مشاهدة، وواجهة تعود لأساليب 1998، ودليل براند لم يكتمل. كان على البحث والوصول ونظام الواجهة أن يعملوا داخل Bootstrap القائم.
M95M
مشاهدة للمنصة
الصورة قريبًا
- الدور
- مصمم واجهة وتجربة مستخدم · فريق متعدد التخصصات
- المدة
- نحو 3 أشهر
- المنصّات
- ويب · Bootstrap
- المجال
- غير ربحي · محتوى إسلامي
البداية
Islam Online من المنصات العربية المؤثرة جدًا، بمحتوى ضخم وجمهور معتاد يرجع لها من سنين. المطلوب ماكنش تغيير شكل، كان تحديث تجربة كاملة: تفضل مألوفة للي يعرفها، وأسهل للي داخل لأول مرة، وقابلة إنها تكبر من غير ما كل نوع محتوى جديد يطلب إعادة تصميم.
الدور والقيد
القيد
تقنية محدودة بـBootstrap، وهوية لم تكتمل، وجمهور بعمر جيلين على امتداد 25 عامًا من القراءة.
المشاكل
اللي كان مكسور فعلًا.
مشكلة 01
سقف تقني واضح
مفيش Frameworks معقدة. النظام كان لازم يشتغل جوه الموجود، مش يطلب واقع جديد.
مشكلة 02
البراند لسه بيتشكل
بدأت التصميم قبل ما الألوان النهائية تستقر، فكان لازم أبني نظام يتحمل التغيير.
مشكلة 03
جمهور متنوع جدًا
نفس الصفحة لازم تخدم باحث كبير في السن وطالب داخل من الموبايل، من غير ما واحد فيهم يحس إنه دخيل.
مشكلة 04
المحتوى هيكبر
التصميم لازم يستوعب صيغ جديدة، مش ينهار أول ما يظهر نوع مقال أو ملف مختلف.
القرارات
من الدليل إلى قرار التصميم.
اسمع
بدأت من البحث والشكاوى المتكررة، خصوصًا البحث والوصول للمحتوى.
رتّب الأولويات
ركزت على اللي يغير التجربة اليومية، مش اللي يبان في لقطة واحدة.
ابني عشان التغيير
خليت النظام يستحمل تغيّر البراند والمحتوى من غير إعادة بناء.
الحلول
اللي عملته فعلًا.
01حل 01 / 03
اسمع الأول
بدأت من شكاوى المستخدمين، وسلوك البحث، وأماكن التوهان، عشان التغيير يطلع من احتياج حقيقي.
البحث وإتاحة الوصول ضرورةالوضع الداكن مستحسن
الصورة قريبًا
02حل 02 / 03
نظام Tokens من أربع طبقات
بنيت نظام ألوان ومسافات وحالات يقدر يتغير مع البراند، ويتشحن كـJSON وCSS.
مرونة للفريق
الصورة قريبًا
03حل 03 / 03
Mobile-first وسهل الوصول
صممت التجربة للموبايل أولًا، مع تباين أوضح، قراءة أهدى، ومكونات قابلة للتنفيذ.
أبسط للناسأوضح للمطورين
الصورة قريبًا
بالأرقام
M95M
مشاهدة للمنصة
/54.22/5
4.22/5 · تقييم خبراء ومقابلات أبلغ عنه العميل
4
طبقات نظام الـtokens
yr25yr
عامًا من الإرث جرى تحديثه
نظام يظل قابلًا للحياة حتى قبل اكتمال البراند.
معرض
نظرة أقرب.
شاشات مختارة توضّح كيف تحوّلت القرارات إلى تجربة. النسخ الكاملة قيد الإعداد.
islam-online/0116:9
islam-online/024:3
islam-online/031:1
islam-online/044:3
خلاصة
التغيير الهادئ هو الأصدق
لما المنتج له جمهور راجع له من سنين، التغيير ينجح لما يحترم المألوف ويزيل العوائق. مش كل تحسين يحتاج يلفت النظر؛ الأفضل أن التجربة ببساطة تبقى أسهل.
الحكاية اللي بعدها · 04
Wandr
طرفان صُمما من الصفر: المسافر والوكالة.