معرفی ابزار های طراحی وب سایت

استفاده درست از ابزار های طراحی وب سایت سبب می شود تا شما کارآمد تر و سریع تر کار کنید. در ادامه به بررسی درخشان ترین ابزار های طراحی وب سایت در سال 2018 می پردازیم.

Sketch

Sketch به سرعت ابزار فتوشاپ را به عنوان ابزار طراحی UI جایگزین می کند. اجازه دهید کمی واضح تر بگویم: بله، ما می دانیم که همه ابزار طراحی Vector UI Sketch را شنیده اید، اما به نظر می رسد هنوز بسیاری از طراحان وب سایت از فتوشاپ برای طراحی UI استفاده می کنند.

روری بری، مدیر خلاق در Superrb اعتقاد دارد استفاده از فتوشاپ برای طراحی سایت اشتباه است. او مدت ده سال از فتوشاپ استفاده می کرد و اعتقاد داشت یاد گرفتن چیز های جدید و انجام تغییرات سایت به سختی انجام می شد. از جمله دلایل او این بود که Sketch در مقایسه با فتوشاپ، تمام اسناد شما را که مرتب کرده و انجام تغییرات در Sketch بسیار ساده تر است. همچنین سیستم داخلی ساخته شده در Sketch بزرگ است و باعث طراحی رابط کاربری بسیار ساده تر می شود. امروزه جامعه Sketch صدها پلاگین را ارائه می دهد تا جریان کار طراحان را ساده تر و روان تر کند.

ابزار طراحی سایت 

Adobe XD

ادوبی امروزه ابزار های اختصاصی طراحی برداری و ابزار wireframing خود را دارد که جدیدا نسخه بتا آن را هم منتشر کرده است. Adobe XD شامل ابزارهایی است که شما را قادر می سازد تا تعاملات غیر استاتیک، پیش نمایش های تلفن همراه و دسکتاپ را تعریف کنید و از ابزارهای به اشتراک گذاری برای دریافت بازخورد در طرح ها استفاده نمایید. 

الیس راجرز، طراح گرافیک در Receptional می گوید: "هنگامی که طراحی اولیه کامل می شود، ادوبی XD به شما امکان می دهد تا به سرعت به انتخاب عناصر و ایجاد تغییرات در صفحه بپردازید که این صفحه می تواند از طریق یک لینک به اشتراک گذاشته شود. از این لینک برای دریافت بازخورد استفاده می شود. بنابراین مشتری همیشه می تواند آخرین نسخه را مشاهده نماید."

وب سایت 

Figma

Figma یک ابزار طراحی رابط کاربری وب سایت است که به طراحان این اجازه را می دهد تا چند نفر به طور همزمان کار کنند. این ابزار در مرورگر یا در ویندوز، مک یا لینوکس در دسترس است و بسته به نیاز خود می توانید از نسخه رایگان یا پولی آن استفاده کنید.

Figma دارای یک USP مشابه با Sketch است و روند استفاده از آن بسیار ساده و روان می باشد. همچنین با استفاده از این ابزار می توانید گرافیک را با دیگران به اشتراک بگذارید. 

figma 

Affinity Designer

دان ادواردز، مدیر No Divide، می گوید: "اولین برداشت من این است که برنامه فوق العاده خوب طراحی شده و احساس می کنم که این برنامه شامل ابزار های طراحی وب سایت و گرافیکی اختصاص یافته است." از جمله ویژگی های مهم Affinity Designer این است که شما می توانید تصاویر و یا بردارها را بدون وارد شدن صدمه ای به آن ها تنظیم کنید. زوم 1،000،000،000 درصد نیز از جمله مزایای فوق العاده این ابزار طراحی سایت می باشد. به نظر می رسد Affinity یکی از رقبای جدی فتوشاپ خواهد بود.

طراحی وب سایت 

Anime

با استفاده از موتور انیمیشن Anime می توانید برنامه های خود را ویرایش کنید. اگر چه استفاده از انیمیشن ها در طراحی وب سایت اغلب اوقات مناسب نیست ولی توسعه دهندگان همیشه به دنبال راه هایی برای ساده تر شدن کارها هستند. استفاده از انیمیشن های css خوب است، اما تعاملات پیچیده تر اغلب نیاز به یک کتابخانه دارند. Anime ابزار جدیدی است که می توانید از آن برای ایجاد انیمیشن های جذاب در وب سایت خود استفاده نمایید که یک نمونه کد آن را در زیر قرار داده ایم:

var myAnimation = anime({
targets: ['.box1', '.box2'],
translateX: '5rem',
rotate: 180,
duration: 3000,
loop: true
});

این API به شما اجازه می دهد که عناصر را با استفاده از انتخابگرهای CSS، عناصر DOM یا حتی اشیاء جاوا اسکریپت استفاده کنید.

انیمیشن 

Avocode

Avocode باعث می شود توسعه دهندگان رابط کاربری برای کد کردن وب سایت ها یا برنامه ها راحت تر باشند. Avocode به سرعت و به طور خودکار فایل PSD یا Sketch را تجزیه و تحلیل می کند و یک UI زیبا به شما تحویل می دهد. شما همچنین می توانید بر روی عناصر در طراحی کلیک کنید و کد آن را به یک ویرایش گر متنی دلخواه ارسال نمایید. وو هوانگ آنه، یکی از بنیانگذاران Avocode، می گوید:"بهترین چیزی که این برنامه ارائه می دهد این است که توسعه دهندگان هرگز به Photoshop یا Sketch نیاز نخواهند داشت."

طراحی سایت 

Vivaldi

گاهی اوقات بهترین ابزار می تواند یک مرورگر جدید باشد. Vivaldi یک مرورگر وب سریع، قدرتمند و قابل تنظیم برای کاربران است که توسط برخی از افرادی است که Opera را شروع کرده بودند ساخته شده است. Vivaldi قابل تنظیم ترین مرورگر وب است و همچنین ویژگی های دیگری مانند کنترل خط فرمان، پانل برای گرفتن یادداشت ها، جمع آوری و مرتب سازی بروشور و پانل های وب را فرآهم می کند که شما را قادر می سازد تمام سایت های مورد علاقه خود را برای دسترسی آسان در یک مکان قرار دهید.

طراحی 

CodePen

CodePen در سال 2012 توسط Alex Vazquez تاسیس گردید از بزرگترین و شایسته ترین جوامع وب برای تست و نمایش کد های HTML، CSS و jаvascript می باشد. طی پنج سال گذشته، این برنامه دارای دو ویرایشگر کد آنلاین و یک محیط آموزشی مجازی با قابلیت اجرا بوده است که توسعه دهندگان می توانند از طریق آن بازخورد های مهمی را دریافت کنند. به تازگی CodePen یک جهش بزرگ دیگر را با راه اندازی IDE خود انجام داده است، که به شما اجازه می دهد وب سایت های خود را در مرورگر خود، ایجاد کنید. با استفاده از این ابزار شما می توانید سایت خود را قبل از ساختن آن پیش نمایش دهید.

codepen 

بوت استرپ 

بوت استرپ قطعا یک ابزار جدید نیست ولی نسخه جدید محبوب ترین فریم ورک طراحی رابط کاربری سایت در جهان شامل تغییراتی بوده که در زیر ذکر کرده ایم:

  • کاهش پشتیبانی از IE8 و iOS6
  • حرکت فایل های CSS از Less به Sass
  • واحد های اندازه گیری اصلی از px به rem تغییر کرده است.
  • پشتیبانی از Flexbox در گرید ها
  • استفاده از یک کامپوننت جدید برای جایگزینی اجزای قدیمی تر

بوت استرپ پیشرفت های انقلابی کرده است و بدون شک این فریم ورک همچنان نیز برای طراحی وب سایت ها استفاده خواهد شد.

بوت استرپ 

کویل

کویل به عنوان یک ویرایشگر WYSIWYG متن باز برای طراحی سایت های مدرن به حساب می آید. این ویرایشگر بسیاری از زمینه های مختلف برنامه های کاربردی را شامل می شود، بنابراین جای تعجب نیست Quill از زمان عرضه نسخه 1.0 بتا در اواسط سال 2016 محبوبیت زیادی نداشته است.

اما قدرتمند ترین ویژگی های کویل انعطاف پذیری و قابلیت توسعه آن با استفاده از ماژول ها و یک API قدرتمند است. کویل تم ها و ماژول هایی ارائه می دهد که حاوی نوار ابزار، صفحه کلید، کلیپ بورد و تاریخ است. شما می توانید بسیاری از این ویژگی ها را در کویل تست کنید.

کویل 

SVGito 

SVGito یک برنامه وب رایگان است که فایل های SVG شما را پاک می کند تا شما را از ویرایش دستی آن ها نجات دهد. با استفاده از این ابزار به طور خودکار SVG های خود را با لمس یک دکمه بهینه می کنید و معمولا اندازه و پیچیدگی آن ها را بدون تغییر آنچه که در واقع بر روی صفحه نمایش است، کاهش می دهد.

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



ادامه مطلب

نوشته شده در : پنج شنبه 3 اسفند 1396  ساعت :03:23 ب.ظ   |   توسط :حسن امامی نظرات (0)

5 نکته مهم در طراحی سایت

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

رنگ بندی با توجه به موضوع

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

طراحی سایت با فونت مناسب

پس از رنگ بندی، فونت و سایز مناسب از نکات مهم در طراحی سایت است. در نظر داشته باشید که برخی از مرورگرها قادر به نمایش صحیح هر فونتی نیستند. در طراحی سایت از فونت سازگار با تمامی مرورگرها استفاده کنید. این فونت باید در سایز و اندازه مناسب نمایش داده شود. فونت های بسیار ریز یا درشت موجب نارضایتی کاربر ها می شود. کاربر تمایلی به ماندن در چنین سایتی را نخواهد داشت و خیلی زود سایت را ترک می کند.

منوها از نکات مهم در طراحی سایت

در طراحی سایت مسیر یابی ساده و منوهای مناسب بیشترین تاثیر را در جلوگیری از سردرگمی کاربر دارد. منوها می توانند کاربر را به بخش های مورد نظر راهنمایی کنند و سهولت کاربری و تجربه لذتبخش کاربری را به وجود آورند. بخش بندی مطالب را گسترش دهید و از چند منو استفاده کنید تا کاربر بتواند در کوتاه ترین زمان به صفحات دیگر مراجعه کند.

نقش تصاویر در طراحی سایت

یکی از نکات مهم در طراحی سایت استفاده از تصاویر است. در بخش های مختلف از تصاویر مرتبط و کاربرپسند استفاده کنید. بدون تصاویر یک سایت کسل کننده و بی روح خواهید داشت. استفاده از تصاویر یکی از تخصصی ترین کارها در طراحی سایت است. هر تصویری مناسب استفاده در سایت نیست. تصاویر مناسب و بهینه سازی شده می توانند سئو سایت را بهبود دهند. تصاویر با حجم زیاد موجب کاهش سرعت سایت می شوند. استقبال از سایت هایی با سرعت پایین بسیار کمتر از سایت های پر سرعت است. حذف کلی تصاویر از سایت نیز کار صحیحی نمی باشد. درک مطلب با تصویر مناسب بسیار ساده تر و خوشایندتر است. حتما به ازای هر مطلب از تصویر با سایز مناسب استفاده کنید.

سرعت سایت

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



ادامه مطلب

نوشته شده در : سه شنبه 1 اسفند 1396  ساعت :12:40 ب.ظ   |   توسط :حسن امامی نظرات (0)

اصول و راهنمایی‌های طراحی صفحات وب سایت

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

الف) اصول مقدماتي طراحی سایت که لازم است رعايت شوند:

1) براي کاربران، متن قابل خواندن فراهم آوريد.
2) محتوائي را براي کاربران فراهم آوريد که پاسخگوي سؤالات آنها باشد.
3) امکان Navigation و جستجو در سايت قرار دهيد.
4) از فرمهاي کوتاه و ساده استفاده کنيد.
5) از قراردادن اطلاعات غلط، قديمي و اطلاعات حاوي غلط تايپي پرهيز کنيد.
6) در حفظ سازگاري با سنت ها و قوانين متداول در طراحي صفحات وب سایت سختگيرانه عمل کنيد.
ب) وضعيت کلي وب سایت و صفحات آن:

1) صفحه اصلي هر سايت بايد شامل توصيفي دقيق و روشن از آن سايت باشد.
2)  درTitle Tag به نحو مناسب تعريفي از سايت را ارائه دهيد.
2-1) Title را با کليدي ترين کلمه شروع کنيد.
2-2) عنوان دانشگاه صنعتي اصفهان (به زبان انگليسي) را در Title قرار دهيد.
2-3) از شروع کردن Title با کلماتي کلي نظير The و Welcome پرهيز کنيد.
3) عنوان و آرم دانشگاه صنعتي اصفهان در تمام صفحات اصلي سايت هاي مرتبط و جانبي و نيز تمام صفحات سايت دانشگاه بايد قرار داشته باشد.
3-1) آرم دانشگاه به صفحه اصلي سايت دانشگاه لينک شود.
4) استفاده از عنوان و آرم مرتبط با سايت هاي جانبي در تمام صفحات سايت الزامي است.
5) درصورتي که سايت بيش از 100 صفحه دارد، استفاده از امکان Search الزامي است.
6) قراردادن اطلاعات برقراري تماس در هر سايت الزامي است.
6-1) اطلاعات تماس شامل: تلفن، فاکس، پست الکترونيکي و آدرس پستي (سنتي) به طور دقيق و شفاف در صفحه اي ويژه و با نام مناسب (مانند (Contact information) قرار داده شود.
7- زماني که يک صفحه در سايت ايجاد مي شود، محتويات آن مي تواند تغييرکند، اما خود صفحه بايد باقي بماند.
7-1) حذف صفحه از منوها و لينک هاي مستقيم بلامانع است اما خود صفحه در همان آدرس قبلي بايد باقي
    بماند.
8) استفاده از آرشيو براي اخبار و رويدادها الزامي است.
9) از غيرفعال کردن کليد Back به هر نحو پرهيز کنيد.
توجه: درحقيقت، کاربران به صورت سنتي انتظار دارند کليد Back کار کند و به همين دليل، آزادانه هر صفحه اي را باز مي کنند و اگر مورداستفاده آنها نبود با کليد Back به عقب باز مي گردند. لذا، غيرفعال کردن اين کليد، اثر نامطلوبي بر کاربر مي نهاد.
10) از غيرفعال کردن امکان Cache شذن صفحات پرهيزکنيد.
توجه: درصورتي که صفحات Cache نشوند، با فشار کليد Back صفحه از Web Site اصلي آورده مي شود و اين کار باعث افزايش زمان انتظار کاربران مي گردد.
11) از بازکردن پنجره مرورگرجديد، در اثرا نتخاب يک لينک، پرهيز شود.
توجه: بازکردن يک پنجره مرورگر جديد باعث مي شود تا هم صفحه مانيتور کاربر شلوغ شود و هم اينکه امکان استفاده از کليد Back در پنجره باز شده براي کاربر وجود نداشته باشد.
12) از آدرس e-mail و لينک هاي Mailto در محل هاي غيرقابل انتظار، پرهيز شود.
13) تهيه و انتشار Online بيوگرافي و عکس کساني که براي يک سايت مطلب تهيه مي کنند الزامي است.
14) تا آنجا که ممکن است، از URL هاي طولاني و پيچيده استفاده نشود.
توجه: يکي از مواردي که باعث افزايش مراجعه به يک Web Site مي شود، Social Navigation است. درصورتي که URL بسيار طولاني شود و در محل تايپ آدرس به طور کامل قرار نگيرد، بسياري از کاربران قادر به انتخاب و کپي کردن آن نيستند. همچنين، از يادداشت کردن آن نيز پرهيز مي کنند.
15) هيچ صفحه اي يتيم رها نشود. لازم است به طور کامل و شفاف مشخص باشد. هر صفحه به مجا تعلق دارد.
توجه: منظور از صفحه "يتيم" صفحه اي است که مشخص نباشد به کدام سايت، سازمان يا فرد تعلق دارد.
16) درطراحي سايت بايد به گونه اي عمل شود که زمان Download و بازشدن صفحات بسيار زياد نباشد.
توجه: درصورتي که زمان بازشدن يک صفحه طولاني باشد، کاربران از مشاهده صفحه انصراف مي دهند. زمان قابل قبول براي کاربران در نقاط مختلف جهان متفاوت است. اندازه گيري هاي انجام شده در کشورهاي غربي نشان مي دهد که اين زمان چيزي در حدود 10 تا 15 ثانيه است.
17) سايت بايد شامل منوهاي Navigation و درصورت لزوم امکان Search باشد.
 

پ) طراحي ظاهر صفحات:

1) از ثابت کردن اندازه فونت پرهيز شود.
2) از ثابت کردن ابعاد پنجره پرهيز شود.
توجه: اين کار باعث مي شود تا پنجره به طور کامل و مناسب در همه مانيتورها ديده نشود.
3) درطراحي صفحات Webبه گونه اي عمل شود که Horizontal Scrolling ايجاد نشود.
4) ازطراحي بخش هاي مهم هر صفحه که حاوي اطلاعات قابل توجه است، به گونه اي که شبيه تبليغات باشد پرهيز شود.
توجه: درحقيقت، کاربران بخش هائي که به تبليغات شباهت دارند را ناديده مي گيرند.
5) از گرافيک معني دار استفاده شود و هدف صرفاً ايجاد زيبائي در سايت نباشد.
6) تاحد امکان، حجم تصاوير استفاده شده کوچک باشد تا زمان بازشدن صفحه زياد نشود.
توجه: اگرچه استفاده از تصاوير با اندازه و حجم کوچکتر، زمان بازکردن صفحه را کاهش مي دهد، اما درصورتيکه عکس داري جزئيات زيادي باشد، با کوچک کردن، آن را عملاً بي استفاده مي کنيم. در اين راستا، گاهي انتخاب بخشي از تصوير مفيدتر است تا صرفاً کوچک کردن آن.
7) تاحد امکان از Flash استفاده نشود. استفاده از Flash تنها در مواردي مجاز شمرده مي شود که باعث افزايش کاربري سايت مي گردد.
8) درطراحي صفحات از Frame استفاده نشود.
9) از متن هاي چرخان و تصاوير دائماً متحرک استفاده نشود، چراکه آرامش فکري و تمرکز کاربران را مختل مي نمايد. اين مورد شامل چشمک زدن متن نيز مي شود.
 

ت) عناوين و Headline ها:

1) عنوان يک متن يا صفحه بايد توصيفي خلاصه و درعين حال شفاف از محتواي متن باشد.
2) عنوان و Headline بايد به زباني ساده و روان باشد و در آن از کلمات داراي ابهام استفاده نشود.
3) از قراردادن کلماني نظير The يا a در عناوين پرهيز شود. عبارات کوتاهتر به صورت Online، راحت تر خوانده و درک مي شوند.
4) تاحد امکان، کليدي ترين کلمه به عنوان اولين کلمه استفاده شود.
5) همه عنوان ها با يک کلمه شروع نشوند تا تفکيک آنها از هم ساده تر باشد.
 

ث) نوشتن متن:

1)کلمات کليدي را به نحو مناسب مشخص (Highlight) کنيد.
توجه: رنگ آميزي کلمات، bold کردن و ايتاليک کردن از روشهاي مناسب براي مشخص کردن کلمات کليدي است.
2) در مواردي که به چندين مورد مرتبط با هم اشاره مي شود، از ليست (bulleted list) استفاده شود.
3) در هر پاراگراف فقط پيرامون يک مطلب صحبت گردد و به يک موضوع اشاره شود.
4) در ابتداي متن به روشني مشخص شود که اين صفحه پيرامون چيست.
5) از طراحي صفحات بسيار طولاني پرهيز شود.
 

ج) استفاده از لينک ها:

1) به طور شفاف، لينک ها را مشخص کنيد.
1-1) براي لينک هاي متني، از رنگ آميزي مناسب و زيرخط (underline) استفاده کنيد.
1-2) براي متن هاي ساده (غيرلينکي) از زيرخط (underline) استفاده نکيند. زيرخط براي لينک ها رزرو شود.
تبصره: درمنوها و نواحي خاصي که عموماً براي قراردادن ليستي از لينک ها استفاده مي شود، مي توان از زير خط (underline) استفاده نکرد.
2) بين رنگ لينک هاي مشاهده شده و مشاهده نشده تمايز قائل شويد.
3) از رنگ انتخاب شده براي لينک ها، براي رنگ آميزي متن هاي غيرلينکي استفاده نشود.
4) به طور شفاف مشخص کنيد کاربر، پس از کليک بر روي يک لينک، به چه صفحه اي با چه محتوياتي هدايت مي شود. استفاده از عبارات غيرتوصيفي نظير Click Here مناسب نيست.
5) درلينک ها از JavaScript و تکنيک هاي مشابه که باعث تغييرروند سنتي به کارگيري لينک ها مي شوند پرهيزکنيد.
6) با انتخاب يک لينک پنجره مرورگر جديد باز نشود.
7) لينک ها خيلي به هم نزديک نباشند تا در انتخاب و کليک کردن روي آنها مشکلي پيش نيايد.
8)  اسامي لينک ها را با کليدي ترين کلمه مربوط به آن لينک شروع کنيد.
توجه: اين کار باعث مي شود تا کاربران راحت تر لينک هاي موردنياز خود را شروع کنند. شروع يک لينک پيرامون "پژوهش" با عبارت "دانشگاه صنعتي اصفهان"، باعث کاهش مراجعه به لينک مي شود.
9) از لينک به صفحه جاري پرهيز شود. اگر اطلاعات صفحه اي که براي آن لينک درنظر گرفته اند کامل نيست. بهتر است لينک را حذف کرده يا در صفحه مقصد از عبارتي مانند Under Construction استفاده کنيد.
 

چ) طراحي فرم ها:

1) پرسش هاي غيرضروري را حذف کنيد.
2) مگر در موارد ضروري، از اجباري کردن فيلدها پرهيزکنيد. فيلدهاي اجباري تا حدامکان کم باشد.
3) پس از بازشدن صفحه جاري فرم، مکان نماي تايپ را در اولين فيلد فرم قرار دهيد.
4) از محدودکردن کاربران در واردکردن اطلاعات خاص مانند شماره تفلن و... پرهيزکنيد. اجازه دهيد کاربران در واردکردن اين قبيل اطلاعات به روش آشناي خود عمل کنند.
5) معيارهاي سنتي در استفاده از Drop Down Menu ها ، Radio Button و ... را نقض نکنيد.
اجازه دهيد تا کاربر پس از اينکه انتخاب هاي خود را انجام داد، کليدي نظير Submit, “OK”  "ارسال" و ... را فشار دهد تا درصورت نياز، تغييراتي را در اطلاعات واردشده در فرم اعمال نمايد.

سایت منبع



ادامه مطلب

نوشته شده در : شنبه 28 بهمن 1396  ساعت :05:30 ب.ظ   |   توسط :حسن امامی نظرات (0)

روش های جدید طراحی وب سایت

سال نو همراه با تغییرات جدید برای طراحان سایت در راه است. در این مقاله قصد داریم درباره جدید ترین روش های طراحی وب سایت صحبت کنیم، که برخی از آن ها در حال ظهور هستند و برخی نیز در این سال ها در حال رشد بوده اند. من مطمئن هستم در آینده ای نه چندان دور بیشتر درباره این روش های طراحی وب سایت خواهید شنید.

Microinteractions در وب

امروزه انیمیشن های ساده بسیاری وجود دارند که می توانیم هنگام استفاده از وب سایت های مختلف آن ها را مشاهده کنیم. اما به مرور طراحان به سمت استفاده از انیمیشن های متمرکز بر کاربران، به نام microinteractions حرکت می کنند که از برنامه های تلفن همراه نشات می گیرند و به مرور راه خود را به دنیای وب پیدا می کنند.

این کارها مانند پاسخ های متحرک به رفتار کاربر است.بنابراین اگر کسی روی یک دکمه ای کلیک کند یا روی آن موس را نگه دارد، microinteraction به نحوی مناسب پاسخ خواهد داد که به صورت تغییرات سه بعدی، پنهان شدن عناصر و تاثیرات مختلف خواهد بود.

طراحی سایت 

Microinteraction همراه با گروهی از اسکریپ های سورس باز به شما دسترسی به هر چیزی را خواهد داد. CSS3 و جاوا اسکریپت هر دو برای Microinteraction قابل استفاده هستند و این بر عهده شما خواهد بود که از کتابخانه مد نظرتان به درستی استفاده کنید. یکی از جدید ترین اسکریپت های ارائه شده Anime.js است که برای توسعه وب سایت ها مورد استفاده قرار می گیرد.

روش طراحی سایت 

محصولات موجود در مدال ها

این سبک طراحی سایت اغلب در شرکت های بزرگ و صفحات فروش مورد استفاده قرار می گیرند. مدال ها نشان می دهند وبلاگ ها و مجلات دیگر درباره وب سایت شما چه می گویند. 

مدال در طراحی سایت 

برای یافتن مجموعه ای از مدال های زیبا و حرفه ای می توانید به سایت GiftRocket website مراجعه نمایید. این مدال ها در واقع لوگو های بزرگی هستند که به مردم نشان می دهند وب سایت شما در چه حدی خوب است. توصیه می کنیم به جای قرار دادن خبر های مختلف در مدال ها از شرکت های بزرگی استفاده کنید که از محصولات شما استفاده می کنند.

قطر ها و شیب ها

شما می توانید با استفاده از CSS3 چیزهای دیوانه کننده ای را طراحی کنید. امروزه طراحی مدرن گرید ها با شیب و قطر های متفاوت بیشتر از همیشه مورد استفاده طراحان حرفه ای قرار گرفته است. 

قطر وشیب در طراحی سایت 

این طرح در بسیاری از سایت ها ورد استفاده قرار گرفته است. رنگ های پس زمینه و گرادیان به طور طبیعی به طرف کنار صفحه حرکت می کنند.

یکی دیگر از طرح های جالبی که امروزه مورد توجه طراحان وب قرار گرفته است استفاده از شش ضلعی ها و عناصر مورب است.

عناصر مورب در طراحی سایت

 

 سایت قدیمی 2012 HDLive site این صفحه را در بخش "speakers" خود دارد. امروزه طرح های لانه زنبوری و شش ضلعی در بسیاری از وب سایت ها دیده می شوند و اغلب آن ها از سبک طراحی قطری استفاده می کنند.

انیمیشن های تایپوگرافی

تاکنون درباره microinteractions ها و رشد سریع آن ها در دنیای وب سخن گفتیم ولی چیزی درباره انیمیشن های تایپوگرافی که بخش دیگری از انیمیشن های دنیای وب را شامل می شوند نگفتیم. این سبک هنوز در ابتدای کار است و به نظر می رسد در سال آینده همه را شگفت زده خواهد کرد. 

سبک تایپوگرافی شما می توانید با استفاده از جاوا اسکریپت به نوشته های موجود در فرم های خود انیمشن بدهید و آن ها را متحرک سازی کنید. وب سایت 3drops site یکی از بهترین سایت هایی است که در زمینه متحرک سازی متون به شما کمک می کند.

انیمیشن در طراحی سایت 

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

پشتیبانی بیشتر برای صفحات نمایش بزرگ تر

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

طراحی وب سایت

 دکمه های سه بعدی 

دکمه های فلت و ساده مدت زیادی است که در وب سایت ها مورد استفاده قرار می گیرند. یکی دیگر از سبک هایی که اخیرا مورد توجه طراحان قرار گرفته است استفاده از دکمه های سه بعدی است. مانند دکمه موجود در تصویر زیر که مشاهده می کنید.

دکمه های سه بعدی 

دسترسی درست

یک وب سایت مناسب باید شامل عناصر پویایی باشد که دسترسی کاربران را به صفحات مختلف سایت آسان نماید. برخی از این عناصر عبارتند از:

  • منوهای ناوبری کشویی
  • نمایش اسلایدر عکس
  • پنجره های مدال
  • فرم های Ajax

استفاده از Flexbox و سی اس اس گرید ها

با flexbox شما در یک مدل جعبه انعطاف پذیر کار می کنید که در آن کانتینر داخلی در درون کانتینر والد خود قرار دارند و همه بر اساس قواعد خاصی که در CSS تعریف می کنید، مشخص شده اند. این مورد به طور کامل نیاز به float ها را در لایه های خاصی حذف کرده و به طراحان قدرت بیشتری می دهد.

طراحی انعطاف پذیر 

به همین ترتیب ابزار های سی اس اس گرید کار را برای طراحی گرید های پویا آسان تر نموده است و همچنین کد نویسی آن را هم راحت تر کرده است.

سی اس اس گرید در طراحی سایت 

 به نظر شما چه روش ها و سبک هایی در سال آینده رشد بیشتری خواهند داشت؟



ادامه مطلب

نوشته شده در : پنج شنبه 26 بهمن 1396  ساعت :05:28 ب.ظ   |   توسط :حسن امامی نظرات (0)

قواعد و اصول طراحی سایت چیست؟

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

اصول طراحی سایت

گرافیک
١) در این مورد باید بگوییم که "کوچک فکر کنید" یعنی حدود ١۰ تا ١٢ کیلو بایت برای هر تصویر. سعی کنید در طراحی وب سایت خود از تصاویر کم حجم و کوچک استفاده کنید تا سرعت لود شدن صفحه پایین نیاید. تصاویر بزرگ، یکی از اصلی ترین دلایل پایین آمدن سرعت لود شدن صفحه است. سرعت پایین لود شدن صفحه، یعنی هدر دادن زمان بازدیدکننده، که مسلماً هر بازدیدکننده ای می خواهد در کوتاه ترین زمان ممکن به آن چه نیاز دارد دست پیدا کند. پس نتیجه آن ترک وب سایت شما توسط بازدید کننده خواهد بود.

٢) همیشه از گرافیک هایی استفاده کنید که با محتوای شما تناسب و هماهنگی داشته باشد. از تصاویر و گرافیک هایی استفاده کنید که به متون، محتوا، مطالب و زمینه کاری شما مرتبط باشد. تصاویر و گرافیک های طراحی شده، از عناصری هستند که طراحی سایت شما را تشکیل می دهند و می توانند محتوای شما را به خوبی شرح داده و به نمایش در بیاورند، که این به تفهیم و درک بهتر محتوا و مطالب داخل سایت، بسیار کمک می کند.

٣) از تصاویر متحرک، چشمک زن و متغیر استفاده نکنید. و یا تا حد امکان از آنها بسیار کم استفاده کنید. مطالعات متعددی که در سال های اخیر انجام شده، نشان می دهد که تصاویر چشمک زن در طراحی وب سایت برای بازدیدکنندگان آزار دهنده و مزاحم هستند. در حقیقت طبق مطالعاتی که رو یک گروه از مرورگرها انجام شد، مشاهده شد که بسیاری از آنها برای این که بتوانند بقیه مطالب و محتوای داخل سایت را بخوانند، به طور خودکار و فیزیکی از نشان دادن و یا حتی باز کردن این تصاویر موجود در طراحی سایت، صرف نظر می کنند.
فونت
۴) در طراحی وب سایت خود برای هدینگ ها از فونت Serif و برای متون داخل سایت از Sans-Serif استفاده کنید. فونت های Sans-Serif برای مطالعه متون در صفحات اینترنت بسیار راحت تر از فونت های دیگر هستند.

۵) اندازه فونت ها را محدود کنید. یکی از بهترین راه ها برای این که نشان دهید که طراحی سایت شما بسیار ابتدایی انجام شده، آن است که اندازه فونت های متون داخل سایت را مکرراً عوض کنید. البته این غیر ممکن نیست، شما می توانید از هزاران اندازه فونت استفاده کنید. اما استفاده از ٢ و یا حداکثر ٣ سایز مختلف فونت و محدود کردن اندازه متون سایت به آن سایز ها، خواندن مطالب سایت را آسوده تر و طراحی وب سایت شما را حرفه ای تر نشان می دهد.
تبلیغات
۶) بر روی تبلیغات داخل سایت و تعداد آن ها کنترل داشته باشید. بازدیدکنندگان شما برای دیدن تبلیغات به سایت شما نمی آیند. آن ها برای محتوای سایت شما می آیند. اگر تبلیغات داخل سایت سرتاسر محتوا را بپوشاند، بازدیدکنندگان بدون تلف کردن وقت، از سایت شما خارج می شوند. البته بسیار مهم است که از وب سایت خود کسب درآمد کنید، اما اگر تبلیغات بیش از حد سایت شما، بازدیدکنندگان را از آن دور کند، شما پول خود را نیز از دست خواهید داد.

٧) همان گونه که با تصاویر داخل سایت برخورد می کنید، با تبلیغات برخورد کنید.

تمامی تبلیغات داخل سایت را کوچک، بدون چشمک زدن و یا تحرک قرار دهید و تبلیغاتی را در سایت قرار دهید که با محتوای شما مرتبط باشد. این که می توانید در داخل سایت خود تبلیغات کنید، کاملاً واضح و روشن است. اما به این معنا نیست که حتماً باید در طراحی وب سایت خود، تبلیغ قرار دهید. تنها در صورتی که محتوای شما برای بازدیدکنندگان و خوانندگان جذاب باشد و با چیزی که آن ها می خواهند ارتباط داشته باشد، آن گاه بر روی تبلیغات کلیک خواهند کرد.
خوانندگان را در نظر داشته باشید
٨) صفحات وب سایت خود را در مرورگرهای متفاوت امتحان کنید. طراحی سایت که فقط بر روی مدرن ترین مرورگر کار کرده و به نمایش در آید، آزار دهنده خواهد بود. زیرا هر کسی نمی تواند وب سایت شما را مشاهده کند. و این به شدت ترافیک سایت شما را کاهش می دهد و بازدیدکنندگان را دفع خواهد کرد. طراحی وب سایت خود را طوری انجام دهید که عموم مردم بتوانند آن را ببینند.
منبع: سایت رایان آی تی



ادامه مطلب

نوشته شده در : چهارشنبه 25 بهمن 1396  ساعت :03:27 ب.ظ   |   توسط :حسن امامی نظرات (0)

طراحی سایت خبری

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

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

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

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

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

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

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

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

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

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


ادامه مطلب

نوشته شده در : سه شنبه 24 بهمن 1396  ساعت :01:59 ب.ظ   |   توسط :حسن امامی نظرات (0)

معرفی سایت ایستا

سایت ها به دو نوع کلی تقسیم می شوند:

  • سایت های ایستا (static)
  • سایت های پویا (dynamic)

سایت های ایستا شامل تعدادی فایل هستند که با وارد کردن آدرس سایت می توان به آن ها دسترسی پیدا کرد. این فایل ها ثابت هستند و محتوای ثابتی دارند. اصولاً مدیریت این سایت ها نیازمند به تسلط کامل به برنامه نویسی، وقت و حوصله زیادی است و به همین دلیل بسیار کم استفاده می شود. این سایت ها را می توان علاوه بر پنل سایت بر روی فضاهای رایگان نیز پیاده نمود. سایت های ایستا برای معرفی محصولات، بیوگرافی و … مناسب هستند.

 

نوشتن پست در سایت های پویا همانند وبلاگ نویسی است و به همین جهت مدیریت این سایت ها بسیار آسان و لذت بخش می باشد.

در سایت های ایستا متن های سایت در فایل ها قرار دارند در صورتی که در سایت های پویا هیچ مطلبی از سایت درون فایل قرار ندارد و در یک منبع اطلاعاتی به نام دیتابیس (database) جمع آوری شده اند.

تفاوت یک سایت پویا که کامل ترین در نوع خود است با وبلاگ در این می باشد که:

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

قریب به اتفاق سایت های موجود در اینترنت پویا هستند ولی برای داشتن یک چنین سایتی نیاز به هاست دارید.



ادامه مطلب

نوشته شده در : دوشنبه 23 بهمن 1396  ساعت :08:26 ب.ظ   |   توسط :حسن امامی نظرات (0)

نکات مهم سئو فروشگاه های اینترنتی

وقتی که راجع به فروشگاه های اینترنتی صحبت می کنیم بایستی این نکته را یاد آور شویم که بحث سئو در آن ها مقداری متفاوت می باشد. فروشگاه های اینترنتی با چالش های زیادی رو به رو اند که در رتبه بندی آن ها توسط موتور های جستجو تاثیر مستقیمی دارد. اکثر فروشگاه های اینترنتی شامل هزاران صفحه می باشند که همه آن ها نیاز به بهینه سازی دارند. چالش هایی که فروشگاه های اینترنتی با آن ها دست به گریبان هستند عبارت هستند از : 

پیوند داخلی: هزاران صفحه در فروشگاه های اینترنتی هستند که تصمیم گیری درباره انتخاب صفحه ای به عنوان صفحه اصلی را دشوار نموده اند.

ناوبری مناسب: با توجه به حجم زیاد مطالب در فروشگاه های اینترنتی، ایجاد یک ساختار ناوبری که استفاده از آن برای مشریان راحت باشد و بتواند موتور های جستجو را به راحتی هدایت کند.

محتوا تکراری: امروزه بسیاری از فروشگاه های اینترنتی از توضیحات محصول ارائه شده توسط ابزار های تولید کننده محصولات استفاده می کنند. این یک چالش می باشد زیرا بسیاری از فروشگاه ها و وب سایت های مشابه نیز از این گونه ابزار های استفاده می کنند.

ساختار URL ضعیف: بسیاری از فروشگاه های اینترنتی به صورت اتوماتیک URL های ناخوانا و نامشخص تولید می کنند. این باعث می شود موتور های جستجو نتوانند به درستی به موضوع سایت پی ببرند.

ناتوانی در به دست آوردن لینک های با کیفیت بالا: در اکثر فروشگاه های اینترنتی محتوای زیادی برای لینک دادن وجود ندارد، پس بسیاری از وب سایت ها هیچ لینکی به این سایت ها نخواهند داشت.

سئو 

6 استراتژی برای بهبود سئو فروشگاه های اینترنتی 

در حالی که ممکن است سئو و بهینه سازی وب سایت های فروشگاه اینترنتی غیر ممکن به نظر بیاید، اما بسیاری از استراتژی های سئو هستند که می تواند در بهبود رتبه این وب سایت ها تاثیر به سزایی داشته باشند. اگر شما یک وب سایت فروشگاه اینترنتی دارید یا برنامه ای برای سرمایه گذاری در آن دارید به تکنیک های زیر توجه داشته باشید. 

ناوبری فیلتر شده: این فرآیند به مشتری امکان می دهد که از طریق فیلتر کردن محصولات مورد نظر خود در فروشگاه شما هدایت شود و به بر اساس تنظیمات مد نظر خود به نتایج دست پیدا کند.

پیوند عمیق (Deep Linking): فرایند پیوند دادن کلمات کلیدی به صفحات مهم در وب سایت شما می باشد. با ارائه دسترسی فوری به صفحات عمیق تر، شما شانس بیشتری برای افزایش بازدید های وب سایت خود دارید.

ایجاد نقشه سایت (Sitemap): نقشه سایت به موتورهای جستجو کمک می کند صفحات را در وب سایت خود شناسایی کند و شانس خود را برای نشان دادن آنها افزایش دهد. یک نقشه سایت کمک می کند تا مشتری به سرعت محصولات و صفحات مورد نظر خود را پیدا کند.

نام آدرس اینترنتی سایت شما (URL): این موضوع به موتور های جستجو کمک می کند تا بتواند صفحات وب سایت شما را بهتر جستجو نمایند.

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

توسعه محتوا: این امکان برای فروشگاه های اینترنتی وجود دارد که بتوانند از طریق ایجاد محتوای جدید نیز به رتبه خوبی دست پیدا کنند اما این مورد به صفحات زیر محدود می شود:

  • صفحه محصولات: از آن جا که بسیاری از فروشگاه های اینترنتی شامل قسمتی برای توضیحات محصولات هستند، شما می توانید با نوشتن محتوا مناسب و با کیفیت در این قسمت به بهبود رتبه سایت خود کمک کنید. 
  • صفحات دسته بندی (Category): شما می توانید با نوشتن توضیحات مناسب برای دسته بندی ها به بهبود سئو سایت خود کمک نمایید. این موضوع هم به موتور های جستجو کمک می کند تا سایت شما را پیدا و ایندکس کنند و هم به مشتریان کمک می نماید به آسانی به محصول مورد نظرشان دست پیدا کنند. 
  • نظرات: مشتریان خود را تشویق نمایید تا در وب سایت شما نظر بگذارند. این موضوع ترافیک وب سایت شما را افزایش داده و به مشتریان نیز کمک می کند تا آگاهانه درباره خرید محصولات از فروشگاه شما تصمیم بگیرند.
  • ارائه اطلاعات مفید: اغلب مشتریان وقتی به فروشگاه اینترنتی شما می آیند، قصد دارند تا آن جا که امکان دارد درباره محصول مورد نظرشان اطلاعات کسب کنند. شما می توانید با ارائه اطلاعات مفید در قسمت راهنما خریداران، یا ارائه دادن فیلم های آموزشی یا هر اطلاعاتی که به خرید بهتر آن ها کمک می کند محتوا مناسبی را فروشگاه خود قرار دهید.

فروشگاه اینترنتی 

سئو فروشگاه های اینترنتی چالش های زیادی را به همراه دارد، با این حال اگر شما از این استراتژی های پیشرفته استفاده نمایید، به خوبی خواهید توانست فروشگاه اینترنتی خود را توسط موتور های جستجو بهینه سازی کرده و همچنین مشتریان بیشتری را به دست آورید.



ادامه مطلب

نوشته شده در : دوشنبه 23 بهمن 1396  ساعت :04:55 ب.ظ   |   توسط :حسن امامی نظرات (0)

اشتباهاتي كه فروشگاه هاي اينترنتي نبايد انجام بدهند

 

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

 

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

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

۱. نمايش ندادن تعداد اجناس انتخاب‌شده در سبد خريد

مشتريان فروشگاه‌هاي الكترونيكي اين روزها براي دسترسي به فروشگاه‌هاي الكترونيكي از كامپيوتر خانگي، لپ‌تاپ، گوشي هوشمند و يا تبلت استفاده مي‌كنند؛ اما هر بار كه از يك دستگاه جديد وارد سايت مي‌شوند، سايت پيغامي را به آن‌ها نشان مي‌دهد كه آيا بازديدكننده جديد هستيد؟ درصورتي‌كه كاربر مشتري وب‌سايت شما است.

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

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

۲. لينك ندادن به صفحه اختصاصي محصول

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

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

۳. فيلتر نكردن بر اساس قيمت

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

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

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

۴. استفاده از سبك نادرست براي صفحه‌بندي محصولات

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

از طرفي اگر شما درزمينه پوشاك و مد فعاليت داريد، بايد در نظر داشته باشيد كه مخاطبان شما هميشه به دنبال جديدترين محصولات هستند. براي اين دست از مشتري‌ها وب‌سايت‌هاي تك‌صفحه‌‌اي يا One page گزينه مناسبي است چراكه محصولات جديد در بالاي صفحه قرار مي‌گيرند. البته بايد به اين موضوع اشاره كرد كه استفاده از وب‌سايت‌هاي one page همان‌طور كه ميزان تعامل كاربر را افزايش مي‌دهد از طرفي مي‌تواند باعث خستگي و سردرگمي كاربر شود.
راه‌حل اين مسئله استفاده از گزينه بارگذاري بيشتر يا Load More است. با اضافه كردن اين گزينه شما مطمئن خواهيد شد كه مشتري با ميل و علاقه خود ساير محصولات را مشاهده كرده است، هم‌چنين استفاده از اين دكمه ميزان بهره‌وري سايت را افزايش خواهد داد.

۵. نمايش ندادن نمادهاي اعتماد كسب‌وكار الكترونيكي

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

۶. نمايش ندادن تعداد محصولات باقي‌مانده

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

منبع



ادامه مطلب

نوشته شده در : یک شنبه 22 بهمن 1396  ساعت :09:46 ب.ظ   |   توسط :حسن امامی نظرات (0)

تعداد صفحات : 2   12

درباره ما

طراحی وب سایت

بایگانی

آمار بازدیدها

  • کل بازديد : 285
  • تعداد کل مطالب : 11
  • تعداد کل نظرات : 0
  • تاریخ ایجاد وبلاگ : دوشنبه 29 آبان 1396 

تماس با ما

پست الکترونيکي :
وب سایت :

خبرنامه