من أين تبدأ مشوارك كمصمم واجهة مستخدم

في هذا المقال سأتحدث عن الخطوات التي سِرتُ عليها لأصبح مصمم واجهة مستخدم، المقال عبارة عن فقرات، سأتحدث عن كل فقرة منهم بتفصيل أكثر لتكون واضحة وسهله الفهم لمن أراد أن يسلك هذا المجال، ثم سأضع في آخر المقال خطة بسيطة لمساعدة على البدء في حال رغبت بذلك.

قبل كل شيء، ما تحتاجه فقط جهاز حاسوب قادر على العمل، ووصول إلى الأنترنت لا غير. لا حاجة لحاسوب بمواصفات معينة، أو جهاز بشاشه احترافيه، بدايتي كانت مع حاسوب 11 إنش، ذاكرة عشوائية 1 قيقا، ومعالج  انتل أتوم بتردد 1.6 قيقا 🙂

تعلم برنامج التصميم

بداية عليك اختيار برنامج تصميم يستهويك، وليس شرطًا أن يكون برنامجًا خارقًا يستخدمه جميع المصممين ويكلف الكثير. المهم أن يكون برنامج بسيط ومناسب لك، وحبذا لو كان مجاني إذا لم تكن لديك القدرة على شراء تراخيص البرامج، فهذا أفضل من استخدام برامج مقرصنة.

في حالتي مثلًا، استخدمت برنامج Inkscape المجاني، نفذت به جميع أعمالي بلا استثناء، برنامج ممتاز أنصح به حقيقة، ومع أن برنامج illustrator أفضل منه بمراحلة، إلى أن Inkscape يؤدي الغرض ويوفر علي تكاليف التراخيص.

بعد أختيارك لأي برنامج، أريد منك أن تتعلمه، تتعلمه تمامًا، ستجد العديد من الشروحات سواءً العربية أو الأجنبية، وليس ضروريًا أن تكون بالعربية، يكفي أن تقلد ما يفعل الشارح لتفهم ماهي وظيفة العناصر في البرنامج، وتعرف كيفيه استغلالها.

قلد نماذج المحترفين

بعد أن تتقن استخدام برنامج التصميم الذي اخترته أريد منك التوجه لمواقع المصممين behance و dribbble وحتى المواقع الصينية منها، كـUI CN و Zcool تصفح النماذج وأختر مجموعة تبهرك تصاميمها، حملها واحتفظ بها في جهازك. ثم ابدأ بتقليدها، قم بإنشاء نسخة طبق الأصل منها، أريد أن تكون مثالية لدرجة لا يمكن لأي أحد التفرقة بين النسخة والأصل. ولا تنسى بأن تقلد نماذج مختلف، لا تقتصر على نمط معين من التصميم كـ material design …

إذا استطعت تقليد التصميم بإتقان فاعلم بأنك قد قطعت نصف الطريق، أما إذا كنت ما تزال بحاجة إلى تحسن فإياك أن تنتقل للخطوة التي بعدها، عد وتعلم برنامج التصميم أكثر، ثم قلد نماذج أكثر حتى تصل لمرحلة الإتقان.

حسنًا، لماذا أصريت عليك لهذه الدرجة؟

لاحقًا ستضطر إلى تصميم حلول مختلف للمشاكل التي تواجهها في عملك كمصمم واجهة مستخدم، وإذا لم تكن لديك القدر على تحويل أفكارك إلى تصاميم رائعة فأنت في معضلة حقيقية.

تعلم تجربة المستخدم UX

بعد أن تتقن برنامج التصميم، وتصبح لديك القدرة على تقليد أي نموذج بحرفية عالية، يمكنك الآن البدء في تعلم علم تجربة المستخدم، ولحسن الحظ فتقليدك لنماذج المحترفين سيساعدك في تعلم تجربة المستخدم، فعلى الأغلب قد اكتسبت حس فني من هذه التجربة 🙂

عليك بقراءة العديد من المقالات حول تجربة الاستخدام، وهناك عدة مواقع عربية أنصحك بها:

لا أعلم إذا كانت هناك مواقع أخرى مفيدة، شاركني بها إذا كنت تعرفها 🙂

أنشئ أعمالك الخاصة

ممتاز، لقد أنهيتَ الجزء الأصعب من مشوارك كمصمم واجهة مستخدم، حاليًا يأتي دور تصميمك الإبداعي انطلاقًا من أفكارك الخاصة، فكر في مشروع مختلف، على سبيل المثال موقع خاص بتقديم وصفات لوجبات سهله تُعد في بضع دقائق، فكر في مكونات الموقع وابدأ بتحويله إلى واقع.

لديك مشكلة في هذا؟ لا بأس، تصفح الأنترنت، أبحث عن مواقع ومنصات تصاميمها ليست كما يجب، أو يمكنك تحسينها، ثم قم بإنشاء نماذج جديدة بناءً على مكوناتها. هذا ما فعلته شخصيًا مع نسخة حسوب I/O للهواتف الذكية.

أحرص على أن تكون هذه النماذج متقنه ورائعة، أريدك أن تنظر إليها بفخر، بكل فخر، حينها يمكن مشاركتها الآخرين ووضعها في معرض أعمالك لتخبر الناس لأي مستوى أنت مذهل 🙂

خطة التعلم لتصبح مصمم واجهة مستخدم

لأكون صريح معكم فلم أعتمد أي خطة أثناء تعلمي لهذه المجال، ولكن أعتقد بأنه من الأفضل عمل خطة للتعلم ومحاولة التقيد بها:

  • شهر واحد لتعلم برنامج التصميم، كل يوم درس على مدار 30 يوم، تخيل المرحلة التي ستصل إليها.
  • شهر واحد من تقليد نماذج المحترفين، كل يوم نموذج سواء بسيط أو معقد، المهم أن تخرج بثلاثين نموذج مختلف ورائع.
  • شهر واحد لتعلم تجربة المستخدم، أقرأ كل يوم مقال أو أثنين، وحاول تطبيق ما تعلمته منهم، لا تجعل قراءتك مجرد قراءة، عززها بتطبيق ما تعلمته مباشرةً.
  • شهر آخر لتطبيق كل ما تعتمه، قسم هذا الشهر لثلاث مراحل، كل مرحلة أنشئ فيها عملك الخاص، لتخرج بنهاية الشهر بثلاث تصاميم رائعة، بعد انتهاءك من كل تصميم أعرضة على مجتمع المصممين لتأخذ أراء وملاحظات الناس حول جودة أعمالك (مجتمع التصميم في حسوب I/O مناسب هذا) .

أعتقد بأن 4 أشهر من التعلم الجاد كافية، أنت الآن جاهز لبدأ عملك الحر كمصمم واجهة مستخدم، لا تنسى أن تنمي مهاراتك يوما بعد يوم، لا تتوقف عن القراءة ومشاهدة أعمال المحترفين أبدًا.

على كل حال، لا تنسى أن هذه مجرد تجربة شخصية، خرجت من خلالها بهذه النتائج التي تشاهدونها في معرض أعمالي، ربما تنجح مع البعض وربما تفشل مع البعض الآخر، أتمنى أن تساعكم في ولو بشيء يسير. وأخيرًا أتمنى عزيزي القارئ أن تشاركني تجربتك أيضًا 🙂

مصدر الصورة

sasini

5 تعليقات

  • MS
    2017-03-23 الساعة 6:43 ص

    تلك دورة باللغة العربية وذات جوده في الشرح والمعلومات القيمة التي بها
    توضح الكثير من الأمور في فهم تجربة المستخدم في التصميم وتوضيح كيفية التخطيط قبل التنفيذ

    https://www.youtube.com/playlist?list=PLQX5SVd5TqEgHcLkHRp1wgTfC6eusC_1D


    (لا أعلم إذا كانت هناك مواقع أخرى مفيدة، شاركني بها إذا كنت تعرفها 🙂)
    @sasini تلك الجملة هي ماشجعتني على المشاركة 🙂

    • Sasini
      2017-03-23 الساعة 6:48 ص

      شكرًا لك، أضفتها للمقال 🙂

  • Abdulghffar
    2017-12-12 الساعة 11:05 م

    السلام عليكم شرحك جميل و اعجبت فيه واصل…، اريد سؤالك عن طريقة تصميم مدونتك بالتفصيل هل بالبرمجة ام wordpress

    • Sasini
      2017-12-13 الساعة 3:29 ص

      وعليكم السلام ورحمة الله وبركاته
      المدونة مبنية على وورد بريس، وهي تستعمل قال جاهز اشتريته من متجر themeforest.

    • Sasini
      2018-01-09 الساعة 10:55 م

      أخي العزيز، تلقيت رسالة منك وعندما رددت عليها تفاجئت بأن البريد الإلكتروني الذي كتبته غير موجود.
      أرجو معاودة مراسلتي والتأكد من كتابة البريد الإلكتروني بشكل صحيح حتى استطيع الرد عليك.

اكتب تعليقًا

sasini

كاتب ومدون في العديد من المجالات، مصمم واجهات رسومية للمواقع والتطبيقات.

اشترك بالنشرة البريدية للموقع

أدخل بريدك الإلكتروني لتبقى على إطلاع بأحدث المواضيع :)

منتجاتي