طراحي سايت، سئو، طراحي فروشگاه اينترنتي

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. سبك اجزاي css

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

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

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

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

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

منبع:بررسي فريم ورك هاي بوتسترپ و فانديشن در طراحي سايت

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

يك پس زمينه قوي ايجاد كنيد

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

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

روشهاي پرطرفدار استفاده از رنگ در طراحي وب

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

روشهاي پرطرفدار استفاده از رنگ در طراحي وب

ايجاد يك بيانيه

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

روشهاي پرطرفدار استفاده از رنگ در طراحي وب

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

روشهاي پرطرفدار استفاده از رنگ در طراحي وب

كمك به محتوا با استفاده از رنگ

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

روشهاي پرطرفدار استفاده از رنگ در طراحي وب

ايجاد رنگ انفجاري و اضافه كردن شخصيت

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

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

روشهاي پرطرفدار استفاده از رنگ در طراحي وب

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

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

روشهاي پرطرفدار استفاده از رنگ در طراحي وب

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

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

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

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

دلايل استفاده از سايت خبري

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

ويژگي هاي صفحات سايت خبري

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

برترين سايت هاي خبري دنيا

• سايت خبري CNN متعلق به كشور آمريكا
• شبكه خبري BBC متعلق به كشور بريتانيا
• سايت خبري فرانس 24 وابسته به كشور و دولت فرانسه
• شبكه خبري فاكس نيوز وابسته به ايالات متحده آمريكا
• سايت خبري پرس تي‌ وي وابسته به جمهوري اسلامي ايران

برترين سايت هاي خبري ايران

• سايت خبري تابناك 
• خبر گزاري فارس 
• سايت خبر آنلاين 
• وب سايت خبري عصر ايران 
• سايت خبر گزاري مهر

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

با افزايش محبوبيت و پيشرفت تكنولوژي، طراحي وب سايت كاربردي و جذاب براي هر كسب و كاري ضروري به نظر مي رسد. فرآيندي كه از آن طريق يك وب سايت مناسب، اپليكيشن هاي موبايل يا سيستم هاي مشابه ايجاد مي شوند، به عنوان توسعه وب سايت شناخته مي شوند. يكي از جنبه هاي كامل تر توسعه وب سايت، برنامه نويسي وب است كه به كمك زبان هاي برنامه نويسي به دست مي آيد. زبان هاي توسعه وب سايت، پلتفرم هايي هستند كه دستور العمل ها و اقدامات براي ارتباط با يك ماشين را ايجاد مي كنند. در اين مقاله ما بيشتر به 1) توسعه وب و زبان هاي برنامه نويسي و همچنين 2) بررسي محبوب ترين زبان هاي برنامه نويسي در دنيا خواهيم پرداخت. 

توسعه وب سايت: مقدمه

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

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

يك زبان برنامه نويسي به طور كلي به دو جزء تقسيم مي شود كه شامل معنا شناسي و نحو است. نحو يا همان سينتكس (syntax) به معني نگارش و قرار گيري كلمات به صورت درست در نوشته ها مي باشد. Sematics يا معنا شناسي در واقع مفهومي است كه به ساختار هاي نحوي زبان مي دهيم. مثلا جمله "علي به مدرسه رفت" از نظر نگارشي درست است و قواعد هم به درستي رعايت شده است ولي جمله "علي رفت به مدرسه" اشكال نحوي يا Syntax دارد چون در زبان فارسي محل قرار گرفتن فعل در آخر جمله است.

ويژگي هاي يك زبان برنامه نويسي

در زير سه ويژگي اصلي زبان هاي برنامه نويسي كه شما بايد بدانيد توضيح داده ايم:

• انتزاع (Abstractions): اكثر زبان هاي برنامه نويسي داراي قوانين خاصي هستند كه به ما كمك مي كنند ساختار داده ها را تعريف يا علامت گذاري كنيم و همچنين نحوه اجراي دستورات را كنترل كنيم. اين قوانين به صورت انتزاعي به كار رفته است. اصل انتزاع در بعضي موارد به عنوان توصيه هايي است كه به يك برنامه نويس وب داده شده، تا بتواند به درستي از انتزاع ها استفاده نمايد.
• تابع و هدف (Function and target): هنگام استفاده از يك زبان برنامه نويسي، علاوه بر انجام كد نويسي خود شما به ابزار هايي نياز داريد كه از طريق آن ها سيستم كامپيوتري بتواند الگوريتم ها را كنترل كند و محاسبات را انجام دهد. كامپيوتر همچنين كنترل دستگاه هاي خارجي مرتبط با آن مانند چاپگر، روبات و غيره را در اختيار دارد. بنابراين تعريف كامل زبان برنامه نويسي شامل يك توضيح يا يك دستگاه يا پردازنده اي است كه براي آن زبان ايده آل شده است. اين يكي از دلايلي است كه چرا زبان هاي برنامه نويسي با زبان هاي انساني تعامل متفاوت هستند!
• قدرت بيان (Expressive power): زبان هاي برنامه نويسي اغلب بر اساس محاسباتي كه توانايي انجام آن ها را دارند دسته بندي مي شوند. اين قدرت بيان يكي ديگر از ويژگي هاي زبان هاي برنامه نويسي است كه از اهميت بالايي برخوردار است.

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

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

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

محبوب ترين زبان هاي برنامه نويسي

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

1. jаvascript
2. Java
3. Python
4. CSS
5. PHP
6. Ruby
7. C++
8. C
9. Shell
10. C#
11. Objective C
12. R
13. VimL
14. Go
15. Perl

حال به بررسي جزئيات بيشتري درباره برترين زبان هاي برنامه نويسي مي پردازيم:

جاوا اسكريپت

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

يكي از بهترين چيزهايي كه در مورد جاوا اسكريپت براي شما به عنوان يك توسعه دهنده يا صاحب وب سايت وجود دارد، اين است كه جاوا اسكريپت يكي از چند زبان برنامه نويسي است كه توسط همه مرورگرهاي بزرگ بدون نياز به كامپايلرها يا افزونه ها پذيرفته شده و پشتيباني مي شود. همچنين مي تواند در سيستم عامل هايي كه مبتني بر وب نيستند، مانند ويدجت دسكتاپ كار كند. همچنين جاوا اسكريپت از سبك هاي برنامه نويسي تابعي (functional) و شي گرا (object-oriented) پشتيباني مي كند.

جاوا

جاوا يكي ديگر از زبان هاي برنامه نويسي بسيار محبوب و گسترده است كه مي توانيد از آن براي توسعه وب سايت ها استفاده نماييد. اين زبان شي گرا، مبتني بر كلاس ها و سنكرون است كه توسط Sun Microsystems در دهه 1990 توسعه داده شد. از آن به بعد، زبان جاوا بيشترين زبان مورد استفاده است كه همچنين به عنوان يك پلتفرم استاندارد براي شركت ها و چندين توسعه دهنده موبايل و بازي در سراسر جهان كار مي كند. برنامه طراحي شدهتوسط جاوا در سراسر انواع مختلف سيستم عامل ها كار مي كند. اين بدان معني است كه اگر يك برنامه در سيستم عامل Mac نوشته شده باشد، مي تواند بر روي سيستم عامل هاي مبتني بر ويندوز نيز اجرا شود.

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

• اين زبان بايد يك زبان برنامه نويسي امن و قوي باشد
• اين زبان بايد يك زبان شي گرا و ساده باشد.
• اين زبان بايد قادر به اجرا با كارايي بالا باشد.
• اين زبان بايد به صورت چند نخي، پويا و تفسير شده باشد.
• اين بايد قابل انتقال و معماري بي طرف (architecture-neutral) باشد. (جاوا براي پشتيباني از برنامه هاي كاربردي در شبكه طراحي شده است. به طور كلي، شبكه ها از انواع مختلفي از سيستم هاي مختلف با معماري CPU و سيستم عامل تشكيل مي شوند. براي فعال كردن يك برنامه جاوا براي اجرا در هر نقطه از شبكه، كامپايلر يك قالب پرونده شئ معماري را توليد مي كند، كد كامپايل شده در بسياري از پردازنده ها قابل اجرا است. توليد نرم افزاري كه روي تمام سيستم عامل ها اجرا مي شود تقريبا غيرممكن است. با جاوا، همان نسخه از برنامه در تمام سيستم عامل ها و پلتفرم ها اجرا مي شود.)

پايتون

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

پايتون يك زبان سطح بالا و پيشرفته است كه يادگيري و درك آن براي مبتديان آسان خواهد بود. برخي از برنامه هايي كه توسط پايتون طراحي شده اند Rdio، Instagram و Pinterest هستند. علاوه بر اين، برخي از پلتفرم هاي ديگر كه توسط پايتون پشتيباني مي شوند، جانگو، گوگل، ناسا و ياهو و غيره هستند. برخي از ويژگي هاي ديگر اين زبان عبارتند از: مديريت خودكار حافظه، كتابخانه بزرگ، سيستم پويا و حمايت از بسياري از پارادايم ها.

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

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

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

۱- گرافيكهاي با حجم خيلي زياد.
۲- گرافيكهاي با حجم فوق العاده كم.
۳- تعداد زيادي انيمشن.
۴- استفاده از كدهاي جاوا اسكريپت بي مورد.
۵- نشانه ها و لينكهايي در سايت كه به آنچه وجود نداردو در حال ساخت است اشاره مي كند.
۶- انتخاب رنگ نامناسب.
۷- اشكالات املايي و دستوري.
۸- متنهاي خيلي كوتاه.
۹- متنهاي خيلي بلند.
۱۰- صداهايي كه به طور اتوماتيك اجرا مي شوند.
۱۱- لينكهاي شكسته (لينكهايي كه به هيچ صفحه عكس يا فايلي ختم نمي شوند).
۱۲- فضاهاي خالي خيلي زياد بين قسمتهاي مختلف.
۱۳- فضاهاي خالي خيلي كوچك بين قسمتهاي مختلف.
۱۴- استفاده از اختصارات بي مورد در جمله مثلأ U براي You در قسمتهاي مختلف سايت.
۱۵- فريم هايي كه به طور افقي يك تكه از صفحه را اشغال مي كنند.
۱۶- يك صفحه طولاني بدون پاراگرافهاي لازم.
۱۷- تعداد زيادي Banner هاي تبليغاتي.
۱۸- سرعت پايين Server يا صفحه طولاني و حجيم.

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

سايت منبع

طبق تحقيقاتي كه كارشناسان انجام داده اند، پيش بيني مي شود تا سال 2021، فروش جهاني فروشگاه هاي اينترنتي به بيش از 4.48 تريليون دلار افزايش يابد كه بيشتر از دو برابر ميزان سال 2017 مي باشد. هنگام طراحي فروشگاه اينترنتي اگر به يك سري قوانين و استراتژي هاي UX و UI توجه داشته باشيد، اين امر مي تواند فروش بيشتر محصولات شما را در پي داشته باشد. روند خريد كاربر از فروشگاه اينترنتي شما اگر به درستي اجرا گردد، سبب خريد بيشتر از فروشگاه خواهد شد. روند كلي كشف و خريد كالا از وب سايت شما شامل مراحل زير است: 

• كشف وب سايت
• جستجوي محصولات
• صفحه محصول
• سبد خريد
• وارسي محصولات
• تاييد سفارش

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

كشف وب سايت 

برند بايد به وضوح قابل مشاهده باشد

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

اطلاعات CTA

CTA مخفف عبارت Call To Action مي باشد كه براي تشويق و جذب كاربران براي انجام عمل خاصي است. هنگامي كه بازديد كنندگان به صفحه اصلي وب سايت شما وارد مي شوند، با استفاده از محتوايي به موقع به آن ها احترام بگذاريد و از اطلاعات CTA جاي درست استفاده كنيد. بعنوان مثال با استفاده از بنر هاي بزرگ براي يك رويداد خاص همراه با يك CTA مناسب مي توانيد كاربران را به مرحله بعدي در فرآيند خريد منتقل نماييد. هنگام ايجاد CTA ها، عبارات عمومي مانند «شروع كنيد» كه به آن ها اطلاعاتي درباره مرحله بعد نمي دهد را حذف كنيد.

به عنوان مثال وب سايت زير از يك CTA شامل عبارت «هداياي فروشگاه» استفاده كرد كه به كاربران پيشنهاداتي براي خريد هدايا مي دهد.

استفاده از صفحات فرود براي سئو

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

جستجوي محصولات

جستجوعمومي در صفحات سايت

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

افزايش تمايل به خريد در بازديد كنندگان

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

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

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

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

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

صفحه محصول

اقدامات مهم را واضح نمايش دهيد

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

ارائه اطلاعات دقيق محصول

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

كسب اعتماد مشتريان

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

ايجاد اثبات اجتماعي

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

سبد خريد

نمايش خلاصه سفارش

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

وارسي محصول

دسترسي دادن به كاربران مهمان 

اجازه دهيد كاربران به عنوان مهمان وارسي محصول مورد نظر خود را انجام دهند. موانع اضافي مانند ايجاد يك حساب كاربري يا گزينه ورود را حذف كنيد. 

بازخورد در طول فرايند پرداخت

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

استفاده از روش هاي پرداخت متداول

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

تاييد سفارش

نمايش تأييد سفارش دقيق پس از خريد

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

ارسال سفارش و به روز رساني مراحل از طريق ايميل

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

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

منبع: طراحي فروشگاه اينترنتي

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

فصل يك، قسمت دوم

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

۱- فروشگاه اينترنتي ديجي كالا:

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

۲- فروشگاه چاره

چاره يك فروشگاه همه كاره است، تقريباً هرچيزي كه در فروشگاه هاي بزرگي مثل هايپراستار ميبينيد در چاره هم پيدا مي‏شود. طراحي ديداري سايت، مناسب و همه فهم است. جستجوي سايت كاربردي و منوي سمت راست، شامل تمام دسته بندي فروشگاه مي باشد. به ادعاي خود فروشگاه، بيش از ۲۸۰۰۰ كالا در فروشگاه موجود است.

۳- يك تماس

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

۴- البسكو دات كام

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

۵- فروشگاه اينترنتي تهران كالا

اين فروشگاه، بيشترين تمركز خود را روي لوازم خانگي گذاشته است، تقريباً از فروشگاه هاي قديمي ايراني محسوب مي شود. طراحي واسط خيلي قديمي اي دارد. دسته بندي هاي فروشگاه در سمت راست قرارگرفته كه شما را ياد منوي درختي ويندوز XP مياندازد! ولي براي قشر مخاطب اين محصولات(اغلب خانم‏هاي خانه‏دار) راحت تر است و احتمالاً ارتباط بيشتري برقرار مي كنند.

۶- فروشگاه بازار

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

۷- فروشگاه پيكسل

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

۸- ورچين

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

۹- فروشگاه ليليوم

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

۱۰- فروشگاه اينترنتي كندوسلام

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

براي معرفي ۱۰ فروشگاه محبوب و معتبر، كار سختي را داشتيم. البته چند فروشگاه ديگر نيز وجود داشتند كه، شايستگي حضور در اين ليست را داشتند. ولي موضوع جالب ديگر، رشد قارچ گونه فروشگاه هاي زرد(مثل مجلات زرد) است كه با هزينه هاي خيلي پايين(در حد چند صد هزار تومان) بوجود آمده‏اند و به همان سرعت نيز از بازار حذف خواهند شد(البته اميدواريم). ولي وجود همين چند فروشگاه حرفه اي كمك زيادي به افزايش اعتماد مردم به خريد اينترنتي خواهد شد. با وجود نماد اعتماد(eNamad) كه سر و ساماني به فروشندگان اينترنتي داده است، اعتماد به وبسايت هاي فروشگاهي خيلي راحت تر شده است. از آنجا كه خود من پيگيري نماد الكترونيك را انجام داده ام، با پروسه سخت و طاقت فرساي آن آشنايي كامل دارم. پس اين نمادهاي الكترونيك به سادگي به دست نمي آيند.

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

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

موتور هاي جستجو همواره قصد دارند كه به كاربران و جستجو گر ها بهترين و مفيد ترين نتايج را نشان دهند. 

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

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

چهار قانون حياتي در طراحي سايت و بهينه سازي وب سايت

سادگي در خوانده شدن محتواي سايت

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

• محتواي وب سايت خود را به چند بخش با عناوين مرتبط تقسيم كنيد

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

• رنگ ها و ظاهر فونت ها در طراحي سايت

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

• استفاده از فونت هاي استاندارد در طراحي سايت

  يك جمله ساده مشكلات فونت در وب سايت را اينطور بيان مي كند فونت هاي ساده ، بهترين ها هستند؛ هر چقدر فونت گرافيكي تر باشد به همان اندازه خوانايي آن سخت تر است. 
  
  از آنجايي كه خيلي از مرور گرها فقط از مجموعه فونت هاي استاندارد(Arial , Tahoma , Times New Roman,Verdana) استفاده مي كنند لذا همواره بايستي از همين مجموعه فونت استاندارد تبعيت كرد. در غير اينصورت كاربران شما آنچه مي بينند با آنچه شما مي بينيد كاملا متمايز است. 
  
  

• طراحي سايت سازگار با مرورگرهاي استاندارد

  زماني كه يك سايتي را توسعه مي دهيد از مرور گر هاي استاندارد مثل فاير فاكس استفاده كنيد ، اگر سايت خود را براي مرورگرهاي سازگار پياده سازي كنيد اين وب سايت براي بيشتر مرورگرها از قبيل مرورگر اينترنت اكسپلورر IE ، لذا پيشنهاد مي شود كه شما وب سايت خود را با آخرين ورژن هاي اينترنت اكسپلورر IE6, IE7 . 
  
  براي اجرا بر روي چندين ورژن از IE در يك ماشين مي توانيد نرم افزار TredoSoft.com و يا IETester را روي سيستم خود نصب كنيد. 
  
  

• كلمات كليدي وب سايت

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

چگالي كلمات كليدي بايستي در حدود 4% تا 7% بر آورد شود اما استفاده بيشتر از اين كلمات ممكن است همچنين كلمات كليدي بايستي در تگ Title و متاي Description استفاده شود. 

ساده سازي پيمايش وب سايت

راه اشتباه : "استفاده از كلماتي مانند : ادامه مطلب در داخل لينك" كه براي بهينه سازي وب سايت و سئو بايد از اين مورد پيشگيري كنيد.

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

به اين روش لينك هاي متقابل و دو طرفه(Cross Linking) گويند و در جاهاي مورد نياز از اين روش مي توانيد استفاده كرده و سايت خود را در گوگل در رتبه هاي بالاتر قرار دهيد. 

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

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



همواره دو راه براي لينك كردن در داخل محتواي سايت خود داريد

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

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

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

• منظور از كم حجم بودن صفحه وب سايت چيست؟

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

• حجم صفحات وب سايت حداكثر چقدر باشد؟

  مطالعات نشان داده است كه 64KB يك عدد مناسبي براي حداكثر حجم وب سايت است و هرچقدر حجم صفحه كمتر باشد ، بهتر است. 
  هميشه بايد يك تعادل بين توانايي هاي سايت و طراحي سايت در نظر گرفته شود.  
  
  براي تست كردن حجم صفحات سايت خود ميتوانيد آنها را آپلود كرده و توسط ابزار اندازه گيري حجم صفحات به آدرس www.quasarcr.com/pageweight مراجعه كنيد. 
  
  

• كاهش حجم صفحات وب سايت و تكنيك هاي آن

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

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

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

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

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

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

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

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

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

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

1-دسته بندي مناسب محصولات

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

2- كاربري راحت سايت

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

3- انتخاب تصاوير مناسب براي محصولات

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

4- نمايش پاپ-آپ به موقع

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

5- در نظر گرفتن تخفيف جهت خريد محصول

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

6- ايجاد امنيت خريد براي مشتري

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

منبع : سايت kaspid