البحث في الموقع

دائمًا ما هنالك خطوة واحدة تود من زوار الموقع الخاص بك اتخاذها بنظرك تكون هي الخطوة الأهم. قد تكون متعلقة بزر الاشتراك للموقع الخاص بك، أو زر المتابعة أو حتى زر الشراء. بغض النظر عن الوظيفة المرجوة من ذلك الزر، تذكر دائمًا أن نقر زوار الموقع على الزر أو عدمه يعتمد على طبيعة الشعور الذي يحظون به أثناء تواجدهم على موقعك. للاستزادة ربما تود القراءة عن إدراك الألوان، وعلم نفس الألوان، أو المزيد عن كيف تحفز المجموعات اللونية إدراك الإنسان. 1. موقع Pinterest زاخر بالكثير من اللون الأحمر بلا شك، يعد اللون الأحمر اللون الأكثر حرارة. إذا تفقدت المجموعة اللونية الخاصة بموقع Pinterest ستلاحظ على الفور أن اللون الأحمر هو اللون الأساسي. يرتبط اللون الأحمر عادةً بالحب، وهو لونٌ ديناميكيٌ وقوي، هذا يضعك في جوٍ عالٍ من الحماس بخصوص أي شيء يتمركز حول هذا اللون. غالبًا ما يُرى اللون الأحمر في عروض التصفيات والمبيعات، حيث تضفي شدته شعورًا ملحًا على من يرى العروض بضرورة إلزامية الشراء. على الرغم من أن هذا اللون الحاد يمكن أن يترك انطباعًا حماسيًا ومشجعًا للزوار، كن حذرًا دائمًا. الكثير من اللون الأحمر يمكن أن يُقصيهم تمامًا عن نطاق رد الفعل المطلوب. يمكنك استخدام اللون الأحمر في نظام الألوان الخاص بك للتركيز على تصميم الويب خاصتك. امزجه في خليطٍ لونيٍ من اللون الأبيض أو الرمادي أو الأزرق الفاتح أو الفضي. مثال رائع لاستخدام اللون الأحمر في تصميم الويب أتحدى أن تكون على علمٍ بهذا مجموعة لونية جذابة بإضافة اللون الأحمر 10 أشياء مرتبطة باللون الأحمر الدم الحرب النار الرجولة الشغف الإغراء الغضب القوة الطاقة الشجاعة إحداثيات اللون الأحمر حسب نظام الألوان Hex Triplet: ‏FF0000‏# RGB: ‏(0, 0, 225) 2. موقع Amazon يحتفل بقوة اللون البرتقالي اللون البرتقالي لونٌ حار، لكن ليس بحدة اللون الأحمر فهو يوحي بالدفء أكثر من الحرارة. هذا اللون النابض بالحياة والمليء بالحيوية، يحفز الناس على فعل الشيء بدلًا من دفعهم أو إجبارهم عليه بصورة عاجلة. يعد اللون البرتقالي عدوانيًا أحيانًا في الطريقة التي يشجع بها إلى اتخاذ إجراءٍ مثل الشراء أو الاشتراك أو البيع أو المتابعة. يُوصى باستخدام اللون البرتقالي إذا كنت ترغب في ترك شعورٍ بالتحفيز والبهجة والإبداع والحماس الكامل للأشخاص بعد زيارتهم للموقع. كيف ينبغي عليك استخدام اللون البرتقالي أتحدى أن تكون على علمٍ بهذا مجموعة لونية جذابة بإضافة اللون البرتقالي 10 أشياء مرتبطة باللون البرتقالي التفاؤل العزم الحريق التخذير الخريف الأديان قوة الاحتمال التعاطف موسم الهالوين الحياة إحداثيات اللون البرتقالي حسب نظام الألوان Hex Triplet: ‏FF7F00‏# RGB: ‏(0, 127, 225) 3. اللون الأزرق في موقع Facebook يُشعرنا بالأمان ستجد العديد من المواقع التجارية والشركات تستخدم درجات اللون الأزرق. هذا اللون يجعلنا نفكر في شيءٍ مُحكمٍ وآمنٍ ومُعتمد ومليءٍ بالخبرة. لذلك، ليس من المفاجئ أن كل مشروعٍ تجاريٍ يهتم بشعور العملاء على المدى البعيد يفضل استخدام اللون الأزرق. يخلق اللون الأزرق شعورًا مُخالفًا تمامًا عن اللون الأحمر، فالأزرق يوحي بالهدوء ومن هنا فلا يجب أن تقلق بشأن استخدامه أكثر من اللازم. يمكنك نثر اللون الأزرق كيفما تشاء في تصميم الويب خاصتك. كيف ينبغي عليك استخدام اللون الأزرق أتحدى أن تكون على علمٍ بهذا مجموعة لونية جذابة بإضافة اللون الأزرق 10 أشياء مرتبطة باللون الأزرق الصدق الصداقة السحر الأولاد الجليد النبل الشتاء الشرطة السماء الحياة إحداثيات اللون الأزرق حسب نظام الألوان Hex Triplet: ‏#0000FF RGB: ‏(255, 0, 0) 4. اللون الأخضر في موقع Groupon يضفي صفة القوة الجماعية تشعر بالتفاؤل الآن؟ لنخمّن -كنت تنظر إلى شيءٍ أخضر؟ ربما كنت تنظر إلى نباتٍ أخضر، بما أنك تشعر بالهدوء والتفاؤل. أي شخصٍ مرتبطٍ بالحياة الخضراء أو أي أنشطةٍ بيئيةٍ من المرجح أن يستخدم اللون الأخضر على الأقل في بعض الأجزاء خلال مرحلة التصميم. ألقِ نظرة على ورقة 100$. إنها خضراء! مواقع أخرى مثل Groupon تتبنى اللون الأخضر في علامتها التجارية، كونها تتعامل مباشرةً مع المال. اللون الأخضر منعشٌ ومريحٌ للغاية، هذا يولّد شعورًا بالتوازن والإلهام. ويعكس التوازن والانسجام في التصميم. استخدام رائع للون الأخضر في تصميم الويب أتحدى أن تكون على علمٍ بهذا مجموعة لونية جذابة بإضافة اللون الأخضر 10 أشياء مرتبطة باللون الأخضر المال الطمع النمو الحسد الطبيعة الربيع الصحة الشباب العشب الأمل إحداثيات اللون الأخضر حسب نظام الألوان Hex Triplet: ‏#00FF00 RGB: ‏(0, 255, 0) 5. موقع Yahoo ينثر الكثير من اللون الأرجواني في شعاره غالبًا ما يوصف اللون الأرجواني بكلماتٍ مثل الخيال والإبداع والوقار والنبل والوفرة. ترتبط درجات الظلال الأرجوانية بالربيع والعاطفة القوية، في حين ترتبط الدرجات الداكنة بالرفاهية والثراء. يستخدم اللون الأرجواني بتنوعٍ في الجمال والموضة ومنتجات الملابس، لما له من تأثيرٍ كبيرٍ في إضفاء الهدوء والسكينة أكثر من أي لون آخر. كما ويعد لونٌ أنثويٌ وعاطفيٌ أكثر من كونه لونٌ ذكوري. عند النظر إلى أي شيءٍ أرجوانيٍ، يشعر الكثيرين بأنه يبدو مصطنعًا، نظرًا لندرة وجوده في الطبيعة. تمامًا مثل اللون الأحمر، يضيف اللون الأرجواني تأثيرٌ قويٌ لا يُقاوم ويشكل بعض الضغط على الأشخاص لاتخاذ ردة فعل. لذا سيكون من الحكيم الجمع بين اللون الأرجواني وأي لونٍ آخر مثل الأسود والأبيض. استخدام رائع للون الأرجواني في تصميم الويب أتحدى أن تكون على علمٍ بهذا مجموعة لونية جذابة بإضافة اللون الأرجواني 10 أشياء مرتبطة باللون الأرجواني الثروة الملكية النبل الأناقة العاطفة الاصطناع الغرابة الروحانية الترف الأنوثة إحداثيات اللون الأرجواني حسب نظام الألوان Hex Triplet: ‏#800080 RGB: ‏(128, 0, 128) 6. استخدام عبقري للألوان المحايدة في موقع 1WD's عادةً ما تستخدم الألوان المحايدة مثل الأبيض والأسود والرماديات الفاتحة والداكنة كخلفيات في التصاميم مع إضافة ألوان أكثر قوةٍ وسطوع. ألقِ نظرةً على موقع 1stwebdesigner – 1WD. هناك استُخدم القليل من اللون البرتقالي كونه لون قوي وساطع -لكن فقط في مزيجٍ جيدٍ مع الرمادي الداكن والفاتح. والأبيض بالتأكيد (ما هو لون الخلفية في الموقع؟) تمامًا كحقيقة أن العصافير دومًا ستطير، فاللون الأسود يعبر دومًا عن الحداثة والقوة والأناقة. في حين أن اللون الرمادي هو لونٌ محايد، يعبر عن أشياء هادئةٍ وغير مرئيةٍ مثل الظلال. إذا كان اللون الرمادي يبدو متّسخًا في بعض الأحيان، فعلى العكس سيولد اللون الأبيض تأثيرًا مُعاكسًا. يعبر اللون الأبيض عن الرحابة والانفتاح والبساطة. استخدام رائع للون الأبيض في تصميم الويب أتحدى أن تكون على علمٍ بهذا مجموعة لونية جذابة بإضافة اللون الأرجواني 10 أشياء مرتبطة بالألوان المحايدة القوة الأناقة الفراغ النعومة الجنة السلام البراءة التشاؤم الكآبة الملل إحداثيات اللون الأرجواني حسب نظام الألوان اللون الأسود: Hex Triplet: ‏#000000 RGB: ‏(0, 0, 0) اللون الرمادي: Hex Triplet: ‏#808080 RGB: ‏(128, 128, 128) اللون الأبيض: Hex Triplet: ‏FFFFFF# RGB: ‏(255, 255, 255) والآن، ما هو لونك المفضل؟ ما الشعور الذي يمنحك إياه لونك المفضل؟ تطرقنا للحديث عن أكثر 5 ألوان شيوعًا. الآن حان دورك لتختبر تأثير الألوان على الحسّ الإنساني وكيف يمكن دمجها في مجموعات لونية مؤثرة في صفحات الويب التي تقوم بتصميمها. ترجمة وبتصرف للمقال Choosing the Best Color Scheme for the Websites You Design لصاحبه Editorial Team

إن السعي إلى إنشاء برامج خالية من الأخطاء في العالم الرقمي هو أمر جدير بالاهتمام. ولكن في حال وجدت هذه الأخطاء، فليس من الضروري أن تتسبب في مشكلة، إذ يمكن أن نقابل نتائج غير مرضية أو أقل من المتوقع للموقع أو التطبيق. بمعنى آخر، لا تكمن المشكلة غالبًا في الشيفرة بل في تصميم واجهة المستخدم (UI) أو تجربة المستخدم (UX) أو كليهما. يمكن للأدوات والموارد المطروحة هنا أن توفر لك الوقت والمال وتساعدك في تجنب مشكلات ناتجة عن قابلية الاستخدام (usability issues) عند استخدام المواقع والتطبيقات الخاصة بك. تعدُّ هذه الأدوات الأفضل في مجالها، إذ اخترناها بعناية من بين العديد من الخيارات المتوافرة. هل أنت جاهز؟ لنبدأ رحلة التعرف عليها. 1. Mason من الأمور البديهية في عالم تصميم وتطوير البرمجيات هو أن الحاجة إلى إجراء تغيير بسيط في منتج سبق نشره سيسبب في حدوث إشكاليات كبيرة في التخطيط والتنفيذ عدا عن النفقات غير المتوقعة وغير المخطط لها. لذلك، من الضروري أن تحمل الفرق على عاتقها مسؤولية تصميم التغيير، والذي يتم غالبًا من خلال استخدام أسلوب النموذج الأولي (prototyping approach) واختباره وبرمجته ثم الانتظار لحين دورة النشر القادمة لتثبيته واعتماده. وأثناء ذلك، لن يتمكن العميل أو المستخدم النهائي من فعل شيء سوى أن يتنتظر. لكن مع Mason، الأمر مختلف؛ فهو يقدم منصة مرئية مدعمَّة بأدوات بناء الواجهة الأمامية مما يوفر للفِرق بيئة عمل مشتركة وسريعة لإضافة الميزات للتطبيقات أو المنتجات الرقمية الأخرى المطلقة (أو المنشورة)، حيث يمكن بسهولة بناء تلك الميزات دون الحاجة إلى النماذج الأولية، أو الإطارات الشبكية، أو فحص ضمان الجودة (QA inspection). كذلك لا حاجة إلى البرمجة أيضًا نظرًا لأنَّ Mason ينشئ قاعدة بيانات خاصة به لإضافتها إلى قاعدة بيانات موجودة مسبقًا، مما يتيح للمطورين العمل في مشاريع برمجية أكبر وأكثر تعقيدًا. إن التطور السريع والقدرة الفائقة لـ Mason جعلت العملاء يشعرون بمزيد من الرضا والسعادة. يتم تشغيل Mason عند الحاجة دون أن يؤثر تشغيله على سرعة موقعك، وستظل الميزات التي تنشئها دائمًا موثوقة وقوية وقابلة للتوسيع والتطوير. 2. UXPin يوجد نماذج أولية مخصصة بالأساس لأغراض معينة ويوجد ونماذج أخرى تفاعلية، وواقعية، وقوية تثير لديك السؤال التالي: لماذا لا يمكن تجاهل مرحلة التطوير برمتها؟ تلك هي درجة الواقعية التي يمكن للمستخدم توقعها من الأداة UXPin. وذلك بفضل أنها أدة تصميم تعتمد على الشيفرة. تعرض UXPin حلولًا قريبة من رغبة المستخدم، فربط اللوحات الفنية الثابتة معًا لم يعد متواجدًا في وقتنا الحالي. هذه الأداة هي بمثابة الحلم الذي تحقق للمصمم. لماذا؟ لأنها تسهل عليه التصميم، وإنتاج النموذج الأولي، والتعاون مع مصممين آخرين في مكان واحد وآنيًّا. إبدأ بفكرة إثبات مفهوم الإطارات الشبكية، ثم تدرج في العمل نحو النماذج منخفضة الدقة إلى النماذج عالية الدقة. أنجز كل شيء آنيًّا دون الحاجة إلى ترك ومغادرة UXPin. تعد أداة تصميم واجهة وتجربة المستخدم UX/UI المعتمدة على السحابة أداةً ثابتةً ومفضلة لدى شركات 500 Fortune كشركة PayPal و Microsoft وذلك بفضل امكانياتها الهائلة في تصميم النماذج الأولية. فهي تتضمن العديد من الخصائص مثل: حالات التفاعل، والشرط المنطقي، والمتغيرات، ومكونات الشيفرة، وتعابير JavaScript وغيرها. ناهيك عن الطريقة التي تعزز وتبسط بها تعاون الفريق. 3. Interfacer متى كانت آخر مرة اضطررت فيها إلى إجراء بحث موسع للعثور بسهولة على أنسب خط، أو أيقونة، أو صورة، أو مجموعة أدوات واجهة المستخدم UI؟ سواء كان ذلك بالأمس القريب أو قبل عام، فمن المحتمل أنك تتذكره وتتذكر كم كان ذلك مضيعة للوقت! إن Interfacer هي عبارة عن مجموعة من المكتبات المصغرة المليئة بأدوات تصميم عالية الجودة من جميع الأنواع. كل ما يتم تقديمه ليس مجانيًا فحسب، ولكنه مجاني للاستخدام في المنتجات التجارية أيضًا. 4. Webflow من الأهمية بمكان أن تبحث عن منتج يتيح لك تصميم وتطبيق وإنشاء وإطلاق واستضافة موقع سريع الاستجابة من خلال منصة واحدة؛ وهذا تماما ما تقوم به الأداة Webflow. يمكنك من خلال تلك الأداة متعددة الامكانيات القيام بجميع ما سبق ذكره، بما في ذلك إنشاء نظام إدارة محتوى CMS سهل الاستخدام لكل موقع تقوم بإنشائه، دون الحاجة إلى برمجته. يمكنك كذلك بدء المشروع من واجهة فارغة أو باستخدام أحد القوالب المتوافرة أو مجموعة أدوات واجهة المستخدم UI المقدمة من قبل المجتمع. لماذا من المهم أن تختار واحدة أو أكثر من بين تلك الأدوات أو الموارد؟ التصميم الجيد لتجربة المستخدم UX يزيد من نسبة العثور على الموقع واستعماله وتفوقه على منافسيه. ربما صادفت أكثر من مرة وأنت تتصفح الويب بحثًا عن خدمة أو منتج معين ظهور عدة مواقع أخرى تخدم نفس الغرض في وجهك مباشرة؛ إذن، ما السبب في ظهور تلك المواقع؟ السبب هو تجربة المستخدم UX المتميزة التي تسهل استخدامك للموقع وكذلك تساعدك على العثور على ما تريده بسرعة ودون عناء. بعد أن تنجز ما أردته، يمكنك وضع إشارة مرجعية على الموقع لتتمكن من استخدامه في المستقبل. أليس من الرائع أن تكون مالكاً لذلك الموقع؟ التركيز على تصميم تجربة المستخدم UX يمكن أن يزيد من إخلاص العملاء للعلامة التجارية. إن التصميم الفريد والفعال لتجربة المستخدم UX يأخذك في رحلة فريدة وممتعة، إذ أنه يزيد من ثقة وإخلاص العملاء والمستخدمين لعلامتك التجارية أو لمنتجك أو الخدمة التي تقدمها. تعد تجربة المستخدم UX يستخدمها المصمم ليسهِّل على المستخدم عثوره على ما يريد أو إيصاله للمكان الذي يطلبه دون عناء بالإضافة إلى توفير أجواء ممتعة له خلال التصفح. صمم تجربة مستخدم UX تذهل العقول وتجعل كل من استعمل الموقع أو التطبيق يتحدث عنها. كيف يمكنك تحقيق ذلك؟ ببساطة من خلال تصميم تجربة المستخدم UX بشكل يسهل على المستخدمين التصفح بمرونة. فتزيد لديهم الرغبة بمشاركة خبراتهم مع الآخرين. والنتيجة؟ ستكون سلسة عملاء متنقلين يمدحون بك ويسهون في إذاعه صيتك، وهؤلاء العملاء من يقاتل الجميع حتى الموت لكسبهم. خاتمة ما الذي تحاول تحقيقه؟ توفير الوقت والمال وضمان توفير التحسيان دون الحاجة إلى النماذج الأولية؟ توفير الوقت والمال على المدى الطويل باستخدام أسلوب النماذج الأولية التكرارية أو السريعة؟ استخدام منصة واحدة فقط لإنجاز جميع الأعمال؟ البحث عن مصدر واحد يجمع أدوات تصميم مساعدة عالية الجودة (مثل الخطوط والصور والأيقونات ...إلخ.) تبقى متاحة عند الحاجة إليها؟ الأدوات والخيارات التي ذكرناها آنفًا توفر وتتيح لك ذلك بالإضافة إلى تحسين تصميم واجهة وتجربة المستخدم UI/UX. يمكنك اختيار واحدة منها، أو جميعها، ومن المؤكد أنك ستصل إلى نتائج جيدة باستعمالها. ترجمة -وبتصرف- للمقال Need help choosing a UX/UI tool? Check out these options

أن تكون مصمم ويب ناجح لا يعني مجرد اكتساب بعض المهارات على برنامج فوتوشوب وأحدث إطار CSS. إن التحدي الذي يمكّن الهواة من أن يصبحوا محترفين هو الإدارة الفعالة لحياتهم المهنية كمستقلين. على الرغم من أن بعض هذه المهارات لا يمكن تعلمها بين عشية وضحاها، لكننا سنورد هنا عدد قليل من الأمور التي يمكن القيام بها الآن ليعتقد العملاء بأنك شخص محترف وللقيام أيضًا ببعض التغييرات على مهنتك كمصمم ويب مستقل. 1- لا تهمل العميل: التواصل الفعال هو المفتاح متى كانت آخر مرة قمت فيها بالعمل في شركة حيث وعدتك بالاتصال بك ولم تفعل ذلك أبدًا؟ أو أنها قامت بتجاهل رسائل البريد الإلكتروني عند محاولة حل إحدى المشاكل؟ إن الاتصال الفعال يمكن أن يؤثر سلبًا أو إيجابًا على المهنية في العمل ضمن أي مجال، ولكنه يتمتع بأهمية خاصة في مجال تصميم المواقع الإلكترونية. ويدرك المصممون المحترفون أن التواصل هو الذي سيصنع نجاح المشروع. تساعد التحديثات المنتظمة على التأكد من أن العميل راض عن العمل. وفي حال وجود خلل ما، ستكون في وضع يمكّنك من ضبط الجداول الزمنية والتوقعات وفقًا لذلك. إذا قمت بإهمال العملاء ولم تتواصل معهم بانتظام، فإن ذلك سيؤدي إلى عدم الالتزام بالمواعيد النهائية ولن يتحدث الزبون حول خدمات تصميم الويب لدي لأي شخص. 2- قم دائمًا بتحديد توقعات واضحة لتجنب المشاكل إن لم تكن قد وضعت التوقعات في وقت سابق، فإنك ستواجه بعض المشاكل في الفرص لاحقًا! هناك نوعان من الوثائق المهنية التي يقوم مصممي الويب باستخدامها لضمان فهم عملائهم لعملهم: قم بتوقيع عقد إن مصمم الويب المحترف لا يعمل بدون توقيع عقد. ليس فقط لحمايته، ولكنه يساعده على وضع توقعات واضحة لعملائه. لذا حاول أن تتأكد من أن العقد يحتوي على ما يلي: مخطط للعمل، بما في ذلك عدد المراجعات التي يمكن السماح بها. من يملك حقوق المنتج النهائي. المواعيد النهائية، التكاليف بالمتوسط، رسوم إنهاء العمل المبكر، رسوم التأخير وتواريخ الدفع. إنشاء ملف للأهداف قبل البدء في العمل على مشروع، قم بالاتفاق مع العميل على الأهداف وقم بوضعها ضمن ملف. عندما تأخذ الوقت اللازم لإنشاء هذا الملف، سيكون لديك دليل لطلب المزيد من المال في حال قرر العميل تغيير طبيعة العمل بعد بدء المشروع. وتذكر، في حال قمت أحيانًا بالتساهل مع العميل فلا تجعل من ذلك عادة دائمة. تجنب وضع التوقعات التي ستجعلك تعمل في وقت متأخر من الليل أو في عطلة نهاية الأسبوع فقط لأنك عامل مستقل. 3- قم فقط بالعمل الباهر الذي سيميز محفظتك لن يتطور عملك ولن تنتقل من هاوٍ إلى محترف إن لم تفخر بعملك. في حين أن هذه النصيحة تبدو وكأنها بديهية، إلا أن هناك عدد من المصممين الذين لا يلتزمون بها ويعملون لصالح العميل غير “المثير”. بما أنك ترغب في السعي لبناء قاعدة من العملاء التي تتلاءم مع أهداف حياتك المهنية، فإنك قد تحتاج إلى العمل ضمن مشاريع قد لا تكون هي اختيارك الأول، ولكن يجب ألا تتعامل معها على هذا الأساس. أي شيء يظهر اسمك عليه يجب أن يكون باهرًا ليجعل العميل المقبل حريص على العمل معك. يجب أن تكون أولى أولوياتك هي تقديم أفضل ما لديك، وخاصة إن كنت ترغب بجذب أولئك العملاء الذي يدفعون مبالغ أكبر ويساهمون في تطوير حياتك المهنية كمستقل. 4- لا تتوقف عن البحث ضمن الشبكات عن عملاء جدد يقوم بعض المصممين بخطأ كبير وهو الاعتماد على عدد قليل من العملاء لكسب لقمة العيش. إن مصمم الويب المحترف والناجح يدرك بأن هناك فائدة أكبر في حال وجود قاعدة عملاء متنوعة حيث تتحدث الإحصاءات عن نفسها. وأظهرت إحدى الدراسات التي أجريت مؤخرًا من قبل كونتنتلي أن نصف المستقلين الذين لا يبحثون عن عملاء جدد يكسبون عائدًا أقل من 20000 $ سنويًا. من خلال تخصيص الوقت للبحث عن عملاء جدد بشكل منتظم، يمكنك تجنب الاعتماد على عميل أو اثنين، ففي حال فقدان عميل بشكل غير متوقع، يكون بإمكانك الحصول على عميل جديد خلال شهر. إلى جانب التقدم للحصول على وظائف ضمن شبكة الإنترنت، قم بالابتعاد عن جهاز الكمبيوتر والعودة إلى أساسيات الشبكات. قم بحضور المناسبات الاجتماعية في مدينتك، قم بحضور المؤتمرات، واكتشف العملاء المحتملين. حيث يعتبر ذلك طريقة فعالة للبدء في صنع اسم لنفسك واتصالات تجارية شخصية. 5- قم بعرض عملك ضمن محفظة مهنية على الانترنت إن لم يكن لديك محفظة يتم تحديثها دائمًا أو لم يكن لديك تواجد فعال على وسائل التواصل الاجتماعية فإنك مجرد هاو فقط. يدرك مصممو المواقع المحترفون بأنه يمكن العثور على العملاء بأي مكان، ويدركون أيضًا مدى أهمية عرض تجاربهم، أي ما هي الشركات التي عملت معها والمشاريع التي عملت عليها. وتعرض المحفظة للعملاء المحتملين مدى نشاطك في عالم التصميم وتعطيهم أدلة قوية بشأن قدراتك. عندما تضمن بأن محفظتك مليئة أيضًا بالعمل الذي ترغب في القيام به، فإنك ستجذب العملاء المناسبين وتخطو خطوة نحو العمل على المشاريع التي تلهمك وتجعلك تشعر بالإنجاز. فيما يلي بعض الجوانب الرئيسية التي يجب أن تغطيها محفظة تصميم مواقع الويب على الإنترنت: نماذج إدارة المحتوى التركيب الطباعة الألوان التقنيات مبررات التصميم 6- تصفية العملاء المحتملين للتخلص من العملاء السيئين في مرحلة ما من حياتك المهنية كمستقل، ستضطر للتعامل مع عميل سيء. سواء كان يريد التحكم بعملك أو حتى التواصل بشكل سيء، يمكن أن تكون تجربتك معه محبطة وقد تؤدي إلى فقدان دخلك وحتى وقتك. يقوم مصممو الويب المحترفون بتجنب هذا النوع من العملاء لأنهم لا يريدون من خلال ابتكار عملية فحص لهم. فبدلًا من قبول أي عميل، اسأل نفسك فيما إذا كانت أذواقهم تتفق مع مبادئ التصميم الخاصة بك. إذا كان بإمكانك تقبل العميل الذي يكره الإبداع، ويفضل استخدام الحد الأدنى من التصاميم التي تحبها، فإنك تسعى بنفسك نحو الفشل. من الأمور التي يجب مراعاتها أيضًا خلال هذه العملية فيما إذا كان بإمكان العميل تحمل المبلغ الذي ستطلب به، هل ستحتاج إليه، وفيما إذا كان المشروع متوافقًا مع أهدافك المهنية. عندما تركز على جذب عملاء المميزين في وقت مبكر من حياتك المهنية، سينتهي بك الأمر بالقيام بالمزيد من العمل الذي تحب القيام به. 7- مواكبة أحدث الأفكار وعدم التوقف عن التعلم حتى يكون مصمم الويب المستقل ناجحًا، يجب أن يكون مطلعًا تقنيًا على أهم التغييرات ضمن هذا المجال. يمكن للمحترفين الذين يتعلمون بسرعة أمور أو تقنيات جديدة أن يتميزوا عن المنافسين ليتم طلب خدماتهم بشكل أكبر من قبل العملاء المحتملين. حاول أن تخصص بعض الوقت خلال يوم عملك أو خلال الأسبوع لتعلم أمور جديدة في مجال عملك. قم بقراءة بعض التدوينات عن تصميم المواقع الإلكترونية لمعرفة ما هو جديد، أو قم بالاستثمار في التعليم المستمر عن طريق الاشتراك في ورش العمل، والحصول على الشهادات، أو عن طريق حضور صفوف معينة. تذكر بأنه ليس هناك سن متقدم لتعلم الأشياء الجديدة، وأنك لست بحاجة لامتلاك أحدث المهارات من كل شيء للبقاء على اطلاع، بل تحتاج لتشذيب مهاراتك وتجنب العمل على التقنيات القديمة التي لم تعد مستخدمة. خاتمة ما يميز مصمم الويب الهاو عن المحترف ليس الوقت الذي أمضيته كمستقل، بل هو المواقف التي تعرض لها وطريقة التعامل مع مختلف الأعمال والعملاء. إن الطريق نحو الاحترافية في تصميم الويب ليست سهلًا. إنها صناعة صعبة تتطلب التفاني والعديد من المهارات مثل خدمات العملاء والحفاظ على التواصل وحتى الطلب. ترجمة -وبتصرّف- للمقال How to Quit Acting Like an Amateur Freelance Web Designer لصاحبه Shawn Parrotte حقوق الصورة البارزة محفوظة لـ Freepik

إن أزرار التواصل الاجتماعيّ غير فعالةٍ، كما أنّها تضرّ بأداء الموقع وتشكّل إلهاءً عن الفعل الأساسيّ المطلوب من المستخدم (primary action)، ولحسن الحظّ هناك طرقٌ أخرى أفضل لأداء مهمّاتها نفسها. لا بد أنّك واجهت هذا الموقف في السابق، قام زبونك أو مديرك في العمل بطلب وضع أزرار التواصل الاجتماعيّ على الموقع الذي تقوم بتصميمه، يريد منك أزراراً تطلب من الناس أن يقوموا بمشاركة محتوى الموقع، أزراراً تطلب من الناس أن يقوموا بمتابعتهم على شبكات التواصل الاجتماعيّ، يريد منك أن تضع هذه الأزرار في كلّ مكانٍ. إنّ هذه الأزرار البرّاقة الصارخة تشكّل لك إزعاجاً دائماً، ولكن ما الذي يمكنك فعله بشأنها؟ إنّ ما يجب عليك تجنّبه هو التذمّر بشأن تشويه هذه الأزرار للتصميم الجميل الخاصّ بموقعك، ﻷنّ الزبون ببساطةٍ لا يهتمّ بهذا الجانب. وبدلاً من ذلك يجب عليك أن تقدم دلائل منطقيّةً لرفض هذه الأزرار بالإضافة إلى بدائل ناجحةٍ لها. ولنستعرض معاً ما هي مضارّ أزرار التواصل الاجتماعيّ بالإضافة إلى قيامها بتشويه التصميم الجميل لموقعك. يجب عليّ في البداية أن أكون صريحاً وأعترف بكرهي لهذه الأزرار. وفي رأيي الشخصي لا تحقق هذه الأزرار أي فائدة بل أنها تسبب الضرر. فلنبدأ بالحديث عن الضرر الذي تسببه. تكلفة أزرار التواصل الاجتماعي عالية جداحتى لو كانت أزرار التواصل الاجتماعيّ فعّالة، فإنّ الثمن الذي تدفعه لها يعتبر كبيراً مقابل ما يعتبر وظيفةً ثانويّة يتمّ طلبها من المستخدم، وهي استخدام هذه الأزرار. من النادر أن تتصفّح موقعاً لتجد أنّ هدفه الأساسيّ هو جعل الزائر يتابع قناتهم على اليوتيوب أو يقوم بمشاركة محتوى المواقع على شبكات التواصل الاجتماعيّ، حتى المواقع الإخباريّة لها أولويّاتٌ أخرى كجعل المستخدم يشترك بالموقع أو يضغط على أحد الإعلانات. وهذا يعني أنّ جلّ ما تقوم به أزرار التواصل الاجتماعي هو إلهاء المستخدم عن القيام بالفعل الأساسيّ الذي ترغبه أن يقوم به، وسبب ذلك هو أنّ هذه الأزرار تعكس شخصيّة الشبكات الاجتماعيّة التي تمثلها والعلامة التجاريّة لها وبالتالي تبدو خارجةً عن تصميم موقعك. ليس هذا فحسب، بل إنها تؤثّر سلباً على واجهة الاستخدام، حيث تستحوذ على لحظاتٍ ثمينةٍ من انتباه المستخدم، صحيحٌ أن هذا يعتبر شيئا آنيّاً، إلا أنّ عليك الحذر عندما يكون انتباه المستخدم من أهمّ أولويّاتك. ولا يقتصر ضرر أزرار التواصل الاجتماعيّ على هذا فحسب، ففي الواقع يمكن لهذه الأزرار أن تكون ذات تأثيرٍ سلبيٍّ على أداء موقعك وذلك بسبب تحميلها من طرف خارجيّ أثناء تحميل موقعك إلى متصفح المستخدم، يضاف إلى ذلك إمكانية تسببها بمشاكل أمنيةٍ ومشاكل في التحقّق (validation errors). يمكن أن يتمّ التغاضي عن هذه السيئات لو كان لأزرار التواصل الاجتماعيّ أية فائدة سواء من ناحية المستخدم أو من ناحية الأعمال، ولكن للأسف ليس لها أي فائدةٍ. السبب في كون أزرار التواصل الاجتماعي غير فعالةإن أزرار المشاركة على وسائط التواصل الاجتماعي تقدم فائدة صغيرةً جدّاً، وفي الواقع فإن قيام المستخدم بنسخ ولصق رابط الصفحة إلى إحدى شبكات التواصل الاجتماعيّ ليس أبطأ كثيراً من قيام المستخدم بالنقر على أحد هذه الأزرار، بل نجد أن النسخ قد يكون عمليّةً أسرع إن تم إلى تطبيق تويتر على الهواتف الذّكيّة حيث يضطرّ المستخدم إلى القيام بتسجيل الدخول عند قيامه بالضغط على أحد أزرار التواصل لما يكون على الهاتف، وهذا ما لا يضطرّ لفعله عند استخدام لطريقة النسخ واللصق إلى تطبيق تويتر. كما تعتبر هذه الأزرار غير فعّالة من وجهة نظر تجارية أيضاً، فلو افترضنا أن الهدف الأساسيّ المطلوب من المستخدم هو مشاركة محتوى الموقع، فإنّ استخدام بضع أيقوناتٍ صغيرةٍ غير ملائمٍ لهذا الهدف الأساسيّ. وفي الواقع فإنّ هذه الأزرار لا تقوم بتحفيز المستخدم ليقوم بأيّ فعلٍ، فهي لا تشرح للمستخدم فوائد متابعته لصفحات الشركة على شبكات التواصل الاجتماعيّ، ولا تعطيه أي سبب لمشاركة محتوى الموقع على هذه الشبكات. ولكن، وكما أنّه من السهل انتقاد أزرار وسائط التواصل الاجتماعيّ، فإنّ علينا أن نوفّر لزبائننا بديلاً عنها قبل أن نطلب منهم التخلّي عن هذه الأزرار. بدائل أزرار شبكات التواصل الاجتماعييمكن تقسيم أزرار التواصل الاجتماعي إلى نوعين، نوعٌ خاصٌّ بالمشاركة وآخر خاصّ بالمتابعة، ويمكن لهذين النوعين أن يقوما بأدوار مهمّةٍ فيما لو تم تطبيقهم بشكل جيّدٍ، إن السرّ هنا يكمن في عاملي التوقيت وسهولة الاستخدام. 1. جعل أزرار المشاركة ذات فائدةليس غريباً أبداً أن تتصفّح موقعاً لتجد أنّه يقدّم أزرار المشاركة في كل صفحة من صفحاته، وبسبب هذا يجد المستخدم نفسه في موقفٍ غريبٍ عندما يطلب منه مشاركة سياسة الخصوصيّة الخاصّة بالموقع أو شروط الاستخدام. إنّ هذه الأزرار يجب أن تعرض فقط عندما يكون من المناسب عرضها، فبدلاً من وضعها على كافّة صفحات الموقع قم بعرضها فقط عند الضرورة بحيث تظهر كوظيفةٍ من وظائف الموقع وتقوم بتقديم قيمةٍ حقيقيةٍ إلى المستخدم. فعلى سبيل المثال خذ موقِعي blogworld.com حيث لم أقم بوضع أزرار المشاركة على جميع الصفحات، بل جعلتها مقتصرةً على المقتطفات المهمّة من المقالات والتي يتمّ عرضها بشكل مستقلّ ضمن المقالة (pull out quotes)، إنّ وضعها بهذا الشكل يقترح على المستخدم أنّ المحتوى ذو قيمةٍ ويستحقّ المشاركة كما يسهّل على المستخدم مهمّة مشاركته. وبمقاربةٍ كهذه لم يعد على المستخدم أن يفكّر فيما يجب عليه فعله، إذا أن كلّ ما يحتاجه هو النقر على زرّ المشاركة فحسب ومشاركة هذا المحتوى ذي الجودة العالية، وبالطبع يمكن له التعديل عليه قبل مشاركته. ويمكن بعمليةٍ مشابهةٍ وأكتر إبداعاً تحسين أزرار المتابعة. 2. تحسين زر المتابعة (follow)يعاني زرّ المتابعة التقليدي من مشكلتين أساسيّتين: أولاً، لا يوجد من يقوم بزيارة موقعك وفي نيّته أن يقوم بمتابعتك على شبكات التواصل الاجتماعيّ، وهذا يعني أن المستخدمين يكونون مركّزين على القيام بشيء آخر وينبغي عليك ألا تشوّشهم عنه، وبالتالي فإن انتقاء اللحظة المناسبة مهمٌّ جداً عند التعامل مع أزرار المشاركة.ثانياً، إنّ معظم المواقع لا تعطي المستخدم دافعاً كافياً ليقوم بمتابعتها، وكل ما تقوم به هو عرض زرّ المتابعة التقليديّ الأساسيّ.افترض مثلاً أنك زرت موقعاً لتشتري منه برنامجاً ما ووجدت أنّ أول ما يعرض أمامك هو زرّ المشاركة التقليديّ، في هذه المرحلة من استخدامك للموقع فإنّ ما ترغب حقّاً في مشاهدته ليس هذا الزرّ لأنّ اهتمامك منصبّ بالدرجة الأولى على شراء البرنامج الذي ترغب به. ولكن لو قام الموقع بعد إتمامك لعمليّة الشراء بعرض صفحة شكر، فإنّ هذه اللحظة تعتبر لحظةً مناسبةً جداً ليطلب منك متابعة الشركة على شبكات التواصل الاجتماعيّ. والسبب في ذلك هو أنك بعد إتمامك للمهمّة الأولى تكون أكتر تقبّلا لمهمّة ثانية. وسيكون الأمر أفضل لو أعطاك الموقع سببًا إضافيًا ومُقنعا للمُتابعة كأن يقول: "تابعنا لتحصل على نصائح حول استخدام المُنتج وتحُقّق أقصى استفادة مُمكنة منه". ويُمكن للأمر أن يصل إلى غاية تقديم خصومات في حال التّرقية إلى إصدارات أعلى للمُتابعين فقط. أزرار التواصل الاجتماعي كسولةإن الفكرة الأساسية التي أحاول إيصالها هي أن القيام بإضافة مجموعة من الأزرار على موقعك يعتبر حلّا كسولا وغير مفيد من أي ناحية. إنّ موقعك يجب أن يشجع الناس على التواصل مع علامتك التجارية عبر شبكات التواصل الاجتماعي، ولكن هناك العديد من الطرق الأفضل لفعل ذلك غير صفّ مجموعة من الأيقونات. إذاً في المرّة القادمة التي يطلب فيها الزبون أن تقوم بعرض أزرار التواصل الاجتماعي، اقترح عليه بديلاً أفضل، قم بما هو أفضل من التذمّر من قباحتها. ترجمة بتصرّف للمقال Saying no to social media buttons لكاتبه Paul Boag. حقوق الصورة البارزة: Social media share buttons by Freepik.