امروزه شركت هاي زيادي هستند كه در زمينه طراحي وب سايت فعاليت دارند و اغلب هم مدعي طراحي سايت حرفه اي هستند، اما واقعا چه عواملي نشان دهنده حرفه اي بودن يك وب سايت هستند؟ رعايت چه نكاتي سبب مي شود كه يك سايت حرفه اي قلمداد شود؟ در ادامه مطلب به اين مباحث مي پردازيم:

گرافيك ظاهري سايت

نخستين چيزي كه مشتري پس از ورود به وب سايت شما با آن مواجه خواهد شد، گرافيك ظاهري سايت شما است. اگر وب سايت شما داراي ظاهري نامناسب و رابط كاربري ضعيفي باشد سبب گيج شدن و خستگي بازديد كنندگان خواهد شد و اغلب آن ها ترجيح مي دهند به سرعت سايت شما را ترك كنند. پس استفاده از متخصصان در زمينه UI و UX وب سايت از جمله مهم ترين عواملي است كه بايد به آن توجه داشت.

امنيت سايت

امروزه بزرگ ترين شركت هاي دنيا هم با وجود هزينه هاي زيادي كه در بخش امنيت شبكه ها و وب سايت هاي خود دارند، از خطر حملات اينترنتي در امان نيستند. در نتيجه حتما هنگام طراحي سايت خود به نكات امنيتي توجه داشته باشيد، در غير اين صورت وب سايت شما به راحتي توسط هكر ها قابل نفوذ خواهد بود. توصيه مي شود در اين زمينه با افراد متخصص در زمينه امنيت شبكه مشاوره داشته باشيد.

طراحي سايت واكنش گرا

 اغلب مردم ترجيح مي دهند بسياري از كار هاي اينترنتي خود را از طريق تلفن هاي همراه خود انجام دهند. طراحي سايت شما بايد به گونه اي باشد كه توسط تلفن هاي همراه و تبلت ها نيز به راحتي قابل مشاهده باشد و كاربران به راحتي بتوانند با استفاده از تلفن هاي همراه خود از آن استفاده كنند. توجه نداشتن به مبحث طراحي سايت واكنش گرا مهم ترين عاملي است كه سبب كاهش بازديد كنندگان وب سايت شما خواهد شد. آمار هاي جهاني نشان مي دهند كه روز به روز بر شمار افرادي كه وب سايت ها را از طريق تلفن هاي همراه مشاهده مي كنند افزوده مي شود. امروزه اغلب وب سايت هاي برتر دنيا بر مبناي واكنش گرا بودن ساخته مي شوند و طراحي سايت بدون توجه داشتن به اين مورد به معناي حذف كردن بخش عظيمي از بازديد گنندگان سايت شما خواهد بود.

سئو و بهينه سازي سايت

سئو و بهينه سازي سايت نيز از جمله مواردي است كه از زمان شروع طراحي سايت بايد مد نظر قرار گيرند و پس از طراحي سايت نيز كار اصلي آغاز مي شود و وب سايت شما وارد رقابت با ساير وب سايت هاي مشابه براي دريافت رتبه اي بهتر از موتور هاي جستجو مي شود. استفاده از محتوا هاي جذاب و كاربردي، فعاليت در شبكه هاي اجتماعي، به اشتراك گذاري لينك سايت و بسياري از موارد ديگر هستند كه پس از طراحي سايت و در مبحث سئو و بهينه سازي به آن ها توجه مي شود. با توجه به آپديت الگوريتم هاي گوگل استفاده از روش هاي نادرست و قديمي سئو سايت از جمله عواملي است كه سبب نابودي و جريمه سايت ها مي شوند.

منبع: طراحي سايت نوپرداز

فريم ورك ها به برنامه نويسان كمك ميكند كه آسانتر كار كنند.

آنها باعث افزايش بهره وري مي شوند و براي نمونه سازي سريع و سايت ها بسيار مناسب هستند. علاوه بر اين، آنها مزايايي مانند سازگاري متقابل مرورگر و اجزاي آماده CSS را ارائه مي دهند.

اساسا، با استفاده از يك فريم ورك سمت كاربري (front-end) به اين معني است كه شما مجبور نيستيد هر بار كه يك وب سايت جديد و يا يك برنامه وب طراحي مي كنيد از ابتدا شروع كنيد.

فريم ورك هاي front-end كه به عنوان فريم ورك هاي css هم ناميده مي شوند، معمولا از يك سري فايهايي تشكيل شده اند مثل css jsvascript

درحاليكه فريم ورك هاي سمت كاربري (front-end) بسيار زياد هستند. دوتا از محبوب ترين فريم ورك ها، بوتسترپ (bootstrap) و فانديشن (foundation) هستند. اگرچه بسيار شبيه به هم هستند اما هنگام طراحي سايت تفاوت هاي كليدي دارند.

در اين مقاله، بررسي خواهيم كرد كه كدام فريم ورك براي شما، نسبت به اهداف و سبكي كه درنظر داريد، مناسب تر است.

داستان شروع بوتسترپ

فريم ورك بوتسترپ براي اولين بار در اواسط سال 2010 توسط كاركنان Mark Otto در توييتر ساخته شد. در ابتدا يك فريم ورك داخلي بود اما بعدا در 19 اوت 2011 به عموم منتشر شد.

داستان شروع فانديشن

فانديشن نيز به عنوان يك فريم ورك داخلي در سال 2008  توسط شركت Zurb ايجاد شد و آن را در پاييز 2011 در اختيار عموم قرار داد.

با گذشت زمان، فانديشن نسخه هاي بيشتري نسبت به بوتسترپ انتشار داد ( به اين معني كه كدام يك از آنها زمان بيشتري براي تنظيم دقيق و حل مشكلات صرف كرده اند). با اين حال، كاربراني كه از بوتسترپ استفاده مي كنند بيشتر هستند.

شباهت هاي مابين بوتسترپ و فانديشن

1. منبع باز (open source)

هر دو فريم ورك تحت مجوز MIT ساخته شده اند، به اين معني كه انها براي استفاده و انطباق، آزاد و كدباز هستند.

2. واكنشگرا (يا mobile first)

يك سايت واكنشگرا، اساسا به اين معني است كه وبسايت يا برنامه وب ميتواند به صورت يكپارچه در اندازههاي صفحه نمايش، موبايل، رايانه روميزي و دسكتاپ و .. كار كند.

3. سيستم 12گريد

يك سيستم گريد بندي در فريم ورك، به شما اين امكان را مي دهد كه با قدرت بيشتري چيدمان صفحه سايت يا وب اپليكيشن خود را طراحي كنيد.

هر دو فريم ورك عبارتند از:

• سطر ها و ستون ها
• توانايي كشيدن ستون در رديفها و بالعكسپ

Figure 1 - نمونه گريد بندي بوتسترپ

Figure 2 - نمونه گريد بندي فانديشن

4. سبك اجزاي css

بوتسترپ و فانديشن هر دو "پيش طراحي شده" و اجزاي "آماده به كار" ارائه شده اند. مانند موارد زير:

• نوار ناوبري
• دكمه ها
• صفحه بندي
• برچسب ها
• نوار پيشرفت
• و ...

5. افزونه هاي اختياري جاوااسكريپت

اين افزونه هاي JS براي افزودن انواع خاصي از ويژگي هاي پيشرفته تر در front-end كار را براي برنامه نويسان آسان تر ميكند؛ مانند منو هاي سايد بار يا پاپ اپ ها.

بوتسترپ داراي 12 افزونه است درحاليكه فانديشن داراي 15 افزونه است.

جدول مقايسه بوتسترپ و فانديشن

 منبع: سايت نوپرداز

شايد براي شما جالب باشد بدانيد ۱۰ وب سايت برتر دنيا كدامند ؟

پيج رنك ، الكسا ، رتبه الكسا

البته مرجع ما اين بار پيج رنك گوگل نيست بلكه رتبه بندي وب سايت الكسا است .

اجازه بدهيد ابتدا كمي درباره الكسا براي شما بگويم :

وب سايت الكسا در سال ۱۹۹۶ تاسيس شد. اين شركت يكي از زير مجموعه هاي شركت آمازون به حساب مي آيد.

نام اين وب سايت به  احترام  كتابخانه اسكندريه مصر به عنوان يكي از بزرگترين محل‌هاي دانش در مقابل اين كه دنياي اينترنت قابليت تبديل شدن به چنين محلي را دارد، انتخاب شده است. اين شركت به صورت ماهيانه وب سايتها را آناليز كرده و براساس ترافيك ماهيانه رتبه بندي مي كند ،  اين شركت داراي نوار ابزاري است كه مي‌تواند به كاربرانش اعلام كند تا بعد از صفحه در حال مشاهده به چه صفحه وبي بروند كه اين پيشنهاد براساس آناليز ترافيك كاربر مي‌باشد. همچنين الكسا با ارائه نمودارهايي در زمينه موارد ذكر شده در طول بازه‌هاي زماني مختلف ۱ روزه تا ۲ ساله به مديريت وب سايت‌ها كمك مي‌كند تا آناليز و بررسي دقيقي از وب سايت خود داشته باشند.

اما رتبه هاي يك تا ده به قرار زير است :

رتبه ۱  – گوگل   (كه كاملا قابل پيشبيني بود )

رتبه ۲ – فيس بوك (باز هم قابل پيشبيني بود)

رتبه ۳ – يوتيوب ( از نظر ترافيك ماهيانه بسيار بالا بوده است بدليل واكشي فيلم ها وكليپ ها اما در تعداد كاربران نتوانسته با گوگل و فيسبوك رقابت كند)

رتبه ۴ – ياهو ( خب بعد از گوگل بالاترين جستجو را داراست )

رتبه ۵ – بايدو ( نسخه چيني گوگل كه بدجوري در حال تعقيب گوگل است اما در چين )

رتبه ۶ – ويكي پديا ( به نظر مي رسيد بايد بالاتر باشد )

رتبه ۷ – كيوكيو ( باز هم يك سايت چيني كه به مدد تعداد كاربران زياد توانسته اين رتبه را كسب نمايد ، كيوكيو واحد پول مجازي چين است )

رتبه ۸ – تائوبائو ( فروشگاه مجازي چيني كه تقريبا تمام كاربرانش چيني هستند اما خب ترافيك ماهيانه بالايي دارد)

رتبه ۹ – لايو ( بالاخره از خانواده مايكروسافت يكي رتبه زير ۱۰ را كسب كرد ، ايميل رايگان و سرويسهاي ديگر باعث اين ترافيك از سراسر دنيا شده)

رتبه ۱۰ – تويتر (يك شبكه اجتماعي فوق العاده منظم كه اگر رتبه بندي دست من بود رتبه اول بعد از گوگل را به او مي دادم )

از اين جهت كه الكسا بين مراجعه كنندگان محلي و غير محلي هيچ تفاوتي قائل نمي شود شايد رتبه بندي آن هم كمي غير منصفانه به نظر برسد در حاليكه گوگل اگر چه ترافيك محلي را در پيج رنك محاسبه نمي كند اما بسيار دقيق كاربران محلي و غير محلي و حتي اسپم ها را شناسايي مي كند ، خب وب سايتي كه تنها در يك كشور كاربرد و كاربر دارد نمي تواند در صدر برترينهاي جهاني قرار بگيرد اما در الكسا بي هيچ تفاوتي اين اتفاق مي افتد.

البته الكسا به صورت محلي (لوكال) نيز رتبه بندي دارد و نكته جالب توجه اين است كه تنها كشوري كه من ديدم شبكه هاي اجتماعي جهاني رتبه بالايي در آن كسب نكرده اند ايران است و آن هم به دليل فيلترينك اين شبكه ها در ايران است و تنها سايت خارجي كه در ايران رتبه بالايي دارد گوگل است .

منبع: سايت رايان مهر

بسياري از قوانين طراحي سايت خبري ساده و به وضوح قابل مشاهده است، در حالي كه ممكن است ديگران آن را نديده بگيرند. در اين مقاله قصد داريم به بررسي روش ها و نكاتي بپردازيم كه باعث مي شوند طراحي وب سايت خبري شما به صورتي حرفه اي و كاربر پسند صورت گيرد.

پس زمينه ساده 

پس زمينه ساده مساوي است با خوانايي بيشتر مطالب وب سايت خبري. بررسي ها نشان داده است كه بيش تر از 90 درصد وب سايت هاي خبري و مجلات از پس زمينه با رنگ سفيد استفاده مي كنند. حتي در مواردي كه از رنگ سفيد هم استفاده نمي شود، از رنگ هايي استفاده خواهد شد كه ساده هستند و سبب فشار آوردن به چشم خوانندگان نخواهند شد. 

حفظ هماهنگي در سراسر مطالب

با مشاهده مجلات و مقالات سايت هاي حرفه اي متوجه مي شويد كه هماهنگي زيادي بين صفحات آن ها وجود دارد. فونت ها يكسان هستند عنوان ها يكسان هستند طرح بندي صفحه اصلي يكسان است. ممكن است تغييراتي در نحوه قرار گرفتن مقالات وجود داشته باشد اما چيز هايي مانند شماره صفحه در يك مكان يافت مي شوند و اغلب تصاوير نيز با يك سبك نشان داده مي شوند. 

ثبات

اين سازگاري اطمينان و آرامش بيشتري خوانندگان خواهد داد و باعث مي شود آن ها از يك صفحه به صفحات بعدي بروند (درست مانند صفحات روزنامه ها و مجلات). اطمينان حاصل كنيد كه چيز هايي مانند سرصفحه، منو ناوبري و ساير عناصر كليدي سايت شما در تمامي صفحات يكسان هستند. همچنين مطمئن شويد كه فونت هاي شما در سراسر سايت سازگار است (نه تنها فونت قلم، بلكه اندازه و سبك هاي مورد استفاده).

تبليغاتي واضح بدون مزاحمت

تبليغات همواره در مقالات خبري به وضوح از محتوا مقاله قابل مشاهده هستند، بدون اين كه از نظر ويراستاري مجزا باشند يا به طور ويژه با عنوان تبليغات مشخص شده باشند. اين موضوع به خاطر كسب اعتماد خوانندگان است. اگر خوانندگان مطمئن نشوند كه محتواي شما مهم است يا نه و شامل چه تبليغاتي است اعتماد آن ها كاهش خواهد يافت. اين در مورد در پست هايي كه توسط اسپانسر ها توليد مي شوند بسيار مهم است و ممكن است خواننده فكر كند كه شما قصد فريب او را داشته ايد. در تصوير زير يك نمونه را مي توانيد مشاهده كنيد:

تصاوير بزرگ بهترين تصاوير هستند

بيشتر مجلات خبري تمايل به استفاده از تصاوير بزرگ دارند. در برخي مقالات نيز دو صفحه كنار هم را مي ببينيم كه توسط يك تصوير بزرگ كاور شده است. همين مورد در وب سايت ها نيز انجام پذير است و اين صفحات به دليل جذابيت بالايي كه دارند، مي توانند بازديد كنندگان بيشتري را جذب كنند. در تصوير زير نمونه اي از اين مجلات را مشاهده مي نماييد:

بلوك هاي متن بزرگ 

اين موضوع ممكن است در ابتدا خيلي واضح نباشد، اما اكثر مجلات در تمام صفحات خود بلوك هاي بزرگي از متن دارند، اما اين بلوك هاي بزرگ متن در اغلب موارد توسط چيزهايي مانند نقل قول ها و يا تصاوير شكسته شده است. 
بنابراين، به جاي اين كه متن سايت را در قسمت هاي بزرگ قرار دهيد، با عناصر تايپوگرافي، تصاوير و حتي تبليغات آن را تجزيه كنيد. حتي چيزهاي ساده اي كه پاراگرافهاي شما را كوتاه كرده يا مطالب سايت خبري شما را به قسمت هاي مختلفي كه داراي هدر هستند، تقسيم مي كنند، تفاوت قابل توجهي را در خواندن مطالب و ايجاد علاقه بيشتر در بازديد كنندگان ايجاد خواهد كرد. 

استفاده از گريد ها

استفاده از ساختار مناسب در طراحي سايت حرفه اي سبب انتقال بهتر مطالب به كاربران خواهد شد. استفاده از انواع گريد ها مي تواند سبب ايجاد يك طرح قدرتمند براي عناصر گردد. اغلب مقالات در ادامه يك گريد قرار مي گيرند، اما در عين حال شما طرح هايي را مشاهده مي كنيد كه عمدا گريد را خراب مي كنند. عناصري مانند تصاوير يا نقل قول ها، ستون ها را از هم جدا مي كنند و علاقه هاي بصري به طرح را افزايش مي دهند.

استفاده از تيزر قوي

كاور روزنامه به عنوان تيزر آن عمل خواهد كرد. وقتي شخصي از يك دكه روزنامه فروشي بازديد مي كند، پوشش يا كاور روزنامه توجه او را جلب خواهد كرد. اين تنها فرصتي است كه اكثر مجلات و روزنامه ها مي توانند براي جذب خواننده بيشتر از آن استفاده كنند. اما نكته مهم اين است كه وب سايت ها معمولا كاور ندارند ولي مي توان از تيزر ها در آن استفاد نمود. بدون داشتن يك تيزر مناسب، اغلب بازديد كنندگان احتمالا بر روي دكمه برگشت مرورگر خود كليك خواهند كرد، درست مانند اين كه يك مجله خبري با پوشش بي اهميت در يك دكه روزنامه فروشي مي بينند. 

نتيجه گيري

در حالي كه امروزه بسياري از اصول طراحي مقالات و مجلات خبري به وب سايت ها اعمال شده است، اما به خاطر داشته باشيد كه اين به معناي استفاده مستقيم از اصول يك زمينه در زمينه اي ديگر نخواهد بود. فكر كردن درباره طراحي شما در اين شرايط سبب خواهد شد تا شما چيز هاي جديد را امتحان كنيد و ايده هاي جديدي را آزمايش كنيد. برخي از آن ها كار خواهند كرد و برخي ديگر نه، اما فراموش نكنيد، يك طراحي خوب هميشه طراحي خوب است.

در اين مقاله قصد داريم برخي اصول درست در طراحي اپليكيشن موبايل را خدمتتان ارائه نماييم، البته ما نمي خواهيم به شما دستورالعملي بدهيم يا بگوييم چگونه طراحي كنيد اما اين جا يك نقطه شروع خوب براي دستيابي به يك طرح مناسب خواهد بود.

اصول كلي

احترام به پلتفرم

ما الگو ها و اجزاي سيستم عامل هاي اندرويد و IOS را كه برنامه هاي ما در آن ها وجود دارند را مستند كرديم. هنگام طراحي اين مدل اپليكيشن ها ابتدا لازم است كه به راهنمايي ها و دستورالعمل هاي سيستم عامل ها مراجعه نماييد تا بتوانيد طرحي با كيفيت را پياده سازي نماييد. به خاطر داشته باشيد كه دستورالعمل هاي اين سيستم عامل ها به صورت مداوم در حال تكامل بوده و سعي كنيد هر از چند گاهي با مطالعه دستورالعمل هاي تازه اطلاعات هود را به روز رساني كنيد.

دستورالعمل رابط كاربري اپل: https://developer.apple.com/ios/human-interface-guidelines

دستورالعمل متريال ديزاين گوگل: https://material.io/guidelines

سود بردن مشتريان

هميشه اولين عامل طراحي خود را سود.و مزيت مشتريان قرار دهيد. از ابزار هاي مشابه استفاده نكنيد، هر چند در برخي از موارد استثنا هايي براي استفاده از آن ها وجود دارد. در بعضي موارد نياز به طراحي جديد نيست و شما مي توانيد از الگو و ابزار هايي كه قبلا استفاده كرديد براي ويژگي هاي ديگر نيز مجددا استفاده نماييد. الگو هاي طراحي مانند يك سيستم ما را راهنمايي مي كنند. هميشه از خودتان اين سوال را بپرسيد: " اين طرح چه سودي براي مشتريان دارد؟ "

درباره دستگاه فكر كنيد

ابتدا درباره قابليت هاي دستگاه مد نظر خود فكر كنيد (قابليت هايي مانند لمس كردن، صدا، فشردن، شتاب سنج، مكان ياب و غيره). طراحي شما حول دستگاه، سيستم عامل و تجربه كاربري خواهد بود. چگونه مي توان از ويژگي هاي اين دستگاه در محصولات خودمان استفاده كرد؟ دستگاه تلفن همراه چه مزيت هايي را فراتر از صفحه نمايش مقابل كاربران براي آن ها خواهد داشت؟

مقياس پذيري را در ذهن داشته باشيد

به خاطر داشته باشيد كه يك دستگاه تلفن همراه فقط يك گوشي نيست. مقياس پذيري در بين دستگاه ها، مخصوصا موبايل ها و تبلت ها هميشه يك چالش مهم براي طراحان بوده است. برخي از سوالاتي كه ممكن است ايجاد شوند را در اين جا آورده ايم:

آيا طراحان وب و طراحان تبلت ها با هم برابر هستند؟ آيا مي توان از الگو هاي طراحي موبايل در تبلت ها نيز استفاده نمود؟ 

براي پاسخ به اين سوالات مي توان گفت: تحقيقات نشان داده اند كه با اين كه تبلت ها و تلفن هاي همراه شباهت هاي زيادي با هم دارند اما كاربران بسيار متفاوت از آن ها استفاده مي كنند.

الگوها و دستورالعمل ها 

انتقال بين صفحات 

يكي از مهم ترين جنبه هايي كه سبب هدايت محتوا در دستگاه هاي موبايل مي شود، انتقال بين صفحات است. دو سوال اين جا ايجاد مي شود:

چه زماني بايد صفحه نمايش از سمت راست به چپ (push) حركت كند؟ چه زماني بايد صفحه نمايش از پايين به بالا (modal) حركت كند؟ 

ما استفاده از روش هاي زير را توصيه مي كنيم:

حركت صفحه نمايش از سمت راست به چپ (push) معمولا براي نمايش صفحات جديدي است كه در بالاي صفحه قبلي قرار دارد. معمولا يك دكمه برگشت وجود دارد كه كاربر مي تواند با استفاده از آن آخرين صفحه اي را كه مشاهده كرده، ببيند. براي صفحاتي مانند جزئيات تراكنش ها، يا ليست ها از اين روش استفاده مي كنيم. 

حركت صفحه نمايش از پايين به بالا (modal) معمولا براي انتخاب، ويرايش محتوا يا داده هاي ورودي مورد استفاده قرار مي گيرد. تمامي فرم هاي تراكنش ها از (modal) استفاده مي كنند. اين صفحات اغلب داراي عناويني مانند لغو، انجام يا ذخيره هستند. بنابر اين هنگامي كه شما " ذخيره"  را لمس كنيد، يك صفحه نمايش به صورت (push) نمايش داده مي شود، زيرا شما محتواي ذخيره شده را مشاهده مي كنيد و در حال ويرايش آن نيستيد. 

تماس با اكشن ها

در اين جا سوال مهمي وجود دارد: براي تماس با اكشن ها از دكمه ها استفاده كنيم يا لينك متني؟ 

در هر دو دستورالعمل طراحي iOS و اندرويد، استفاده از متن به جاي دكمه ها توصيه شده است. در هر صورت من فكر مي كنم هنگامي كه ما از متني استفاده مي كنيم كه داراي يك فونت خاصي است و يك بك گراند روشن يا تيره دارد، ما از يك فرصت بزرگ براي تركيب عناصر برند مانند رنگ سبز اكوسيستم يا خطوط هنري استفاده مي كنيم.

صفحات خالي

صفحه نمايش خالي اولين چيزي است كه كاربراني كه تازه برنامه ما را نصب كرده اند با آن مواجه خواهند شد. اين صفحه معمولا شامل يك تصوير، يك توضيح مختصر و لينك تماس با اكشن ها است. يك روش رايج، استفاده از متن خاكستري در يك پس زمينه روشن است. قبل از استفاده، با استفاده از تجزيه و تحليل رنگ هاي پيش زمينه و پس زمينه مطمئن شويد كه متن در دسترس و قابل خواندن است. 

اكشن شيت ها

طبق قائده كلي طراحي صفحات موبايل: هر وقت كه اكشن هاي متعددي در دست اقدام بود، مي توان از اكشن شيت ها استفاده نمود.

كارت ها يا Tiles

يك كارت ابزاري است كه به صورت يك محتوا مستطيلي براي نمايش مقادير مشخصي از اطلاعات عمل مي كند. بر اساس ظاهر و استفاده دو نوع كارت وجود دارد: اشكن كارت و اينفو كارت.

ديالوگ ها

ما از پنجره هاي ديالوگ براي هشدار هاي بحراني، هشدارهاي مربوط به مجوزها، هشدارهاي مسدود كننده سيستم، و غيره استفاده مي كنيم. كلمه كليدي "هشدار" است. توجه داشته باشيد كه براي اقداماتي كه به اين موارد مربوط نيست، ما سعي مي كنيم از اكشن شيت ها استفاده كنيم.

فونت ها

قانون كلي براي ديزاين هاي تلفن هاي همراه استفاده از فونت هاي سيستمي است. اما گاهي ما نياز داريم كه برند و نام تجاري خود را استفاده نماييم. ما براي هدر ها از فونت هاي خودمان استفاده مي كنيم اما براي متن هاي معمولي و متن هاي درون دكمه ها از فونت هاي سيستمي استفاده مي نماييم. 

توگل ها

توگل سوئيچ ها براي هدايت عمليات هاي باينري (به عنوان مثال چرخش چيزي در حالت خاموش و روشن) مورد استفاده قرار مي گيرند. با استفاده از آن ها كاربر مي تواند يك پروسه را فعال يا غير فعال كند.

در پايان بايد گفت كه اين موارد فقط چند نكته براي شروع كار و سرعت بخشيدن به روند طراحي اپليكيشن هاي موبايل بود. شما مي توانيد با استفاده از غرايز خود طرح هاي زيبايي را پياده سازي كنيد، اما به خاطر داشته باشيد كه به سيستم ها احترام بگذاريد، به منافع مشتريان خود فكر كنيد و اول به دستگاه و مقياس پذيري آن فكر كنيد.

 

امكانات فيس بوك

درآمد فيسبوك

بيشتر درآمد فيسبوك از تبليغات است. در سمت راست هر صفحه شاهد تبليغاتي هستيم كه فيسبوك به ازاي هر كليك بر روي آنها، هزينه اي از سفارش دهنده تبليغ دريافت ميكند. اين هزينه، بر اساس مخاطبان متفاوت است. براي مثال، اگر مخاطبان تبليغ از ايالات متحده آمريكا و بالاي 18 سال سن داشته باشند، هر كليك

روي تبليغ 1.45 دلار هزينه خواهد داشت! كافيست روي يكي از همين تبليغ هاي سمت راست كليك كنيد تا 1-2 دلار از جيب صاحب تبليغ بكاهيد و به حساب فيسبوك بريزيد.

 آل پاچينو، نخستين چهره فيسبوكي

كاربران قديمي فيس بوك حتما چهره آل پاچينو را به خاطر دارند كه در ابتداي ورودشان به اين شبكه اجتماعي به آنها خوشامد مي گفت. البته اين چهره مدت هاست كه ديگر در فيس بوك ظاهر نمي شود و طبيعي است كه بسياري از كاربران چهره او را نديده باشند و با آن خاطره نداشته باشند.

 

 ساندويچ همبرگر پاداش حذف دوستان فيسبوكي

يك شركت توليد برگر در ژانويه 2009 اعلام كرد كه هر كس 10 نفر از دوستان خود در فيس بوك را حذف كند، از طرف اين شركت يك ساندويچ برگر رايگان جايزه مي گيرد.

جالب است بدانيد كه بسياري از مردم با شنيدن اين خبر با كمال ميل 10 نفر از دوستانشان را حذف كردند، چون به باور آنها دوستي ارزشمند تر است، اما برگر رايگان از آن هم ارزشمندتر است!

 

تازه ترين اطلاعات آماري از فيسبوك

بي شك آنكه يكي از بهترين راه ها براي افزايش فروش اينترنتي، افزايش بازديد كنندگان از سايت است؛ البته وب سايت شما بايد به درستي طراحي شده باشد و مشتري را متقاعد به خريد نمايد. اما اين كار چگوه انجام مي پذيرد؟

خبر خوب آن است كه خرده فروشان آنلاين اهرم هايي دارند كه براي اين راهبرد بايد گرد هم بيايند. اين يك راهنماي عملي است، كه به ما كمك مي كند كه اين اهرم ها را بشناسيم و بهينه سازي سايت را با كمك آنها عملي كنيم و در نهايت ترافيك فروش را بالا ببريم.

1- افزايش ميزان ديده شدن در موتور هاي جستجو

اين روزها موتورهاي جستجو نخستين جايي است كه بيشتر مردم زماني كه بدنبال خريد آنلاين يك كالا مي گردند به آن سر مي زنند و بدون شك اين نخستين جايي است كه بايد بدنبال مشتريان آنلاين تازه خود باشيد. اگر بازاريابي آن است كه در زمان مناسب در جاي مناسب باشيم بي شك موتورهاي جستجو اين توانايي را به شما مي دهند كه آن را انجام دهيد.

در هرحال اگر براي تبليغ خود با بهره گيري از كلمات كليدي پولي پرداخت مي كنيد و يا فروشگاه اينترنتي خود را براي موتورهاي جستجو بهينه مي كنيد راه اشتباهي نرفته ايد و بي شك پاسخ آن را دريافت مي كنيد.

2- ايجاد محتواي چشمگير

يكي از راه هاي خوبي كه مي توانيد تعداد بازديدهاي خود را با آن افزايش دهيد و مشتريان تازه اي داشته باشيد اين است كه آن ها را جذب محتواي موردپسندشان كنيد كه كالا يا خدمات شما را نيز دربر مي گيرد. براي اين كار بايد تصور مناسبي از بازار هدف خود داشته باشيد، بنابراين كمتر مانند يك خرده فروش بيانديشيد و بيشتر مانند يك عمده فروش فكر كنيد.

درباره بازاري كه مي خواهيد كالايتان را در آن بفروشيد فكر كنيد، مانند يك كارشناس بازار فكر كنيد و قدرت كلمات را باور داشته باشيد و به مكان مناسبي كه بايد در آن تبليغ كنيد فكر كنيد و ببنيد مردم چه مي خواهند؟

3- نفوذ بيشتر در رسانه هاي اجتماعي

زماني كه محتواي چشمگير خود را ايجاد كرديد نياز داريد تا آن را با ديگران به اشتراك بگذاريد و به آن ها نشان دهيد كه چه محتواي چشمگيري توليد كرده ايد، بنابراين بايد با مشتريان و مخاطبين خود ارتباط برقرار كنيد. هيچ راهي بهتر و موثرتر از شبكه هاي اجتماعي و دنبال كنندگان آن ها پيدا نمي كنند، آن ها براي خواندن و به اشتراك گذاشتن محتواي شما پايه اند! شك نكنيد.

Face Book, Twitter, You Tube, Stumble Upon شبكه هايي مانند  از قدرتمندترين شبكه هاي اجتماعي اينترنتي اي هستند كه در گوشي هاي هوشمند نيز جاي گرفته اند، برپايه پژوهش هاي انجام شده شبكه اجتماعي فيسبوك برترين اجتماعي است كه يك خرده فروش براي جذب مشتريان و افزايش آن ها در اختيار دارد. فيسبوك براي اشخاص حقوقي و برندها امكان ايجاد يك صفحه تجاري را فراهم كرده است. به فيسبوك به عنوان شعبه اي از فروشگاه اينترنتي خود استفاده كنيد.

4- توسعه تبليغات  چاپي و آن لاين

راه هاي آنلاين و آفلاين بسياري براي تبليغ كالاي خود در اختيار داريد، راه هايي كه برخي چنان توسعه اي را براي كسب و كار اينترنتي شما فراهم مي كنند كه شايد يك شبه ره صد ساله رويد. پس بودجه اي را براي تبليغات محيطي يا تبليغات بنري يا نوشتاري آنلاين كنار بگذاريد، اگر كسب و كار شما دندانگير باشد پشيمان نمي شويد. Google Display Network آشنا شويد، GDN امكان اين را به شما مي دهد تا تبليغات خود را در Google Adwords قرار دهيد، آن را مديريت كنيد، بهينه اش كنيد، هدفمند عمل كنيد و بازخوردهاي خود را ارزيابي كنيد. 

5- عضو شدن در شبكه هاي معرفي

سايت هايي كه با گرفتن مبالغي ترافيك فروشگاه اينترنتي شما را بالا مي برند. اين وب سايت ها برپايه قانون پرداخت به ازاي بازديدكننده (Cost Per Acquisition – CPA) كار مي كنند، مزيت نسبي اين روش ريسك پايين هزينه تبليغ به ازاي باخورد است، يعني شما به ازاي بازخوردي كه داريد پول پرداخت مي كنيد هرچند نبايد انتظار داشته باشيد همه ترافيكي كه به سمت وب سايت شما سرازير مي شود مشتريان شما باشند.

6- استخدام بازارياب با مهارتهاي لازم

براي مديريت برند آنلاين خود يك بازارياب اينترنتي استخدام كنيد، بازارياب هايي كه دنياي مجازي را به خوبي مي شناسند و به زبان وب سخن مي گويند، شبكه هاي اجتماعي را به تسخير خود در مي آورند، توييت مي كنند، استاتوس مي گذارند يا وبلاگ مي نويسند، در وب جستجو مي كنند و با اصول بهينه سازي موتورهاي جستجو به خوبي آشنا هستند.

منبع: سايت پيك پك

طراحي و مديريت فروشگاه هاي اينترنتي مي تواند بسيار آسان تر و ارزان تر باشد اما چگونه مي توانيم مطمئن شويم نتيجه آن يك موفقيت بزرگ خواهد بود؟ در اين مقاله توصيه هايي براي كارآفرينان دنياي اينترنت ذكر شده است:

امروزه دستگاه هاي موبايل و تبلت ها فرآيند خريد محصولات را دستخوش تغييراتي كرده اند. شما مي توانيد هر چيزي را كه مد نظرتان هست، از يك پيتزا گرفته تا يك صندلي چرخ دار را از طريق فروشگاه هاي اينترنتي به راحتي خريداري نماييد. به خاطر همين سادگي ها، فروشگاه هاي اينترنتي آنلاين به سرعت در حال گسترش و ظهور هستند. 

خيلي از افراد اعتقاد دارند كه طراحي فروشگاه اينترنتي آنلاين كار آساني است. كافي است شما يك دامنه و فضاي ميزباني تهيه كنيد، با استفاده از يك سيستم مديريت محتوا مناسب و تركيب تم ها به خواسته خود دست يابيد. اما حقيقت امر اين طور نيست. طراحي يك فروشگاه اينترنتي خوب كار بسيار سختي است و دست يابي به موفقيت و كاربر پسند نمودن آن حتي كار را سخت تر هم خواهد كرد. در زير به بررسي نكاتي مي پردازيم كه شما با استفاده از آن ها مي توانيد صاحب يك فروشگاه آنلاين موفق شويد. 

صفحه اصلي

صفحه اصلي چهره شركت شما است، پس بايد خوانايي بالايي داشته باشد و به وضوح قابل درك باشد. مشتريان شما به زمان خود اهميت بسيار زيادي مي دهند، پس سعي نكنيد كه براي معرفي محصولات و خدمات فروشگاه خود آن ها را معطل كنيد. تلاش كنيد در كوتاه ترين زمان ممكن مهم ترين اطلاعات را به مشتريان خود انتقال دهيد. در صفحه اصلي درباره چگونگي پيدايش فروشگاه اينترنتي خود يا تعداد مديران فروش فعال در فروشگاه اينترنتي صحبتي نكنيد و اين مطالب را به قسمت درباره ما انتقال دهيد. البته اين در شرايط عمومي است، هر چند ممكن است استثنائاتي نيز وجود داشته باشند.

در اينجا تصويري از يك فروشگاه اينترنتي را مشاهده مي كنيد. همانطور كه مي بينيد، اطلاعات بي اهميتي وجود ندارد و شما مي توانيد آن چه را كه فروشگاه ارائه مي دهد در چند ثانيه درك كنيد. 

يك صفحه اصلي خوب به صفحات موجود در دسته بندي ها لينك مي دهد تا ناوبري سايت آسان تر شود و از نظر تجربه كاربري نيز مناسب خواهد بود. گاهي اوقات ممكن است شما قصد قرار دادن بنر هاي تبليغاتي يا پيشنهادات ويژه را داشته باشيد كه مي توانيد آن ها را در صفحه اصلي قرار دهيد. استفاده از ******** آنلاين براي پاسخ گويي سريع به سوالات مشتريان نيز يكي از روش هاي افزايش رضايت كاربران شما خواهد بود.

دسته بندي صفحات

براي يك لحظه فروشگاه اينترنتي آنلاين خود را به عنوان فروشگاه آفلاين در نظر بگيريد؛ صفحات قسمت دسته بندي شما مانند بخش هاي كوچكتر در آن هستند و به مشتريان شما نشان مي دهند كه چه چيزي در قفسه هاي فروشگاه شما وجود دارد: محل عكس ها، گزينه افزودن به سبد خريد و برخي اطلاعات مفيد  (توضيحات كوتاه، امتياز، و غيره). شما همچنين مي توانيد گزينه هاي مرتب سازي (پرفروش ترين محصولات، بررسي تعداد، قيمت، جديدترين، و غيره) را هم در دسته بندي هاي خود لحاظ كنيد.

به عنوان مثال در فروشگاه اينترنتي زير آپشن هاي زيادي در اختيار مشتريان قرار داده شما تا آن ها بتوانند به سرعت محصول مورد نظر خود را پيدا كنند.

سعي كنيد بسته به محدوده محصول شما و مشتريان خود از بهترين رويكرد براي عرضه محصولات خود به مشتريان استفاده كنيد. 

صفحه محصول

يك مشتري صفحات وب سايت شما را پيمايش مي نمايد تا به يك صفحه محصول برسد. قصد او اين است كه محصول مورد علاقه خود را پيدا كند كه احتمالا قصد خريد آن را خواهد داشت. تصميم نهايي او به شدت به كيفيت و كميت اطلاعاتي كه شما ارائه مي دهيد بستگي دارد. اما به اين معنا نيست كه شما توصيف 1000 كلمه اي براي محصولات خود بنويسيد. شما بايد اطلاعات مربوط به محصول را به طوري سازگار و سازمان دهي شده به مشتري نشان دهيد.

 در زير اجزاي اصلي صفحه محصول را بررسي مي كنيم:

تصاوير: مردم هنگام خريد از سوپر ماركت ها به دقت محصول، رنگ، شكل و بسته بندي آن را بررسي مي كنند، اما آن ها نمي توانند اين كار ها را در فروشگاه هاي اينترنتي انجام دهند. شما بايد اين شكاف را از بين ببريد. به همين جهت سعي كنيد از تصاوير با كيفيت استفاده كنيد و قابليت هايي مانند انتخاب رنگ محصول و زوم كردن را نيز براي آن قرار دهيد.

توضيحات: شما مي توانيد يك توضيح كوتاه براي بررسي كلي محصول و يك توضيح بلند شامل اطلاعات فني محصول را ارائه دهيد. 

قيمت: اغلب فروشگاه هاي اينترنتي آنلاين قيمت محصولات را نشان مي دهند و جاي تعجب هم ندارد. هيچ كسي براي خريد محصولي كه قيمت آن را نمي داند ريسك نخواهد كرد. اگر محصولي شامل تخفيف مي شود، بهتر است اطلاعات آن را با مقايسه قيمت فروش آن با قيمت كنوني ارتقاء دهيد.

افزودن به سبد خريد: بياييد صادق باشيم، هدف اصلي شما اين نيست كه طرح، عكس يا هر چيز ديگري را نشان ندهيد. هدف اصلي شما فروش است. بنابراين يك گزينه خريد به صورت برجسته در سايت خود قرار دهيد. علاوه بر اين، شما مي توانيد گزينه هاي "افزودن به ليست مقايسه" و "افزودن به ليست علاقه مندي ها" را هم نمايش دهيد.

وقتي يك مشتري يك محصول را خريداري كرد، اين بسيار عالي است كه محصولات بيشتري را براي خريد به او پيشنهاد دهيد. بنابراين هدف شما در اينجا اين است كه محصولات بيشتري را ارائه دهيد كه با سليقه مشتري شما منطبق باشد. شما مي توانيد محصولات مرتبط را براي خريد به او پيشنهاد دهيد. اين تكنيك مي تواند مقداري سفارش در فروشگاه شما را افزايش دهد.

پيشنهادات ويژه و تبليغاتي

خوب، بياييد تصور كنيم كه شما در حال حاضر يك سايت با صفحات معتبر، دسته ها و محصولات داريد. حالا شما نياز به جذب مشتري داريد و بايد طرح بازاريابي و تبليغات خود را شروع كنيد. استفاده از صفحات فرود، كد هاي كپن و حتي بازي ها مي تواند در اين زمينه كمك زيادي به شما كند.

براي مثال، در اينجا تصويري از يك صفحه با شمارش معكوس مشاهده مي نماييد. اين يك راه حل بسيار خوب براي فروش محصولات از طريق ايجاد حس اضطرار در مشتريان خواهد بود. 

پيگيري و تجزيه و تحليل

وقتي شما زمان و هزينه زيادي را صرف فروشگاه اينترنتي خود كرده ايد، قطعا مي خواهيد بفهميد كه تاثير آن روي كاربران شما به چه صورتي بوده است. ساده ترين راه براي دريافت اين اطلاعات، استفاده از Google Analytics مي باشد. امروزه ابزار هاي حرفه اي زيادي براي تجزيه و تحليل وبسايت شما وجود دارند (مانند سايت ahrefs.com و سايت semrush.com) كه استفاده از آن مي تواند كمك زيادي به بهبود وضعيت وب سايت شما نمايد.

آيا اين همه تلاش ارزشش را دارد؟

يك پاسخ ساده وجود دارد: بله فروشگاه شما مانند يك جوانه است؛ شما بايد از آن مراقبت كنيد، آن را آب بدهيد و آن را تغذيه كنيد. يك روزي كار سخت شما به درخت شكوفايي مي انجامد كه ميوه ها را به طور منظم تحويل مي دهد!

طراحي سايت و سئو پايگاه خبري 19دي آنلاين از جمله سايت هاي خبري فعال در زمينه پوشش اخبار ايران و جهان مي باشد و همچنين اين پايگاه داراي روزنامه سراسري بوده كه هر روز به چاپ ميرسد. اين وب سايت به زبان فارسي با جديدترين متد طراحي و سئو سايت توسط شركت نوپرداز اجرا و پياده سازي شده است. استفاده از گرافيك ظاهري كاربر پسند و تجربه كاربري از ديگر مزاياي اين سايت محسوب مي شود.

از ديگر ويژگي هاي اين وب سايت استفاده از سيستم سي پنل اختصاصي سايت هاي خبري بوده كه امكان كار با آن نيز بسيار آسان است. از ويژگي هاي اين سيستم امكان ايجاد و ويرايش اخبار و دسته بندي آن ها همراه با تصوير و استفاده از سيستم هاي همگام سازي وب سايت با ايميل و ساير شبكه هاي اجتماعي مي باشد. 

شركت نوپرداز تلاش دارد تا با ارائه دادن خدمات سئو، بهينه سازي وب سايت در موتور هاي جستجو و پشتيباني 24 ساعته سبب آرامش خاطر مشتريان گردد. كليه مراحل تحليل و آناليز وب سايت، آناليز كلمات كليدي، طراحي قالب گرافيكي و برنامه نويسي سايت به صورت كاملا اختصاصي توسط شركت نوپرداز اجرا گرديد و پس از ورود اطلاعات آپلود شد.

منبع: طراحي سايت خبري نوپرداز