الويب وما أدراك ما الويب.
لو جيتني قبل ١٠ سنوات وقلت لي أن راح يكون المتصفح راح يسوي لك كل شي، ما كنت بصدقك.
على الرغم أن قوقل كان عندها docs, sheets و slides من هذيك الفترة.
اليوم اللعبة تغيرت تماماً!
مو مصدقني؟
كمل السلسلة وشوف الأدوات الخرافية 👇🏽
"ليش تدفع عشرات الألوف وتنتظر شهور عشان تجرب تطبيقك؟"
هذه العبارة كانت ترن في راسي، وفي يوم.. قررت آخذ أول خطوة لحل تلك المشكلة.
أقدم لكم:
رزمة، اصنع تطبيقك الأول في أقل من 5 دقائق.
👇شرح خصائص رزمة تحت هالتغريدة
دائماً يجيني هالسؤال:
"كيف أسوي تطبيق/مشروع ينجح مثل التطبيقات المشهورة؟".
طوال فترة حياتي المهنية، وُفقت لإطلاق أكثر من مشروع تقني.
سأسرد هنا أهم النقاط التي استخلصتها من واقع تجربتي، أو مما تعلمته أثناء عمل ذلك.
تبي تصير مصمم UI/UX 🧑🏻🎨؟
ما تدري من وين تبدأ؟
في هذي السلسلة راح أسرد كيف أنا تعلمت وصرت مصمم UI/UX.
الطريقة هذي ليست الوحيدة، لكنها الطريقة اللي اتبعتها خلال ال١٥ سنة اللي فاتت، وأقدر أقول وبكل ثقة أنها فعّالة ونتايجها إيجابية.
متحمس؟
سم بالله، وركز معي 👇🏽
الأيقونات.
اللغة اللي الكل يفهمها وما يختلف عليها اثنين.
ترفع جودة شغلك من ١٠٠٪ إلى ٥٠٠٠٪
الأيقونات عالية الجودة تعطي المستخدم إحساس بالفخامة والاهتمام بالتفاصيل.
عشان كذا بعطيك أفضل المواقع اللي ارجع لها شخصيا عشان ابحث عن أيقونات لتصاميمي.
صوبك اللستة 👇🏽
الأداة الثانية المفضلة بالنسبة لي:
هذه الأداة موجهة لمصممي تجربة المستخدم ومدراء المنتج، وأي أحد يحب يسوي تخطيط بصري لشيء معين.
مثلا: تسوي Mindmap للعصف الذهني، أو flowchart لرحلة العميل، أو wireframes لتطبيقك القادم.
عندهم أيضا لوحة لإدارة المهام!
الأداة المفضلة بالنسبة لي:
أداة تصميم ڤكتور على المتصفح، موجهّة بشكل أساسي لمصممي الواجهات وتجربة المستخدم.
لكن فيه ناس تستخدمه كلوحة لتجميع الأفكار، أو للعصف الذهني، أو حتى للتفاعل مع focus group، لأنه فيه خاصة التصميم التعاون المباشر.
مو شرط تكون من فطاحلة البرمجة عشان تسوي نموذج أولي لفكرتك. فيه كثير من الخدمات توفر لك أدوات لبناء التطبيقات بدون برمجة.
باستخدام الموقع التالي، قدرت ب٥ دقايق أسوي تطبيق يستخدم كاميرا الجوال ويخزن الصورة على قاعدة بيانات فايربيس.
العائق الوحيد هو أنت.
بديل زوم وسكايب، للمكالمات الصوتية والمرئية ومشاركة الشاشة مع ٤ اشخاص كحد أقصى مجاناً.
المميز فيه انه يشتغل بالمتصفح، لا تنصيب ولا تنزيل، افتح الرابط وكلّم.
الصملة مطلب، توكل على واصمل، وللي يسأل عن الروسي (اللي سوى تطبيق كيان) هو عنده شركة مختصة بتطبيقات توصيل الركاب الشركة أسمها Onde.
يعطونك تطبيق العميل والسواق والمشغل ولوحة تحكم المدير الكبير.
لقينا الروسي، باقي نلقى عيال الشاعر
@BaderAljeathen
كنز علاء الدين أسفل التغريدة 👇🏽
شفتوا اني كنت صادق في الحلقة… اللي جالس يصير الحين من انتشار و توفيق غير مسبوق في حياتي. اقسم بالله ما تقدر تحققه أطلق شركة ب ٢٠ مليون. الله يسخر لك الناس بس أنت توكل و اصمل. حققنا نمو ٢٠٪ في اقل من اسبوع اللهم لك الحمد. مشهور الدبيان و عبدالملك السعيد و اذاعة ثمانية ممكن
الأداة الثالثة المفضلة بالنسبة لي:
موقع يعطيك مساحة عمل تجرّب فيها أفكارك البرمجية باستخدام تقنيات الويب (HTML,CSS,JS).
دائماً افتحه واسوي فيه كل تجاربي البرمجية.
طبعاً الأدوات المتوفرة كثييييييييير.
تقدر تكتشفها عن طريق موقع برودكت هنت:
في الختام، الويب يفوز. 😌
وش أدوات الويب المفضلة عندك اللي ما ذكرناها، و دايم تستخدمها؟
توقعت أن المهتمين بهذا الشي قليل. لكن تفاجأت بكمية التفاعل 🤯🔥.
يالله نكملّ!
أداة رائعة لتصميم الجرافيكس، تقدر تسوي فيها سيرة ذاتية، بروشورات، مطويات، إعلانات، بوسترات، قوائم مطعم، بوستات سوشال ميديا، وشعارات، وغيره!
وعندهم خطوط عربية جميلة أيضاً
"بس أنا سمعت، لازم المستخدم يحصل أي شي في ٣ ضغطات أو أقل، والا ترا تطبيقك صعب"
— مدير كبير
كمصمم، تؤرقني الخرافات اللي تنفرض علينا "لتسهيل التصميم" 🤢
خرافات أحدهم قرأها في عنوان مقالة وهو يتصفح المواقع أو تويتر.
كان من الصعب إقناعهم…
إلى أن عرفت هذي المعلومات..
ركّز معي 👇🏽
تبي تسوي تطبيق؟ 📱
من ٢٠١٩، واحنا نشتغل على مشروع إن شاء الله راح يغير معالم السوق.
بحيث أنه يسهل ويقلل تكلفة تجربة أفكارك ويسرع إطلاقها للسوق. 🔥😎
تخيل أنك تسوي تطبيق بدون ما تكتب ولا سطر برمجي 🤯
أثرنا اهتمامك؟ 😏
يلا، ندعوك لطلب للانضمام للتجربة 👇🏽
أدوات تستحق الذكر:
منصتك الرقمية لإدارة التواصل في شركتك أو فريقك.
منصتك الشخصية لإدارة ملفاتك ومستنداتك المرتبطة بحساب آبل.
أفضل تطبيق دردشة لفريقك على الإطلاق.
تخيل عندك لوحة ما تنتهي، تقدر تحط فيها كل أنواع المحتوى اللي تبيه، وترسل دعوة لفريقك تشتغلون مع بعض عليها.
مهام؟ مود بورد؟ فلو شارت؟ مسودة إنشائية؟ وكلها تقدر تنظمها في مجلدات بمستويات لا تنتهي.
تجربة رهيبة ومثيرة للاهتمام
انتهيت من برمجة إضافة دعم اللغة العربية 🇸🇦 لـ
@figmadesign
ستتوفر قريباً، عند الإطلاق الرسمي للإضافات.
حاولت كل ما بوسعي لأجعلها سهلة الاستخدام، وسأقوم بتحسينها باستمرار إلى أن يتم دعم اللغة العربية رسمياً.
ممتن باكتشاف متعة جديدة لي، وهي صناعة الأدوات للمصممين ❤️
٩. أطلق تطبيقك بأسرع وقت ممكن.
هناك مقولة لمؤسس لينكد إن مفادها:
"إذا لم تكن محرجا من النسخة الأولى من المنتج الخاص بك ، فاعلم أنك تأخرت جداً في إطلاقه" -- ريد هوفمان.
سجل الآن في جلوبال جيم جام السعودية واصنع لعبتك خلال ٤٨ ساعة! المقر: الخبر الراشد مول - مركز برايت أب. مجانا.
جلوبال جيم جام هي فعالية سنوية يتم تنظيمها عالميا بالتزامن في أكثر من ٩٠ دولة، وهي من أهم الفعاليات لمطوري الألعاب، وتتم رعايتها من شركات ضخمة مثل Github وUnity وغيرها!
الطريقة الثالثة:
أنك توظف مبرمج براتب عن طريق أحد المواقع اللي توفر لك هذا الشي وتحميك مثلا:
عند التوظيف عن بعد، تأكد من فرق التوقيت بينك وبين المبرمج، لا يكون الفرق مرة عالي ويسبب لك مشاكل في التواصل.
١. لكل شخص أو مشروع مقياس مختلف للنجاح.
ما هي نقطة التحول التي لو تعديتها راح تعتبر مشروعك/تطبيقك ناجح.
أنك تطلقه للناس؟
أنك تحصل ألف مستخدم؟ مليون مستخدم؟ أكثر؟
أنك تحصل ألف ريال؟ مليون ريال؟ أكثر؟
اذا ما تقدر تجاوب هذا السؤال، فأنت لست جاهز للعمل على مشروعك.
أنصحك تستخدم
@figmadesign
، تبي تعرف ليش؟
١. تخيّل كأنك تستخدم مستندات جوجل، لكنه أداة تصميم. حرفياً، أفضل أداة تصميم للتعاون المباشر.
مو مصدّق؟ خليني أزيدك أجل 😬
(شوف السلسلة)
👇🏽👇🏽👇🏽
٥. إذا كان لديك صيت اجتماعي، فهذا كفيل بدفعة تسويقية لمشروعك القادم. إذا لا تملك هذا الشيء، استثمر فيه.
كيف؟
قط وجهك في كل المحافل اللي لها علاقة بمشروعك (بأدب ولباقة)، اصنع علاقات جيدة مع منافسيك ومع من تتطلع إليهم، لا تستحي... لأن رائد الأعمال اللي يستحي ما ينجح...
تخيل كأنه زوم بس حق بودكاست!
رهيب جداً، والحزمة المجانية تكفي وتوفي.
نسجل فيها بودكاست برميم
@BarmimPodcast
اللي يميزها أنها تسجل صوت كل شخص في جهازه، بحيث تستفيد من أفضل العالمين:
مكالمة أونلاين، وتسجيل عالي الجودة، وفيه عدل للضجيج وإزالة للصدى.
وأخيراً! 🥳
من فترة طويلة استخدمه واختبره بس ما أقدر اتكلم عنه 🤭🥲🥺.
سعيد جدّا بالاصدار، ولكوني جزء من دعم اللغة العربية في فيجما كملحق، وكخاصية رسمية.
يالله، ما لكم عذر الحين، لازم نشوف إبداعاتكم 😏
انتهى وقت الانتظار: أصبحت لغات الاتجاه من اليمين لليسار متاحة في كلّ من Figma وFigJam 🥳
أصبح بإمكانك الآن الكتابة وصياغة المحتوى بأي من لغات الاتجاه من اليمين لليسار، بما في ذلك العربية والعبرية والأوردو.
مزيد من المعلومات:
٣. حاول تحل مشكلة حقيقية، ولا تنسى إن العالم فيه ٧ مليار شخص، وهذا يعني أن غالباً فكرتك ما هي جديدة وفيه أحد سواها قبلك.
لكن هذا لا يعني أن الأفكار القديمة لا تنجح، إلا بالعكس، ربما تكون فرصة نجاحها أكثر.
كم تطبيق توصيل طلبات تعرف؟ كم تطبيق مشاوير؟ كم متجر إلكتروني؟ لعبة بلوت؟
٧. اذا كل اللي عندك مجرد فكرة.. بقول لك وقف من الحين... روح تعلم كيف تسوي نموذج أولي، جهز خطتك وبعدين كمل السلسلة.
الفكرة لا تساوي شيء دون تنفيذ.
أغلب الأشياء اللي تستخدمها في حياتك ما هي إلا أفكار قديمة، بتنفيذ جديد وأفضل.
بعد ما تسوي نموذج، دور شريك، الحين ممكن يقتنع.
اذا عجبتك السلسلة، خذ لك لفة على الحساب وشوف التغريدات الثانية، عن التصميم وبرمجة التطبيقات ✅.
بين فترة وفترة أكتب سلسلة جديدة مفيدة، لذلك تابعني 🌚.
وأيضا استمع للبودكاست حقي مع
@9Mousa
، اسمه بودكاست برميم، يتكلم عن البرمجة والتصميم:
@BarmimPodcast
من أشهر المواقع، وملياااااان أيقونات مجانية (خلك محترف واذكر حقوق الناس لما تستخدمها 🤭).
والا تقدر تشترك بمبلغ بسيط وتصير عندك مكتبة ضخمة من الأيقونات والرسومات لكل الاستخدامات
١٢. كن قريباً من عملاءك، فهم شركاء نجاحك.
إذا لم تفهم كيف ترضيهم، فاسألهم..
اجعل هدفك دائماً أن تصمم منتج يتمحور حول مستخدمي خدمتك، وتسهيل حياتهم، إذا كنت لا تهدف لفعل ذلك.. فقد فشلت قبل أن تبدأ.
٢. حدد مقياس نجاح واقعي مناسب لنوعية مشروعك، ولا تغتر بالشواذ والنوادر مثل واتسب وانستجرام وسنابشات.
مثال:
لو عندك ١٠٠٠ عميل، كل واحد منهم يدفع لك ١٠٠ ريال شهرياً، هذي مائة ألف ريال شهرياً.
هل هذا مقياس نجاح مناسب لك؟ واقعي؟ هل هناك هذا العدد من العملاء لمشروعك؟
٦. حاول أن تكون شراكة مع شخص له صيت/خبرة في المجال اللي ينقصك. اذا تبي تفشل، اطلق مشروعك لوحدك.
دور لك عن شريك يكملك، لا تزعل لو ردك أحد، لأنه غالباً مشغول، أو أن عرضك ما كان مغري (مجرد فكرة).
١٠. التفرد التنافسي..
وش الميزة اللي تخلي الناس تستخدم تطبيقك/خدمتك وما تستخدم شي ثاني؟
ليش من الضروري أن يكون هذا الشيء عميق جداً...
فعلى سبيل المثال، ما كان يميز واتسب منذ بدايته أنه نظير ١٠٠٪ لتطبيق SMS اللي مع الجوال، ويشتغل برقم جوالك فقط!
أيضاً كن على اطِّلاع عن جديد عالم التصميم والتقنية.
شخصياً استخدم إضافة لجوجل كروم اسمها Panda، تكون هي الشاشة الرئيسية لأي "تبويب" جديد افتحه.
أهم المصادر بالنسبة لي:
١. Designer news.
٢. Sidebar.
٣. Hacker News.
٤. Dribbble.
١١. تقديم خدمة/تجربة ممتازة او متميزة.
حاول أن تحسن من خدمتك أو تطبيقك بشكل مستمر وعلى فترات قصيرة. التطوير المستمر على خصائص صغيرة وإطلاقها واختبار أداؤها أفضل من أن تعمل على خصائص كبيرة وكثيرة لفترة طويلة دون تجربتها في السوق.
عشان تحل مشاكل المستخدم، لازم تفهم المستخدم و"الشيء" اللي يستخدمه.
لتتعلم كيف تنظر لكل الأشياء من هذه المنظور، وتصنع حلول سهلة تتمحور حول المستخدم.
اقرأ كتاب
The Design of Everyday Things
التفاصيل الصغيرة اللي سووها في التفاعل مع واجهة المستخدم تُدَرَّسْ.
أتمنى أن يكون هذا الشي حافز للتطبيقات السعودية.
من أفضل التطبيقات السعودية تصميماً إن لم يكن الأفضل.
أتوقع آن الأوان لجائزة أفضل تصميم لتطبيق سعودي. 😏
أهلاً أهلا! هذي نظرة أولى على دراهم: ربط مع البنك وتحليل رهيب لمصروفاتك مع ميزة الاسثمار التلقائي. 💰
من بداية السنة فريق دراهم الرهيب كان شغال على قدم وساق وطلعنا بالي تشوفونه، كلنا حماسة تجربونه وتشاركونا آرائكم!
@DrahimApp
#تطبيق_دراهم
الخيار الثالث
هذه المقالة هي أول نشر فعلي عن مشروعي الجانبي، والذي بدأت أفكر فيه في منتصف ٢٠١٩، ولم أتمكن من مطاردته فعلياً إلا قبل عدة أسابيع. اخترت أن يكون السرد بهذه الطريقة لأنني لم أجهز شيئاً مسبق، فقط بدأت الكتابة.
via
@caramellaapp
تم اليوم إطلاق الإصدار ٤ من Ionic، وهو يعتبر خطوة مهمة لمستقبل الويب!
هي أول نسخة من Ionic لا تعتمد على Angular، بل تم بناءها لتوفر لك ما يسمى (Web Components)، وبإمكانك استخدامها مع أي إطار عمل تفضله، سواءاً كان React، أو Vue، أو Angular أو أي شيء آخر!
هل أنت مطور ألعاب؟ مصمم؟ رسام؟ موسيقار؟ أو تعمل في الصناعة الإبداعية؟
نحن نتواصل حالياً مع جهة حكومية لبحث طرق دعم المبدعين في السعودية، إذا مهتم بالموضوع، فضلاً زودنا لمعلومات التواصل بك في النموذج التالي:
٨. لا تبخل على نفسك.
اذا خايف تستثمر وقتك تتعلم، أو تستثمر فلوسك في صناعة المننتج، كيف تتوقع من شريكك، أو مستثمر، أو أي أحد ثاني يستثمر وقته وفلوسه فيك، محد بيعطيك وجه لو ما عطيت نفسك وجه.
طيب وين أحصل مبرمج كويس أو شركة كويسة؟ 🤔
ممكن أفضل طريقة هي أنك تشوف التطبيقات اللي تعجبك وحاول تجيب معلومات عن مين نفذها 😅.
الطريقة الثانية هي تشوف الشركات اللي تقدم خدماتها وتقارن ما بين الخيارات المناسبة لك حسب الكلام اللي فوق كله:
أنشأت جدول بسيط فيه دليل لشركات تطوير التطبيقات، الهدف من الجدول يكون مرجع لمن يبحث عن شركة تطوير محلية وكذلك سهولة تحديثه باستمرار.
رابط الجدول:
كتبت تدونية بسيطة اذكر فيها سبب إنشاء هذا الجدول:
غشاء "التحوّل الرقمي" والتطوّر التقني والبهرجة في التطبيقات يسقط فوراً عند الفشل في تقديم خدمة عملاء جيّدة.
تطبيقك غير مهم.
تجربة العميل هي المهمة.
تطبيقك مجرد نقطة اتصال واحدة من عشرات نقاط الاتصال مع العملاء.
لا تحط جل اهتمامك في التطبيق وتغفل عن بقية الأمور.
لحظة تأمل...
لمّا تنزل أجهزة آبل اللي تستخدم Apple Silicon، ما راح نحتاج iOS Simulator!
التطبيق اللي تبرمجه راح يشتغل Natively على macOS!!! بدون محاكاة!
🤯
مو قلنا وظيفتك كمصمم هي أنك تصنع حلول، فاعلم أن التصاميم الجميلة ما هي إلا جماليات تسقط بسرعة عندما ينكشف للمستخدم سوء قابلية استخدام تلك الحلول.
شكل سيء وحل عبقري، أفضل من شكل عبقري وحل سيء.
لتتعلم كيف تصمم حلول سهلة.
اقرأ كتاب:
Don’t Make Me Think
مصادر تغذية بصرية:
١:
٢:
٣:
ابحث بنفسك 😉(design inspiration)
راح تشوف في المواقع هذي تصاميم كثير جداً، جزء منها فقط تصاميم، وجزء منها منتجات حقيقية. دقق في الفروقات.
ولا تنس أن تبحث بنفسك، اكتشف المنصات التغذية البصرية.
لهذا السبب دائماً أقول للمصممين اللي اشتغل معاهم:
لا تستخدمون نصوص مؤقتة (placeholder)، لأنها بتطلع للمستخدم كما هي.
بس الصراحة تطبيق نظيف، فيه أشياء غريبة، بس نظيف.
براڤو يا الأهلي 👏🏽
الكتاب الأخير اللي بنصحك فيه:
100 Things Every Designer Should Know
غني بالنصائح العملية والأمثلة المفيدة وخلاصة أبحاث ومفاهيم لازم تعرفها.
ما بكثر عليك، ٣ كتب أساسية كفيلة بدفعك للأمام، مهمتك تبحث عن مصادر، اكتشف، مهمتك تصنع حلول، أوجد حل لنفسك.
البرمجة عبر المنصات (cross platform):
هنا تقوم ببرمجة تطبيق واحد وب code واحدة ويعمل على منصات متعددة. وهناك عدة تقنيات، أشهرها:
١. React native من فيسبوك.
٢. Flutter من جوجل.
٣. Hybrid بتقنيات الويب.
⚠️ لكل تقنية عيوبها ومزاياها، استزد وابحث عنها قبل اتخاذ القرار لأحدها.
سيت آب: من أفضل الخدمات اللي استخدمها للماك، كأنه نتفلكس بس للتطبيقات.
عندهم تطبيقات رهيبة مثل Movist، CleanMyMac, CleanShot, PixelSnap, Flinto, AdGuard, TripMode.
(ملاحظة: الرابط يعطيني شهر مجاني لو اشتركت عن طريقه)
وأخيراً، بعد العمل على هذا المشروع الجانبي لشهور، أقدّم لكم فيجما بلس، نظام الإضافات لفيجما، مع العديد من الإضافات منها دعم اللغة العربية.
مجاناً، ومفتوح المصدر.
أداة رهيبة، "ساحة لعب"، تخليك تستخدم المكونات الخاصة بك (components) مع الاقتراحات (الإكمال الآلي) عشان تصمم شاشات تطبيقك وتنسقها من مكان واحد. وفوق كذا يعطيك رابط خاص لكل ساحة تلعب فيها.
📦🚀 Announcing Playroom, officially open sourced today at
@ReactiveConf
.
Simultaneously design across a variety of themes and screen sizes, powered by JSX and your own component library:
وحوووووش 🔥🔥🚀🚀
فخور جداً لأني شهدت الموضوع من الفكرة حتى الإطلاق!
بوصلة هو تطبيق لمتاجر سلة لتحليل بيانات المتجر والعملاء عشان تتخذ القرارات الصحيحة.
استخدم بوصلة ولا تحلّق على عماها!
👇🏽👇🏽
@ryanflorence
Often devs misuse “calendar pickers” instead of date input, myself included 🤷🏻♂️
Then I realized that calendar pickers are best suited for uncertain dates (like booking a hotel or a flight), whereas date inputs are best for certain dates like birthdays, credit card date, etc...
فيجما تستثمر أكثر في البرمجة 🚨
للتو قرأت خبر استحواذ Figma على Dynaboard، منصة "لو كود" لصناعة التطبيقات.
اعتقد خلاص الأمور بدأت تتضح.
✅ Figma للتصميم
✅ FigJam لتخطيط المنتجات
❔ هل ممكن نشوف منتج ثالث قريب مخصص لبرمجة المنتجات؟
من أنظف المواقع للأيقونات، يتميزون بالبحث وبحزمة الأيقونات الخاصة فيهم، لأنها تتوفر بتنسيقات مختلفة (ملونة، مفرغة، أحادية اللون).
وعندهم تطبيق تركبه على جهازك ويسهل عملية نسخ الأيقونات لتطبيق التصميم.
أمور مهمة لازم تتأكد منها:
١. ملكية الكود للتطبيق، المفترض من أول يوم يكون عندك نسخة منه، وهذا يكون مذكور في العقد.
٢. ملكية التطبيق على متجر التطبيقات، سو لك حساب مطورين، وأعطي الصلاحية المبرمج أو الشركة انهم يحملون التطبيق عليه. هذا يكون مذكور في العقد.
ℹ️ هذه السلسلة هي الجزء الأول من سبع أجزاء، جلست عندي في المسوّدة فترة طويلة وما كملتها.
اليوم قررت أكتبها كأجزاء.
لذلك، لو الموضوع مهم بالنسبة لك، انشرها ♻️، وإن شاء الله راح أكمّل باقي الأجزاء في سلاسل لاحقة.
📓 مصدر المحتوى: