شنبه ۲۹ اردیبهشت ۰۳

طراحی سایت و خدمات تولید محتوا و سئو

طراحی سایت و خدمات تولید محتوا و سئو

تازه ترين مطالب

11 نکته در طراحی سایت فروشگاهی (قسمت دوم)

چهارشنبه ۲۹ تیر ۰۱ ۱۵:۱۵ ۱۴ بازديد 
در مقاله قبل درباره 6 نکته در طراحی سایت فروشگاهی صحبت کردیم. امروز نیز در ادامه این مقاله 
به بحث درباره 5 نکته ضروری دیگر می پردازیم.
 
7. آن را حرفه ای جلوه دهید
اساس یک سایت فروشگاهی این است که شما از بازدیدکنندگان وب سایت خود می خواهید چیزی از 
شما خریداری کنند. و در نتیجه، از آنها می‌خواهید که اطلاعات حساس مانند اطلاعات کارت اعتباری خود
 را تحویل دهند. کاری که اگر وب سایت شما بی‌نقص به نظر نمی‌رسد، احساس راحتی نمی‌کنند.
 
اگر می‌خواهید با مشتریان خود اعتماد ایجاد کنید، سرمایه‌گذاری در یک وب‌سایت حرفه‌ای ضروری است 
– و اگر می‌خواهید فروشگاه فروشگاهی شما موفق شود، ایجاد این اعتماد ضروری است.
 
منظور ما از حرفه ای چیست؟ وب سایت شما نباید دارای غلط املایی یا غلط املایی باشد. فونت، پالت
 رنگ و طراحی پاورقی شما باید از صفحه ای به صفحه دیگر سازگار باشد. همه پیوندها و دکمه های 
محصول شما باید کار کنند. عکس‌های شما نباید به نظر برسند که آن‌ها را روی یک آیفون 5 قدیمی
 گرفته‌اید و طراحی کلی سایت شما نباید به نظر برسد که آن را از Geocities در حدود سال 1997 کشیده‌اید.
 
نکته این است که اگر می‌خواهید مشتریانتان شما را جدی بگیرند، باید به آنها نشان دهید که خودتان
 را جدی می‌گیرید - و تنها راه برای انجام این کار طراحی وب حرفه‌ای است.
 
8. از کانال های سوشیال استفاده کنید
راه دیگری برای ایجاد آن اعتماد بسیار مهم؟ اثبات اجتماعی
 
هنگامی که در حال طراحی سایت فروشگاهی خود هستید، به دنبال راه هایی باشید تا به مشتریان
 بالقوه خود بازخورد مثبتی را که از مشتریان فعلی خود دریافت کرده اید نشان دهید. یک بخش رتبه 
بندی اضافه کنید که در آن افراد بتوانند محصولات شما را رتبه بندی کنند (و سپس تا جایی که می
 توانید نظرات 5 ستاره را دریافت کنید). یک بخش توصیفات اضافه کنید که در آن عکس‌های مشتری
 را با یک یا دو نقل قول در مورد تجربه فوق‌العاده‌ای که در کار با شما داشته‌اند، نشان می‌دهید. از 
مشتریان بخواهید که محصولات شما را بررسی کنند - و چه چیزی در مورد آنها دوست دارند - و 
سپس آنها را به وبلاگ شما اضافه کنند.
 
هرچه بازدیدکنندگان وب سایت شما بیشتر ببینند که افراد دیگر تجربه مثبتی از خرید در سایت شما
 داشته اند (چه از طریق بررسی یا توصیفات) قابل اعتمادتر ظاهر می شوید - و در نتیجه تبدیل شما بیشتر می شود.
 
9. دسته ها را برای پیمایش آسان کنید
هیچ چیز - و منظور ما هیچ چیز نیست - فروش را سریعتر از صفحات بی نظم محصول از بین نمی 
برد. اگر بازدیدکنندگان وب‌سایت شما قبل از اینکه محصول مورد نظر خود را پیدا کنند، مجبور باشند 
روی ده منوی مختلف کلیک کنند، سریعاً آن را بالا می‌برند—و مستقیماً به سایت رقیب مراجعه می‌کنند.
 
دسته بندی محصولات و صفحات محصول خود را برای پیمایش آسان کنید. جستجوی محصولات و
 فیلتر کردن محصولات بر اساس مواردی مانند رنگ، اندازه یا نوع محصول را برای مشتریان خود آسان
 کنید. هر چه پیمایش دسته‌ها و صفحات خود را آسان‌تر کنید، مشتریان شما راحت‌تر می‌توانند آنچه
 را که به دنبال آن هستند بیابند و خرید را برای آنها آسان‌تر خواهد کرد.
 
10.مراحل پرداخت را آسان کنید
به یاد داشته باشید که چگونه گفتیم هیچ چیز فروش را سریعتر از صفحات بی نظم محصول نمی کشد؟ 
خوب، یک تسویه حساب بی‌حساب قطعاً دومین مرحله است.
 
اگر فرآیند تسویه حساب شما برای شما دردسرساز باشد، مشتریان خود را از دست خواهید داد. اگر 
می خواهید مردم از شما خرید کنند، باید فرآیند خرید را تا حد امکان ساده، ساده و بدون دردسر انجام دهید.
 
طراحی صفحه پرداخت خود را تمیز، ساده و آسان برای پیمایش کنید. به مشتریان خود این امکان را 
بدهید که در سایت شما ثبت نام کنند یا به عنوان مهمان چک کنند. همه چیز را در مورد فرآیند کاملاً
 واضح بیان کنید: برای پردازش خرید به چه اطلاعاتی نیاز دارید (و کجا باید آن را وارد کنند)، گزینه های
 مختلف حمل و نقل موجود (و چقدر هزینه دارند) و در صورت بروز مشکل در آنها چه باید کرد. سفارش
 دهید یا نیاز به بازگشت دارند. پس از تکمیل خرید، مشتریان خود را به یک صفحه تأیید هدایت کنید 
تا بدانند همه چیز انجام شده است.
 
به طور خلاصه، اگر می خواهید مردم از شما خرید کنند، فرآیند پرداخت را تا حد امکان آسان کنید.
 
11. آن را ریسپانسیو کنید
رسمی است—موبایل به عنوان محبوب ترین راه برای گشت و گذار در اینترنت از دسکتاپ پیشی گرفته است
... و این شامل خرید می شود.
 
ما این را کوتاه می‌کنیم—اگر می‌خواهید مشتریانی را جذب کنید که می‌خواهند با تلفن یا رایانه لوحی خود
 خرید کنند، باید مطمئن شوید طراحی وب‌سایت شما کاملاً واکنش‌گرا باشد. در غیر این صورت ممکن است
 آن بازدیدکنندگان ارزشمند موبایل را متقاعد نکنید که سایت شما جایی است که آنها می خواهند خرید کنند.
 
نتیجه گیری
طراحی یک وب سایت فروشگاهی می تواند دشوار باشد - اما اکنون که نکات برتر طراحی وب را برای فروشگاهی
 می دانید، همه چیز لازم را برای طراحی سایتی دارید که نه تنها شگفت انگیز به نظر می رسد، بلکه تبدیل ب
ه دیوانه می شود.

11 نکته در طراحی سایت فروشگاهی (قسمت اول)

سه شنبه ۲۸ تیر ۰۱ ۱۳:۲۳ ۱۴ بازديد

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

 

نکات و ایده های طراحی وب سایت فروشگاهی

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

 

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

 

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

 

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

 

  1. آن را ساده نگه دارید
یکی از قوانین مهمی که باید در طول فرآیند طراحی فروشگاهی به خاطر بسپارید، "KISS" است - ساده و احمقانه نگه دارید! وقتی صحبت از طراحی یک وب سایت فروشگاهی می شود، ساده همیشه بهتر است. هرچه عناصر بیشتری در صفحه داشته باشید (رنگ‌ها! تبلیغات بنری! همه پاپ‌آپ‌ها!)، بیشتر از کل نقطه وب‌سایت دور می‌شود—بستن فروش. شما به تعداد زیادی زنگ و سوت در وب سایت فروشگاهی خود نیاز ندارید - تنها کاری که انجام می دهند این است که باعث حواس پرتی شود. طراحی خود را شفاف، تمیز و ساده نگه دارید و تمرکز خود را بر فروش بگذارید. 
2. برندسازی را در اولویت قرار دهید
وقتی نوبت به خرید آنلاین می‌رسد، مردم می‌خواهند از برندهای معتبر خرید کنند، نه از سایت‌های فروشگاهی بی‌چهره که مانند یک جبهه برای سرقت اطلاعات کارت اعتباری شما هستند. اگر می‌خواهید اعتمادی را ایجاد کنید که برای فروش جدی در فروشگاهی خود نیاز دارید، باید فکری جدی برای برندسازی خود داشته باشید. نام تجاری شما مانند DNA فروشگاهی شماست. این است که شما به عنوان یک شرکت چه کسی هستید، در مورد چه چیزی هستید، و اینکه چگونه از رقبای خود متفاوت هستید - و نقش مهمی در ایجاد ارتباط با مخاطبان شما و افزایش فروش دارد.
اگر می‌خواهید بیشترین بهره را از طراحی فروشگاهی خود ببرید، زمانی را برای تعریف برند خود اختصاص دهید و سپس آن نام تجاری را به طراحی خود وارد کنید. اگر مطمئن نیستید که به عنوان یک برند چه کسی هستید، اشکالی ندارد! شما فقط می خواهید قبل از شروع به طراحی، کمی جستجوی روحی کسب و کار انجام دهید. از خود سوالاتی بپرسید مانند: اگر برند من یک شخص بود، چه کسی بود؟اگر بخواهم نام تجاری خود را در سه کلمه توصیف کنم، آنها چه خواهند بود؟چه چیزی برند من را از سایر فروشگاه های فروشگاهیی متفاوت می کند؟ما چه کاری را بهتر از هر کس دیگری در بازار انجام می دهیم؟هنگامی که بدانید چه کسی هستید، می توانید آن را در برندسازی سایت فروشگاهی خود کار کنید. و آن برندینگ؟ این به ایجاد اعتماد با مخاطبان شما کمک می کند و در این فرآیند فروش جدی را به همراه خواهد داشت.
 3. مانند یک بازدیدکننده وب سایت فکر کنید
اگر می خواهید طراحی وب سایت فروشگاهی شما با مخاطبان شما ارتباط برقرار کند، باید مانند مخاطبان خود فکر کنید. در نهایت، فقط چند چیز وجود دارد که مشتریان بالقوه شما در یک تجربه فروشگاهی می خواهند - سایتی که به راحتی قابل پیمایش است، به خوبی طراحی شده است و فرآیند خرید را آسان، ساده و بدون دردسر می کند. و اگر می خواهید فروشگاه فروشگاهی شما موفق شود، بهتر است این موارد را به آنها بدهید. در طول فرآیند طراحی، خود را به جای بازدیدکنندگان قرار دهید. چه نوع طرح بندی قرار است برای آنها راحت تر حرکت کند؟
چگونه می توانید محصولات خود را به گونه ای سازماندهی کنید که برای کاربر نهایی منطقی باشد؟ چگونه می توانید فرآیند پرداخت را ساده کنید؟ هنگامی که شما مانند مشتری خود فکر می کنید، می توانید آنچه را که آنها از فروشگاه فروشگاهی خود می خواهند پیش بینی کنید و سپس سایت خود را به منظور برآورده کردن این نیازها طراحی کنید.
 4. از رنگ به نفع خود استفاده کنید
انتخاب رنگ‌ها برای سایت فروشگاهی شما چیزی بیش از گفتن «خب، قرمز رنگ مورد علاقه من است، پس بیایید همه چیز را قرمز کنیم!» رنگ ابزار بسیار قدرتمندی است – و اگر روانشناسی رنگ را درک کنید، می توانید از آن به نفع خود استفاده کنید (و در این فرآیند فروش جدی داشته باشید). رنگ‌های مختلف می‌توانند احساسات، عواطف و اقدامات متفاوتی را در افراد القا کنند—بنابراین، اگر می‌خواهید سایت فروشگاهی شما تبدیل شود، باید از آن الهام‌بخش‌های رنگی به نفع خود استفاده کنید. 
بنابراین، برای مثال، اگر می‌خواهید مردم خرید کنند، دکمه خرید را با رنگ روشنی مانند قرمز برجسته کنید. بر اساس روانشناسی رنگ، قرمز الهام بخش احساسات هیجان و اشتیاق است، که عوامل محرک پشت سر خرج کردن است - و مطالعات نشان می دهد که قرمز کردن دکمه می تواند تبدیل ها را تا 34 درصد افزایش دهد. یا اگر می خواهید اعتبار خود را افزایش دهید، رنگ آبی را در طراحی وب خود بگنجانید. آبی نه تنها یک رنگ محبوب جهانی است، بلکه نشان داده شده است که احساس اعتماد را افزایش می دهد و آن را به یک مورد در دنیای تجارت تبدیل می کند (دلیلی وجود دارد که رنگ آبی در بیش از نیمی از لوگوها ظاهر می شود). نکته این است که رنگ یکی از قدرتمندترین ابزارها در جعبه ابزار طراحی شماست – و اگر بدانید چگونه از آن استفاده کنید، می تواند تاثیر زیادی بر طراحی فروشگاهی شما داشته باشد. 
5. از تصاویر با کیفیت بالا استفاده کنید
در دنیای طراحی وب، این دانش عمومی است که تصاویر باعث افزایش تبدیل می شوند (به عنوان مثال، یک مطالعه موردی اخیر نشان داد که گنجاندن تصاویر مرتبط بیشتر در طراحی وب سایت باعث افزایش بیش از 40٪ تبدیل می شود). و این در مورد فروشگاهی حتی بیشتر صادق است.
 هیچ کس قرار نیست یک محصول را بخرد. اگر می خواهید مردم محصولات شما را بخرند، باید از طریق تصاویر محصول با کیفیت بالا به آنها نشان دهید که چه چیزی می خرند. گرفتن تصاویر حرفه ای از همه محصولات شما (و داشتن تصاویری از محصول شما از زوایای مختلف) کمک زیادی به ایجاد اعتماد و اعتماد در مشتریان شما می کند. اگر آن‌ها مطمئن باشند که می‌دانند چه چیزی می‌خرند، به احتمال زیاد خرید می‌کنند. اما اگر هیچ تصویری از محصولی که می‌خواهند بخرند وجود نداشته باشد (یا فقط یک تصویر با کیفیت پایین)، آن‌ها برای خرید تردید بیشتری خواهند داشت – و در نتیجه تبدیل‌های شما کاهش می‌یابد. به خودتان لطف کنید و تصاویر باکیفیت زیادی از هر چیزی که در سایت فروشگاهی خود می فروشید داشته باشید. تبدیل های شما از شما تشکر خواهد کرد. 
6. محتوای خود را قابل اسکن کنید
شما می توانید روزها را صرف ایجاد توضیحات طولانی برای محصولات در سایت فروشگاهی خود کنید، اما ما خبری برای شما داریم—هیچکس آن را نمی خواند. تحقیقات نشان می دهد که اکثر بازدیدکنندگان وب سایت تنها حدود 20 درصد از متن را در هر صفحه وب می خوانند. به جای خواندن کلمه به کلمه محتوا، آنها به سادگی متن را به دنبال اطلاعات کلیدی اسکن می کنند—بنابراین، اگر می خواهید هدف خود را به همه برسانید (و در این فرآیند فروش را افزایش دهید)، باید محتوای خود را قابل اسکن کنید. محتوای خود را – خواه این توضیحات محصول، پست های وبلاگ یا صفحه «درباره ما» باشد – در قالبی با قابلیت اسکن آسان تقسیم کنید. جملات و پاراگراف ها را کوتاه نگه دارید، از پررنگ برای جلب توجه به اطلاعات کلیدی استفاده کنید و از لیست های گلوله ای برای شکستن بلوک های بزرگ متون استفاده کنید. هرچه اسکن محتوای شما آسان‌تر باشد، احتمال بیشتری وجود دارد که مخاطب پیام‌های کلیدی شما را جذب کند – و احتمال بیشتری دارد که بتوانید فروش داشته باشید.

 منبع: https://en.99designs.nl/blog/web-digital/ecommerce-website-design-tips/

10 نکته برای طراحی سایت برای کودکان

سه شنبه ۲۱ تیر ۰۱ ۱۴:۵۴ ۱۹ بازديد
در اینجا چند نکته وجود دارد که هنگام طراحی وب برای کودکان باید در نظر داشته باشید:
برای سفارش طراحی سایت کودکان به وبکده مراجعه کنید.
 
  1. آن را رنگارنگ کنید
دلیلی وجود دارد که بیشتر شخصیت های کارتونی در تلویزیون بسیار زنده و روشن هستند - رنگ ها چشم را مجذوب خود می کنند! بچه‌ها رنگ‌های تند و شاداب را دوست دارند، بنابراین مطمئن شوید که مقداری را در پس‌زمینه، در متن و در میان بازی‌ها، موسیقی و انیمیشن‌ها در سرتاسر وب‌سایت پراکنده کنید.
  1. از انیمیشن استفاده کنید
چه کارتون های متحرک یا حروفی که در سراسر صفحه می رقصند، کودکان جذب حرکت می شوند. انیمیشن معمولاً با ادوبی فلش یا جاوا اسکریپت ایجاد می‌شود، انیمیشن می‌تواند معرفی‌های سرگرم‌کننده فلش و شخصیت‌های جذابی را که حرکت می‌کنند و صحبت می‌کنند، فعال کند. این به ایجاد تجربه‌ای برای کاربران جوان کمک می‌کند تا احساس کنند واقعاً در دنیای وب‌سایت هستند.
 
  1. همه چیز را راضی نگه دارید
چه کسی نمی‌خواهد با چیزی شاد درگیر شود؟ به خصوص بچه ها به سمت شخصیت ها و موقعیت های شاد و شاد جذب می شوند، بنابراین ایجاد یک صفحه اصلی یا بازی با حال و هوای شاد یک مزیت بزرگ خواهد بود.
 
کارلی استندر، مدیر طراحی وب سایت و گرافیک در Miles Technologies می گوید: «هنگام طراحی یک وب سایت برای بچه ها، شما می خواهید به حواس علاقه مند شوید. او می افزاید که رنگ های روشن احساس شادی را تحریک می کنند و در نتیجه خلق و خوی مثبت ایجاد می کنند. چه از عکس‌های بچه‌های شاد استفاده کنید، چه عبارات شادی را روی شخصیت‌های کارتونی طراحی کنید یا یک مکان هیجان‌انگیز و تخیلی را نشان دهید، مطمئناً بچه‌ها را مجذوب تصاویر نشاط‌آور می‌کنید.
 
  1. گروه سنی هدف خود را بشناسید
در حالی که همه وب سایت های کودکان باید روشن، رنگارنگ و شاد باشند، باید به خاطر داشته باشید که کاربران ایده آل شما چند سال دارند. کودکانی که بین سه تا پنج سال سن دارند احتمالاً از رنگ‌های تمیز، شخصیت‌های شایان ستایش و مقدار بسیار کم متن لذت خواهند برد. بچه هایی که کمی بزرگتر هستند - مثلاً نه تا دوازده ساله - بیشتر می خوانند و می توانند متن بیشتری را مدیریت کنند. آنها از بازی های تکراری که برای کودکان کوچکتر طراحی شده است دور می شوند، بنابراین مطمئن شوید که چیزها را برای آنها جالب و جذاب نگه دارید.
5. تخیل کلید است
به گفته وال استریت ژورنال، تمرین تخیل برای رشد شناختی کودک ضروری است و می تواند به خلاقیت، مهارت های اجتماعی، استرس و موارد دیگر کمک کند. بچه‌ها درباره سرزمین‌های جادویی هیجان‌زده هستند و وقتی با یک وب‌سایت تعامل دارند، در آن دنیا غرق می‌شوند. کوه‌ها را با خلیج زیبای اقیانوس پر از دلفین‌ها در زیر پهن‌تر کنید، یا با X که می‌درخشد، یک نقشه گنج ایجاد کنید. در حالی که برخی از خلاقیت‌ها به موضوعی که در مورد آن طراحی می‌کنید بستگی دارد، فراموش نکنید که هر زمان که ممکن است با هوس‌ها ترکیب کنید.
 6. ناوبری را به طور مستقیم بسازید
بچه‌ها همیشه یک مسیر منطقی را هنگام پیمایش یک وب‌سایت انتخاب نمی‌کنند، بنابراین دکمه‌های بزرگ و پررنگ با زبان واضح و توضیحی ضروری است. همچنین فضایی برای جذاب‌تر و جذاب‌تر کردن طراحی وجود دارد. کودکان عموماً برای بازی و سرگرمی به وب‌سایت‌ها می‌آیند، بنابراین منویی که دارای نمادهای رنگارنگ است یا در بالای پشت بام خانه نوشته شده باشد، بسیار جذاب‌تر از یک منوی ساده و تمیز در سمت چپ صفحه خواهد بود. 
7. بر میزان متن نظارت کنید
بسیاری از بزرگسالان برای به دست آوردن اطلاعات یا برقراری ارتباط از وب سایت ها بازدید می کنند، بنابراین مقدار مناسبی از متن قابل قبول در نظر گرفته می شود. هنگام کار با طراحی وب برای کودکان، حتما متن را به حداقل برسانید و به جای آن بیشتر به گرافیک، رنگ ها، اشکال و کاراکترها تکیه کنید. 
8. در سمت نوآوری اشتباه کنید
ایجاد یک وب سایت برای کودکان به این معنی است که فضای زیادی برای اصالت وجود دارد. نیازی به پایبندی به سنت های کلاسیک مانند خطوط تمیز و فضای سفید زیاد نیست. خلاق باشید و از مکان نما استاندارد و مستقیم دور شوید. چرا آن را به یک فیل تبدیل نمی کنید؟ منوهای خود را به روشی خلاقانه چیدمان کنید، یا یک صفحه ابداعی را انتخاب کنید - امکانات بی پایان هستند!
9. آن را تعاملی کنید
کودکان از درگیر شدن با ویژگی های موجود در وب سایت هایی که گشت می زنند لذت می برند. به آن‌ها اجازه دهید شخصیت‌هایی خلق کنند، با خودشان رقابت کنند یا ماشینی را که با سرعت در جاده‌ها در حال حرکت است را «رانند». مهم نیست که بچه‌ها روی چه صفحه‌ای تغییر می‌کنند، باید نوعی عنصر تعاملی وجود داشته باشد که به آن‌ها اجازه می‌دهد تا عملکرد صفحه را کنترل کنند. 
10. فضا را برای انواع رسانه ها ایجاد کنیدبچه‌ها از همه راه‌ها یاد می‌گیرند، بنابراین مطمئن شوید که اشکال مختلفی از رسانه‌ها مانند ویدیو، موسیقی و بازی‌ها را به وب‌سایت خود اضافه کنید.
این نه تنها به مبارزه با فاصله کوتاه توجه کودکان کمک می کند، بلکه رسانه ها می توانند به کودک کمک کنند تا چیزها را بهتر به خاطر بسپارد. برای استفاده از تخیل خود آماده اید؟بدون شک، طراحی یک وب سایت برای کودکان یکی از جالب ترین تجربیاتی است که ممکن است به عنوان یک طراح وب داشته باشید. لازم است که خود را به جای یک کودک بگذارید و تصور کنید که در هنگام مرور چه چیزی برای او جالب و جذاب خواهد بود. یکی از بهترین کارهایی که می توانید هنگام طراحی وب برای کودکان انجام دهید این است که یک کودک واقعی آن را برای شما آزمایش کند! اگر به طراحی وب برای کودکان عادت ندارید، مانند هر نوع طراحی وب، می تواند چالش برانگیز باشد. کلید ایجاد یک فرآیند موفق است. نکاتی را از متخصصان در مقاله ما دریافت کنید: راهنمای نهایی برای فرآیند طراحی وب بدون ناامیدی.
 
 

چگونه از آنالیز سایت برای تقویت برند خود استفاده کنیم؟ (قسمت دوم)

چهارشنبه ۰۸ تیر ۰۱ ۱۵:۰۲ ۱۸ بازديد

در قسمت قبل 4 گام اساسی در آنالیز و بررسی سایت را معرفی کردیم. امروز نیز در ادامه این مقاله به معرفی 4 ویژگی و ابزارهای آنالیز تکنیکال سایت خواهیم پرداخت.
 5. آنالیز محتوا
ممکن است برای اطمینان از اینکه سایت شما قابل هضم، جذاب و آسان است، یک آنالیز محتوا در نظر بگیرید. همچنین اشتباهات گرامری و املایی را بررسی می کند. آنالیز محتوا صفحات وب شما را از نظر زبان، گرامر و لحن ثابت اسکن می کند. آیا تا به حال یک وب سایت را ترک کرده اید که درک آن سخت بوده یا بد نوشته شده است؟ به همین دلیل است که زبان و لحن بسیار مهم است.
همچنین می تواند جذابیت سایت شما را برای مخاطبان بیشتری افزایش دهد. با بررسی لحن سایت شما، بازدیدکنندگان احتمال بیشتری دارد که با سایت شما ارتباط برقرار کنند. ممکن است بخواهید از این به عنوان فرصتی برای تجزیه و تحلیل نحوه هماهنگی لحن شما با برند خود استفاده کنید.
چنانچه سفارش طراحی وب سایت دارید و یا برای بهینه سازی سایت خود به مشاوره سئو نیاز دارید، به وبکده مراجعه کنید. 
آنالیز محتوا زبان و خوانایی صفحه شما را توسط کریساندی تجزیه و تحلیل می کند.آنالیز محتوا همچنین به نحوه ساختار محتوای شما نگاه می کند. آیا سلسله مراتب واضح و ساختار صفحه منطقی وجود دارد؟ من از دیدن صفحات وب درهم و برهم لذت نمی برم و حدس می زنم شما هم از دیدن آن لذت نمی برم. محتوای سازمان یافته به سایت شما تمرکز می کند.
ناوبری را ساده می‌کند و به مخاطبان اجازه می‌دهد محتوای شما را بدون احساس خستگی مصرف کنند. در این مورد، شاید شما توسط وب سایت هایی با عناصر تعاملی جذاب مانند بازی، انیمیشن و ویدیو مجذوب شده باشید. اما آنها باید در حد اعتدال پیاده‌سازی شوند، شما نمی‌خواهید این عناصر سرگرم‌کننده بیش از حد حواس‌تان را پرت کنند، مخصوصاً از CTA، در صورتی که برای کاربران آزاردهنده باشند. آنالیز محتوا می تواند اثربخشی این عناصر را اندازه گیری کند و در عین حال ترجیحات مخاطبان شما را آشکار کند.
 6. تحلیل رقابتی
انجام تجزیه و تحلیل رقابتی نوعی آنالیز وب سایت است که نشان می دهد چه کاری انجام می دهید که باعث می شود بالاتر از رقبا بدرخشید - و چه کارهایی را انجام نمی دهید. فرصتی فوق العاده برای تبدیل این اطلاعات به انگیزه ای برای متمایز کردن برند شما از رقبا است. این یک فشارسنج برای وب سایت شما، به ویژه برای وب سایت های تجاری-محور ارائه می دهد، و HubSpot در واقع یک الگوی تحلیل رقابتی رایگان ارائه می دهد. پس دقیقا چه کاری انجام می دهد؟ خوب سرنخ در نام است. انجام تجزیه و تحلیل رقابتی به شما این امکان را می دهد که با استفاده از داده ها و معیارها، رتبه و سئو سایت خود را با رقبا مقایسه کنید. از آن استفاده کنید تا بفهمید که چگونه سایت خود را برای مخاطبان بیشتر نمایان کنید و بفهمید رقبا چه چیزی را ارائه می دهند که به آنها کمک می کند عملکرد بهتری از شما داشته باشند (یا نه). 
بنابراین یک سوال خوب برای پرسیدن در طول آنالیز این است که رتبه و سئو سایت شما در مقایسه با رقبا چقدر خوب است؟ تجزیه و تحلیل رقابتی موفق با استفاده از داده ها و معیارها، بینش های عالی را ارائه می دهد. چه چیزی آنها را بیشتر از سایر رقبا قابل مشاهده است؟ پس از انجام تجزیه و تحلیل رقابتی، به راه هایی فکر کنید که سایت خود را بیشتر نمایان کنید. یک تحلیل رقابتی به مزایا و معایب سایت شما و رقبای آن می پردازد. از طریق این داده ها، می توانید یک برنامه عملی ایجاد کنید تا از رقبای خود عقب نمانید یا حتی پیشی بگیرید.
 7. آنالیز دسترسی
آیا داشتن کاربران بیشتری از پیشینه های مختلف برای تجربه سایت شما جذاب نیست؟ داشتن یک وب سایت در دسترس مخاطبان وب سایت شما را افزایش می دهد و جریان اطلاعات را سرعت می بخشد. این فرآیند شامل بررسی وب سایت شما برای انطباق با ADA است، که بررسی می کند که آیا افراد دارای معلولیت می توانند به راحتی از وب سایت شما استفاده کنند یا خیر. این آنالیز همچنین کنتراست رنگ را برای مخاطبانی که دارای اختلال در دید هستند تجزیه و تحلیل می کند و خوانایی را برای کاربران کور رنگ بررسی می کند. متن جایگزین را روی تصاویر قرار دهید تا کاربرانی که از صفحه‌خوان استفاده می‌کنند بتوانند محتوای شما را درک کنند. بهینه‌سازی صفحه برای بارگذاری سریع‌تر همچنین باعث می‌شود وب‌سایت شما برای کسانی که اتصال اینترنت کندتری دارند، در دسترس‌تر باشد.
 8. بررسی رسانه های اجتماعی 
اگر شما یک SMB هستید که هنوز در رسانه های اجتماعی حضور ندارید، بهتر است دلایل محکمی در پشت آن داشته باشید. طبق GWI، تا ژانویه 2022، بیش از نیمی (58.4٪) از کل جمعیت جهان از نوعی از آن استفاده می کنند. بررسی رسانه های اجتماعی می تواند به جذب مخاطبان جدید و گسترش برند شما در سطح جهانی کمک کند. هرچه شبکه جهانی و گسترش شما بیشتر شود، شانس افزایش درآمد و فروش برای کسب و کار شما بیشتر می شود. بعلاوه، هرگز نمی دانید که آیا محصول یا خدمات شما می تواند در یک بازار جدید مطرح شود یا خیر!
 این آنالیز همچنین به شما کمک می کند تا مطمئن شوید که پیوندهای رسانه های اجتماعی شما در وب سایت شما مرتبط هستند. اگر کسب و کار شما در چندین پلتفرم رسانه اجتماعی است، آنالیز می تواند به تعیین اینکه کدام یک برای برند شما مناسب هستند کمک کند. بررسی معیارها را بر اساس تعامل، مخاطبان و محتوای رسانه های اجتماعی اندازه گیری می کند. رسانه های اجتماعی یک راه هیجان انگیز برای افزایش تعامل با محتوای شما، از جمله مقاله ها، وبلاگ ها و ویدیوها ارائه می دهند. آنالیز پروفایل های اجتماعی می تواند به شما کمک کند تا پست های رسانه های اجتماعی خود را برای دسترسی بیشتر، تعامل و محتوای با کیفیت بالاتر بهینه کنید. 
ابزارهایی برای انجام آنالیز شما
 ابزارهای مختلفی وجود دارد که برای شما آنالیز وب سایت را انجام می دهد. برخی رایگان هستند و برخی دیگر بر اساس تعداد صفحات وب هزینه دریافت می کنند. استفاده از این ابزارها یک راه عالی برای آنالیز سایت شما است. همچنین یک گزینه سریعتر و زمانبر است و می تواند عمیق تر از آنالیز های دستی بخزد. در اینجا سه ​​بهترین ابزار بررسی را برای کمک به پوشش نیازهای بررسی شما انتخاب کرده ایم
1.     Ahrefs
Ahrefs
دارای مجموعه ای از ابزارهای بررسی است که کد وب سایت شما را از نظر خطاها، بهینه سازی صفحه و لینک های شکسته بررسی می کند. همچنین HTML و برچسب های اجتماعی شما را اسکن می کند. Ahrefs از یک خزنده استفاده می کند که یک ربات است که برای فهرست کردن صفحات وب برای موتورهای جستجو طراحی شده است تا بهترین راه ها را برای بهینه سازی سایت شما برای سئو تعیین کند. آنها برنامه های قیمت گذاری سطحی را ارائه می دهند که از 99 دلار در ماه شروع می شود، با موارد استفاده از سایت های شخصی و مشاغل کوچک گرفته تا پلتفرم های تجارت الکترونیک. اگر می خواهید رتبه و دید بهتری داشته باشید، Ahrefs یک انتخاب عالی است.
2. DeepCrawl
پیشرو در بهینه سازی سئو است. بر روی کلمات کلیدی تمرکز می کند و همچنین کد جاوا اسکریپت وب سایت شما را برای موتورهای جستجو و بهینه سازی عملکرد اسکن می کند. آنها یک سرویس خزنده معروف و یک رابط انعطاف پذیر ارائه می دهند، اما قیمت گذاری مستلزم دریافت یک قیمت برای مورد استفاده شما است. به دلیل تمرکز بر عملکرد در مقیاس بزرگ، بهترین استفاده از آن برای آنالیز وب سایت های سازمانی است.
3. Site Analyzer
یکی دیگر از خدمات فوق العاده بررسی وب سایت است که محتوا، طراحی، سئو و عملکرد وب سایت شما را تجزیه و تحلیل می کند. این سرویس برای بهینه سازی طراحی و کیفیت محتوا مناسب تر است. دیدن اینکه آنها دسترسی را بررسی می کنند لذت بخش است، که راهی عالی برای فراگیرتر کردن وب سایت شما است. آنها سابقه ثابتی دارند و به طور میانگین 42 درصد افزایش ترافیک سئو در 2 ماه داشته اند. Site Analyzer دارای ویژگی های تجزیه و تحلیل صفحات فردی است. این ویژگی هر صفحه وب سایت شما را برای عبارات جستجوی رایج که به عنوان کلمات کلیدی شناخته می شوند، اسکن می کند. Site Analyzer ردیابی رتبه را ارائه می دهد تا ببیند چگونه با رقبا مقایسه می کنید.
آنها چندین طرح پولی را ارائه می دهند که طیف متنوعی از مشتریان را پوشش می دهد. شما می توانید یک بررسی وب سایت را خودتان انجام دهید، که در صورت داشتن زمان برای انجام این کار، یک گزینه قوی است. همچنین ممکن است با انجام این کار به جای استفاده از ابزارهای بررسی، در پول خود صرفه جویی کنید و در عین حال درک عمیق تری از مخاطبان و برند خود به دست آورید. اگر بخواهید خودتان این کار را انجام دهید تا مطمئن شوید که از قبل به چک لیست خود مجهز شده اید تا در مسیر خود بمانید، مهم تر است. همانطور که پس از آنالیز سایت خود اصلاحات را اجرا می کنید، حتماً به صورت دوره ای یک قدم به عقب برگردید و از تیم خود در مورد پیشرفت سوال کنید. اگر می‌خواهید بدون نگرانی از سایت نگهداری کنید، از پلتفرم‌های تعمیر و نگهداری خودکار استفاده کنید. این ابزارها خدمات معمول تعمیر و نگهداری وب سایت را خودکار می کنند، مانند هشدار دادن به شما در مورد لینک های شکسته و به روز رسانی تم ها یا افزونه ها در صورتی که سایت شما از وردپرس استفاده می کند. آنها شامل اقدامات امنیتی خودکار مانند به روز رسانی خودکار گواهینامه SSL و اسکن بدافزار و ویروس 24/7 هستند.
WP Buffs یک سرویس خودکار محبوب برای سایت های وردپرس است. آنها پشتیبان گیری خودکار سایت، امنیت همیشه روشن و پشتیبانی وب اضطراری را ارائه می دهند. انتظار دارید حداقل 80 دلار آمریکا ماهانه برای خدمات آنها بپردازید.
 جمع بندی آنالیز وب سایت شما
هنگامی که آنالیز وب سایت خود را با موفقیت انجام دادید، گام بعدی این است که این یافته ها را در وب سایت خود پیاده سازی کنید. چک لیست های آنالیز وب سایت و مشکلات خود را با مدیران سایت، طراحان و بازاریابان خود به اشتراک بگذارید تا از همسویی اهداف اطمینان حاصل کنید. بازخورد بخواهید با توسعه دهندگان خود و کسانی که سایت شما را نگهداری می کنند در مورد نگهداری به روز صحبت کنید. بررسی یک فرآیند تکراری است. از بازدید مجدد و برداشتن یک قدم به عقب برای پیشبرد وب سایت خود نترسید - همه اینها بخشی از سرگرمی است.

 

منبع: https://en.99designs.nl/blog/web-digital/how-to-do-a-website-audit/

تاثیر Mobile First Design بر سئو سایت

دوشنبه ۳۰ خرداد ۰۱ ۱۶:۰۳ ۱۵ بازديد
طراحی موبایل اول فقط یک روند در دنیای طراحی نیست. این امر بسیار مهم است زیرا به مشکلات اساسی صفحات وب موجود، از جمله وب سایت های دسکتاپ که برای مشاهده در نمایشگرهای بزرگ طراحی شده اند، رسیدگی می کند.
 
واقعیت این است که کاربران اینترنت بیشتر از هر زمان دیگری محتوا را از طریق دستگاه های تلفن همراه مشاهده می کنند. و به گفته جان مولر از گوگل، گوگل شروع به استفاده از سایت های تلفن همراه به عنوان فاکتورهای رتبه بندی برای نتایج جستجوی خود کرده است.
 
در این مقاله به تاثیر Mobile First Design بر سئو سایت اشاره می شود.
 چه زمانی باید ابتدا طراحی موبایل را بپذیرید؟
قبل از اینکه در مورد نحوه ایجاد و اعمال یک طرح اول موبایل صحبت کنیم، بیایید در مورد اینکه آیا در وهله اول باید حتی با آن زحمت بکشید یا نه صحبت کنیم. همانطور که قبلاً اشاره کردیم، آمارهای اخیر نشان می‌دهد که افراد بیشتری از تلفن‌های خود به وب‌سایت‌ها دسترسی دارند تا هر چیز دیگری - دسکتاپ دیگر پادشاه نیست.
اما برخی استدلال می کنند که طراحی سایت شما برای دستگاه های تلفن همراه تنها باعث هدر رفتن زمان و هزینه می شود بدون اینکه ارزش واقعی برای کاربران ایجاد کند. در اینجا دو دلیل احتمالی وجود دارد که چرا نباید عجله کنید:موبایل همیشه نمای پیش فرض نیستکاربران دسکتاپ در اقلیت هستند، اما وجود ندارند. اگر وب سایت شما ابتدا برای کاربران دسکتاپ طراحی شده است، بیشتر مخاطبان خود را نادیده می گیرید.
و اگر شخصی از طریق دستگاهی که وسیله اصلی مرور اینترنت او نیست، از وب سایت شما بازدید می کند، ممکن است مجبور شود کارهای اضافی (مانند کوچک کردن و بزرگنمایی) انجام دهد تا محتوای شما را به گونه ای که برای او راحت است ببیند. طراحی سایت برای موبایل شما اهمیت کمتری دارداین دلیل به نوعی با مورد آخر همراه است.
اگر دستگاه های تلفن همراه اولویت اصلی سایت شما نیستند، پس چرا این همه تلاش اضافی انجام دهید؟ شما می توانید با تلاش کمتر در سایت تلفن همراه خود خلاص شوید زیرا به اندازه سایت دسکتاپ مهم نیست. اما با وجود اینکه این دلایل تا حدی اعتبار دارند، کل داستان را بیان نمی کنند. طراحی موبایل اول نباید به عنوان جایگزینی برای طراحی دسکتاپ دیده شود.
باید به عنوان افزودنی در نظر گرفته شود که به طور کلی تجربه کاربر را افزایش می دهد. و هنگامی که به درستی انجام شود، می تواند ارزش واقعی را برای کاربران شما فراهم کند.بیایید نگاهی به برخی از این مزایا بیندازیم. 
چگونه طراحی Mobile-First تجربه کاربر را افزایش می دهد
1) ناوبری را آسان تر می کند
یکی از بزرگ‌ترین مشکلات دستگاه‌های تلفن همراه این است که صفحه نمایش آن‌ها اغلب کوچکتر از آن است که نمی‌تواند همه محتوا را در یک صفحه در یک صفحه نمایش دهد. این می تواند منجر به اسکرول افقی زیادی شود که برای کاربر ناخوشایند و برای سئو وب سایت شما مضر است. طراحی موبایل اول این مشکل را با اولویت بندی مهم ترین محتوا و پنهان کردن بقیه در پشت منو یا آیکون حل می کند. این به کاربران اجازه می‌دهد تا بدون نیاز به پیمایش در میان مجموعه‌ای از متن‌ها و تصاویر اضافی، روی چیزهای مهم تمرکز کنند. 
2) باعث می شود صفحات سریعتر بارگذاری شوند
دستگاه های تلفن همراه اغلب اتصالات اینترنتی کندتری نسبت به رایانه های رومیزی دارند، بنابراین ضروری است مطمئن شوید که صفحات شما در سریع ترین زمان ممکن بارگیری می شوند. طراحی Mobile-first این کار را با به حداقل رساندن مقدار داده‌ای که باید برای مشاهده محتوا بارگذاری شود، انجام می‌دهد. می توانید با تمرکز بر موارد ضروری ابتدا از شلوغ شدن صفحات خود با تصاویر و اسکریپت های غیر ضروری جلوگیری کنید.
 3) توسعه و نگهداری را آسان تر می کند
طراحی برای دستگاه های تلفن همراه می تواند یک چالش باشد، به خصوص اگر وب سایت شما دارای صفحات و بخش های مختلف زیادی باشد. مطمئن شدن از ظاهر خوب هر صفحه هنگام مشاهده با تلفن همراه آسان نیست، بنابراین معمولاً توسعه دهندگان مجبور هستند رابط های جداگانه ای برای تلفن ها و مرورگرهای دسکتاپ ایجاد کنند. طراحی موبایل اول این مشکل را با پاسخگو کردن تمام عناصر رابط حل می کند - این بدان معنی است که آنها بسته به نوع دستگاهی که برای دسترسی به آنها استفاده می شود اندازه خود را تغییر می دهند. 
4) تجربه کاربری بهتری نسبت به همه ایجاد می کند
یکی از اهداف اصلی در توسعه اپلیکیشن موبایل ایجاد یک رابط کاربری آسان است، اما این همیشه در مورد وب سایت ها صادق نیست. از آنجایی که شما فقط می توانید یک نفر را وادار کنید که روی پیوند شما کلیک کند، طراحان وب سایت تمام تلاش خود را می کنند تا اطلاعات بیشتری را در صفحات خود جمع کنند، که منجر به طرح بندی های شلوغ می شود که بیشتر آزاردهنده هستند تا مفید. طراحی موبایل اول این مشکل را با تمرکز بر موارد ضروری و بی نظمی صفحات شما حل می کند. حذف عناصر غیر ضروری باعث می شود بازدیدکنندگان بر روی موارد ضروری تمرکز کنند و به سرعت از سایت شما عبور کنند، که منجر به افزایش تعامل و تبدیل می شود.
 موبایل در مقابل دسکتاپ: دوگانگی کاذب 
برای سال‌ها، طراحان وب سایت‌های دسکتاپ ایجاد کرده‌اند که همیشه هنگام مشاهده در دستگاه‌های تلفن همراه خوب کار نمی‌کنند. گوگل گفته است که نیمی از ترافیک وب سایت از تلفن های همراه است. اما به لطف محبوبیت گوشی‌های هوشمند در دهه گذشته، ما به نقطه‌ای رسیده‌ایم که طراحی برای یکی یا دیگری دیگر گزینه‌ای نیست. این همان جایی است که طراحی اول موبایل وارد می شود. به جای طراحی ابتدا برای دسکتاپ و سپس تطبیق آن برای دستگاه های تلفن همراه، طراحی اول موبایل با این فرض شروع می شود که همه کاربران سایت را در تلفن یا تبلت مشاهده می کنند. این می‌تواند برای برخی از طراحان تغییر سختی باشد، اما مهم است که به یاد داشته باشید که وب موبایل اکنون یک واقعیت است و نادیده گرفتن آن تنها به کاهش ترافیک و از دست دادن فروش منجر می‌شود.
 بنابراین چگونه می‌خواهید یک وب‌سایت برای موبایل اول ایجاد کنید؟
اولین قدم ایجاد یک راهنمای سبک است که به عنوان یک طرح اولیه برای وب سایت شما عمل می کند. این راهنما باید شامل تمام عناصر مختلفی باشد که روی شما استفاده می شود و ابعاد و فاصله مربوط به آنها. هنگامی که این کار کامل شد، می توانید شروع به ایجاد هر صفحه در سایت خود کنید، محتوا را اولویت بندی کنید و بر هر چیزی که ضروری نیست تاکید نکنید.این استراتژی در ابتدا کمی زمان اضافی می گیرد، اما در دراز مدت ارزش تلاش را دارد. طراحی اول تلفن همراه نه تنها صفحات شما را برای همه کاربران در دسترس تر می کند، بلکه می تواند با ارائه دقیق آنچه بازدیدکنندگان بدون هیچ گونه حواس پرتی غیر ضروری به بازدیدکنندگان نیاز دارند، منجر به تبدیل بیشتر و بازدهی بیشتر شود.
 

4 قانون طلایی در طراحی UI (قسمت دوم)

دوشنبه ۲۳ خرداد ۰۱ ۱۶:۵۰ ۲۰ بازديد
 
در مقاله قبل دو قانون اساسی در طراحی UI در طراحی سایت خبری را بررسی کردیم. امروز نیز در ادامه این مقاله به بررسی دو قانون دیگر می پردازیم.
 از استعاره های دنیای واقعی استفاده کنید
استفاده از استعاره در طراحی UI به کاربران اجازه می دهد تا ارتباطی بین دنیای واقعی و تجربیات دیجیتال ایجاد کنند. استعاره های دنیای واقعی با اجازه دادن به کاربران برای انتقال دانش موجود در مورد اینکه چگونه چیزها باید ظاهر و کار کنند، توانمند می شوند. استعاره ها اغلب برای آشنا کردن افراد ناآشنا به کار می روند. به عنوان مثال سطل بازیافت روی دسکتاپ خود را که فایل های حذف شده را در خود نگهداری می کند، در نظر بگیرید – این سطل زباله واقعی نیست، اما به صورت بصری به گونه ای نمایش داده شده است که به شما کمک می کند مفهوم را راحت تر درک کنید.
برای طراحی UI در ساخت سایت فروشگاهی این نکات را حتما به خاطر داشته باشید.
استعاره های خوب یک ارتباط قوی با تجربیات گذشته از دنیای واقعی در ذهن کاربران ایجاد می کنند. نماد سطل بازیافت در مک ها شبیه سطل واقعی است و نشان می دهد که آیا فایل هایی در آن وجود دارد یا خیر. هنگام انتخاب استعاره برای UI، استعاره ای را انتخاب کنید که کاربران را قادر می سازد تا بهترین جزئیات مدل مفهومی را درک کنند. به عنوان مثال، هنگام درخواست جزئیات کارت اعتباری برای پردازش پرداخت، می توانید به عنوان مثال به یک کارت فیزیکی واقعی اشاره کنید.مهندس برای خطاهاخطاها در سفر کاربر سهوی هستند. مدیریت اشتباه اشتباه همراه با پیام های خطای بی فایده می تواند کاربران را پر از ناامیدی کند و آنها را به رها کردن برنامه شما سوق دهد. از سوی دیگر، یک پیام خطای خوش ساخت می تواند لحظه ای از ناامیدی را به لحظه ای تبدیل کند. پیام خطای موثر ترکیبی از اعلان خطای صریح همراه با نکاتی برای حل مشکل است.حتی بهتر از نوشتن پیام های خطای خوب داشتن طراحی رابط کاربری است که از بروز مشکل در وهله اول جلوگیری می کند. سعی کنید شرایط مستعد خطا را از بین ببرید یا آنها را بررسی کنید و قبل از اینکه کاربران به عمل متعهد شوند، یک گفتگوی تأیید ارائه دهید. به عنوان مثال، زمانی که فراموش می کنید پیوستی را وارد کنید، جیمیل از شما درخواست می کند.بهترین طرح ها بازیابی خطای عالی دارند در حالی که سعی می کنند در وهله اول از انجام آن خطاها توسط کاربران جلوگیری کنند. اگر کاربران فراموش کنند پس از ارجاع یک پیوست، پیوستی را درج کنند، پیشگیری از خطا در Gmail یک پنجره بازشو نشان می دهد. 
از کار یک کاربر محافظت کنیداطمینان حاصل کنید که کاربران هرگز کار خود را از دست نمی دهند. کاربران نباید کار خود را در نتیجه خطایی از جانب خود از دست بدهند (یعنی به طور تصادفی یک صفحه وب را با فرمی که دارای ورودی کاربر است بازخوانی کنید)، خطای سیستم، مشکل در اتصال به اینترنت یا هر دلیل دیگری غیر از مواردی که وجود دارد. کاملاً اجتناب ناپذیر است، مانند از دست دادن برق غیر منتظره. 
3. کاهش بار شناختی 
بار شناختی مقدار قدرت پردازش ذهنی مورد نیاز برای استفاده از یک محصول است. بهتر است از وادار کردن کاربران به فکر کردن/سخت کار کردن برای استفاده از محصول خود جلوگیری کنید. قطعه قطعه کردن برای دنباله ای از اطلاعات یا اقداماتدر سال 1956، جرج میلر، روانشناس، جهان را با تئوری تکه تکه شدن آشنا کرد. میلر در آثارش می‌گوید که حافظه فعال انسان می‌تواند هفت به اضافه یا منهای دو «تکه» اطلاعات را در حالی که ما در حال پردازش اطلاعات هستیم، مدیریت کند. این قانون می تواند هنگام سازماندهی و گروه بندی موارد با هم استفاده شود. به عنوان مثال، اگر رابط کاربری شما کاربران را مجبور به وارد کردن شماره تلفن بدون فاصله معمولی کند، می‌تواند منجر به تعداد زیادی شماره تلفنی شود که اشتباه گرفته شده‌اند.
افراد معمولاً نمی توانند خوشه های ده رقمی یا بیشتر را برای کشف خطاها اسکن کنند.
دقیقاً به همین دلیل است که شماره تلفن ها به قطعات کوچکتر تقسیم می شوند.تعداد اقدامات لازم برای تکمیل یک کار را کاهش دهیدهنگام طراحی یک رابط کاربری، سعی کنید تعداد کل اقدامات مورد نیاز کاربر برای رسیدن به هدف را کاهش دهید. شایان ذکر است قانون سه کلیک را به خاطر بسپارید، که نشان می دهد کاربر یک محصول باید بتواند هر اطلاعاتی را با بیش از سه کلیک ماوس پیدا کند. شناخت بیش از یادآورییکی از 10 اکتشافی قابلیت استفاده Jakob Nielsen توصیه می‌کند که در طراحی UI، شناسایی بیش از یادآوری را ارتقا دهید. تشخیص چیزی بسیار ساده‌تر از یادآوری آن است، زیرا تشخیص شامل نشانه‌های بیشتری در مغز ما می‌شود (سرنخ‌ها فعال شدن را به اطلاعات مرتبط در حافظه می‌رسانند، و این نشانه‌ها به ما کمک می‌کنند اطلاعات را به خاطر بسپاریم). طراحان می توانند با قابل مشاهده بودن و دسترسی آسان به اطلاعات و عملکرد، شناسایی را در رابط های کاربری ارتقا دهند. کمک‌های بصری، مانند راهنمایی‌های ابزار و جزئیات حساس به زمینه نیز به پشتیبانی کاربران در تشخیص اطلاعات کمک می‌کنند.
ارتقای وضوح بصریسازماندهی بصری خوب، قابلیت استفاده و خوانایی را بهبود می بخشد، و به کاربران این امکان را می دهد که به سرعت اطلاعات مورد نظر خود را بیابند و از رابط به طور موثرتری استفاده کنند. هنگام طراحی چیدمان: از ارائه اطلاعات بیش از حد در یک زمان روی صفحه خودداری کنید. طراحی سیستم شبکه ای بسازید تا از درهم ریختگی بصری جلوگیری کنید.اصل «فرم تابع تابع است» را به خاطر بسپارید.اصول کلی سازماندهی محتوا مانند گروه بندی موارد مشابه با هم، شماره گذاری آیتم ها و استفاده از سرفصل ها و متن سریع را به کار ببرید.4. رابط های کاربری را سازگار کنیدسازگاری یکی از ویژگی‌های ضروری رابط کاربری خوب است - طراحی سازگار، طراحی بصری است. سازگاری یکی از قوی ترین عوامل موثر در قابلیت استفاده و یادگیری است. ایده اصلی سازگاری، ایده دانش قابل انتقال است - به کاربران اجازه دهید دانش و مهارت های خود را از یک قسمت از رابط کاربری برنامه به قسمت دیگر و از یک برنامه به برنامه دیگر منتقل کنند. 
سازگاری بصری (سبک)کاربران هرگز نباید یکپارچگی یک محصول را زیر سوال ببرند. رنگ‌ها، فونت‌ها و نمادها باید در سراسر محصول وجود داشته باشد. مطمئن شوید که همیشه به مدیر سیستم طراحی خود مراجعه کنید تا مطمئن شوید که سبک های بصری محصول خود را بدون دلیل مشخص تغییر نمی دهید. به عنوان مثال، دکمه ارسال در یک صفحه از سایت شما باید در هر صفحه دیگر یکسان باشد.از استفاده از سبک های مختلف برای عناصر در صفحات مختلف سایت خودداری کنید. کاربران نباید تعجب کنند که آیا یک دکمه تبدیل شده مانند این مثال به همان معنی است یا خیر. سازگاری عملکردی (رفتار)سازگاری رفتار به این معنی است که شیء باید در سرتاسر رابط به یک شکل کار کند.
رفتار کنترل‌های رابط، مانند دکمه‌ها و آیتم‌های منو، نباید در محصول تغییر کند. کاربران غافلگیری یا تغییر در رفتار آشنا را نمی خواهند - وقتی همه چیز کار نمی کند به راحتی ناامید می شوند. این می تواند مانع یادگیری شود و کاربران را از احساس اطمینان در مورد ثبات در رابط بازدارد. کاربر خود را گیج نکنید——  با پیروی از «اصل کم‌ترین غافلگیری»، عملکردها را ثابت نگه دارید تا رابط کاربری همانطور که کاربران انتظار دارند رفتار کند. مطابق با انتظارات کاربرمردم انتظارات خاصی در مورد برنامه ها/وب سایت هایی که استفاده می کنند دارند. طراحی محصول خود به گونه ای که با انتظارات کاربر در تضاد باشد، یکی از بدترین کارهایی است که می توانید برای یک کاربر انجام دهید. مهم نیست که چه استدلال منطقی برای عملکرد یا ظاهر یک چیز ارائه می کنید. اگر کاربران انتظار داشته باشند که کارکرد/ ظاهر متفاوتی داشته باشد، تغییر این انتظارات با مشکل مواجه خواهید شد.
اگر رویکرد شما هیچ مزیت واضحی ارائه نمی دهد، با آنچه کاربران شما انتظار دارند پیش بروید. کنوانسیون های پلت فرم را دنبال کنید. محصول شما باید با استانداردهای دیکته شده توسط دستورالعمل های پلت فرم سازگار باشد. دستورالعمل ها تضمین می کند که کاربران شما می توانند عناصر رابط کاربری را در طراحی شما درک کنند.الگوها را دوباره اختراع نکنید برای اکثر مشکلات طراحی، راه حل های مناسب از قبل وجود دارد.
این راه حل ها الگو نامیده می شوند. الگوهای محبوب تبدیل به یک قرارداد می شوند و اکثر کاربران با آنها آشنا هستند. در نظر نگرفتن این راه حل و ادامه طراحی راه حل خود می تواند چالش هایی را برای کاربران به دنبال داشته باشد. در بیشتر موارد، شکستن قراردادهای طراحی منجر به یک تجربه کاربر خسته کننده می شود - شما با مشکلات قابلیت استفاده مواجه خواهید شد نه لزوماً به این دلیل که راه حل شما اشتباه خواهد بود، بلکه به این دلیل که کاربران با آن آشنا نیستند.سعی نکنید اصطلاحات را دوباره ابداع کنید. هنگامی که کلماتی در دسترس هستند که کاربران از قبل می دانند، از استفاده از اصطلاحات جدید خودداری کنید. کاربران بیشتر وقت خود را در برنامه های دیگر و در سایت های دیگر می گذرانند، بنابراین انتظارات خاصی در مورد نام گذاری دارند. استفاده از کلمات مختلف ممکن است آنها را گیج کند.نتیجههدف طراحان UI امروزه تولید رابط های کاربر پسند است: رابط هایی که کاوش را بدون ترس از عواقب منفی تشویق می کنند. بدون شک رابط های آینده بصری تر، فریبنده تر، قابل پیش بینی تر و بخشنده تر خواهند بود، اما اکثر اصول طراحی UI ذکر شده در این مقاله مطمئناً برای آنها نیز قابل اجرا خواهند بود.

11 بهترین ابزار نرم افزار طراحی وب در سال 2022 (قسمت دوم)

چهارشنبه ۱۸ خرداد ۰۱ ۱۴:۴۳ ۲۴ بازديد
در مقاله قبل 4 تا از بهترین نرم افزارهای طراحی سایت را با هم مرور کردیم. امروز نیز در ادامه این مطلب با هم 7 نرم افزار باقیمانده را مطالعه خواهیم کرد.
 
5. Framer
Framer که ابتدا به عنوان یک کتابخانه جاوا اسکریپت برای نمونه سازی آغاز شد، اکنون ابزار همه کاره خود است که برای کمک به تیم های طراحی در ایجاد نمونه های اولیه بدون کد خیره کننده طراحی شده است.
 برای سفارش طراحی سایت شخصی و طراحی سایت شرکتی در تهران به وبکده مراجعه کنید. 
چیزی که Framer را از دیگر ابزارهای موجود در این لیست متمایز می کند این است که دارای کتابخانه عظیمی از دارایی های بصری است که همه آنها را می توان مطابق با پروژه شما سفارشی کرد. سفارشی کردن نحوه کار عناصر طراحی مختلف با یکدیگر و انتقال روی صفحه آسان است.
در حالی که رابط کاربری آن به طرز قابل توجهی شبیه به Sketch است، از نظر انیمیشن های پیشرفته و طراحی های کاملاً واکنش گرا پشتیبانی بسیار بیشتری دریافت می کنید.
 در حالی که برای ایجاد نمونه های اولیه طراحی در Framer نیازی به دانستن کد ندارید، این ابزار از افزودن کد سفارشی بر روی هر عنصری که با آن کار می کنید پشتیبانی می کند. به علاوه، از آنجایی که Framer کاملاً روی React و JavaScript کار می‌کند – و کشیدن ویرایشگر کد در حین کار آسان است – محیط خوبی برای یادگیری نحوه کار زبان است. زمانی که زمان شروع ساخت وب‌سایت‌تان فرا می‌رسد، یا زمانی که آماده هستید طرح خود را به تیم توسعه بسپارید، کد React و جاوا اسکریپت از پیش تولید شده Framer به توسعه‌دهندگان این امکان را می‌دهد که مطمئن شوند هیچ یک از طرح‌های شما در ترجمه گم نمی‌شوند.

 6. FlowMapp
تصویری از وب سایت FlowMapp.بهترین برای: برنامه ریزی نقشه سایت و نمودارهای جریانقیمت: رایگان تا 199 دلار در سالموجود برای: وبیکی از عناصر کلیدی طراحی وب، درک سفر مشتری است. FlowMapp برای کمک به شما در ساختن فلوچارت ها و نقشه های سفر و درک آنچه بازدیدکنندگان سایت شما به دنبال آن هستند، طراحی شده است. همچنین به طور کامل برای همکاری طراحی شده است و به تیم ها اجازه می دهد تا روی پروژه ها در زمان واقعی کار کنند. در حالی که FlowMapp به عنوان یک ابزار طراحی کامل طراحی نشده است، FlowMapp دارای کتابخانه ای از آیکون ها، ویرایشگرهای متن، ابزار اشاره گر و هر چیزی است که برای ایجاد فلوچارت های چشم نواز که آماده ارائه در جلسه بعدی شما هستند، نیاز دارید.
ابزار برنامه ریزی پرسونا همچنین به شما - یا تیم بازاریابی شما - اجازه می دهد تا تحقیقات کاربر را وارد کنید، و سپس می توانید از ابزار جریان کاربر برای ایجاد نمودارهای گردشی سفارشی بر اساس نیاز آن شخصیت ها استفاده کنید. یکی از بزرگترین چالش هایی که طراحان با FlowMapp با آن روبرو هستند این است که تنها ادغام آن در حال حاضر با Slack است. در حالی که این هنوز مفید است، به این معنی است که اگر از سایر ابزارهای نرم افزار طراحی وب مانند Sketch، Webflow یا Adobe XD استفاده می کنید، جریان کار شما قطع می شود.

 7. Balsamiq
Balsamiq
یک ابزار فوق العاده برای هر کسی است که به دنبال کسب اطلاعات بیشتر در مورد ساخت رابط کاربری و بهبود تجربه کاربری است. این یک ابزار فریم سیمی سریع و با کیفیت پایین است که تهیه پیش‌نویس نسخه‌های مختلف رابط کاربری را بدون گرفتار شدن در جزئیات مربوط به رنگ‌ها، فونت‌ها و دیگر عناصر طراحی که بعداً در مراحل بعدی قرار می‌گیرند، سریع و آسان می‌کند. چه در طراحی وب تازه کار باشید و چه به دنبال کسب اطلاعات بیشتر در مورد طراحی رابط کاربری هستید، Balsamiq یکی از پایین ترین منحنی های یادگیری را در بین هر ابزار نرم افزار طراحی وب دارد. این دارای صدها دارایی است که می توانید در ویرایشگر ساده کشیدن و رها کردن خود از آنها استفاده کنید، و حتی می توانید طرح ها را برای نمونه سازی اولیه به یکدیگر پیوند دهید. گزینه های قیمت گذاری Balsamiq همچنین برنامه را کاملاً در دسترس قرار می دهد، چه به تنهایی کار کنید یا بخشی از یک تیم حرفه ای باشید. با Balsamiq Cloud، بسته به تعداد اسلات طراحی مورد نیاز خود، نه ویژگی هایی که استفاده می کنید، ماهانه یا سالانه پرداخت می کنید. و اگر می دانید که قرار است برای مدت طولانی از این برنامه استفاده کنید، می توانید با پرداخت هزینه یکباره برای نسخه دسکتاپ در هزینه خود صرفه جویی کنید.
 8. Optimal Research
طراحی وب همه چیز این نیست که بدانیم چگونه رابط های کاربری چشم نواز، گرافیک و صفحات وب بسازیم. شما همچنین باید بدانید که کاربران چگونه به صورت آنلاین عمل می کنند، انتظار دارند اطلاعات کجا باشد و چه چیزی را می خواهند از هر وب سایتی پیدا کنند. به همین دلیل است که Optimal Workshop ابزار قدرتمندی است که می توانید در زرادخانه خود داشته باشید. با Optimal Research، هزاران ابزار مختلف را دریافت می‌کنید که به شما کمک می‌کنند تا طرح‌ها را قاب‌بندی کنید و آنها را با شرکت‌کنندگان واقعی تحقیق آزمایش کنید. می‌توانید به سرعت یک طراحی وب‌سایت راه‌اندازی کنید، یک مطالعه ایجاد کنید،
شرکت‌کنندگان را استخدام کنید و ببینید چه مسیرهایی را برای یافتن اطلاعاتی که در ابتدای مطالعه مشخص کرده‌اید طی کرده‌اند. این برای توسعه‌دهندگان وب که با فروشگاه‌های آنلاین کار می‌کنند فوق‌العاده است، زیرا یک نمای کلی از نحوه تلاش کاربران برای یافتن محصولات به شما می‌دهد. این به شما تمام داده‌هایی را می‌دهد که برای قالب‌بندی و ساخت طراحی‌های وب‌سایتی که کاملاً کاربردی هستند و به کاربران شما خدمات می‌دهند، نیاز دارید. در حالی که اگر به عنوان یک سرگرمی روی طراحی وب کار می کنید، ممکن است این کار چندان مفید نباشد، Optimal Research یک ابزار قدرتمند برای متخصصان طراحی وب است، خواه به عنوان فریلنسر، با استارتاپ ها یا به عنوان بخشی از یک تیم طراحی بزرگتر کار کنند.
 9. Google Web Designer
هنگامی که طراحی وب را شروع می کنید، به احتمال زیاد نمی خواهید برای یک ابزار نرم افزار طراحی وب هزینه ای پرداخت کنید. Google Web Designer اگرچه برای کار با Google Ads و Google Display & Video 360 طراحی شده است، اما ابزاری عالی برای شروع کار است. نه تنها رایگان است، بلکه بر روی HTML5 اجرا می‌شود، که یکی از ساده‌ترین زبان‌های کدنویسی برای دریافت و درک است. همانطور که گفته شد، برای استفاده از Google Web Designer نیازی به کدنویسی ندارید. با این حال، اگر می‌خواهید کد سفارشی اضافه کنید یا در حال یادگیری نحوه کار کدنویسی هستید، می‌توانید ویرایشگر کد را باز کنید تا کدهای HTML5، CSS و جاوا اسکریپت از پیش تولید شده را در حین ویرایش ببینید. 
در مقایسه با برخی دیگر از ابزارهای این فهرست، Google Web Designer اساسی‌تر است. شما محدود به ایجاد تنها عناصر طراحی گرافیکی به جای صفحات وب کامل هستید، و تعداد انتقال ها و انیمیشن هایی که می توانید استفاده کنید محدود است. در حالی که می‌توانید تعاملات را نمونه‌سازی کنید، باید صفحات جداگانه‌ای را برای هر «صحنه» باز کنید، بنابراین دیدن اینکه چگونه همه چیز با هم هماهنگ می‌شوند دشوارتر است. Google Web Designer یک ابزار نرم افزار طراحی وب خوب است که وقتی تازه کار هستید و به دنبال کسب تجربه عملی با طراحی وب هستید، می توانید آن را امتحان کنید. 

10. Justinmind
جاستین مایند یک پلتفرم نمونه‌سازی اولیه برنامه همه‌جانبه است که برای کمک به طراحان وب در ایجاد برنامه‌های کاربرپسند و بصری برای همه دستگاه‌ها طراحی شده است. این یکی از مبتدی‌ترین ابزارهای نرم‌افزار طراحی وب نمونه‌سازی است که در حال حاضر در بازار موجود است، و دارای طیف گسترده‌ای از منابع یادگیری برای کمک به درک طراحی UX است. یکی از اصلی‌ترین مزایای Justinmind، کیت‌های UI از پیش نصب شده آن است که به شما کمک می‌کند تا برنامه‌های اولیه را برای iOS و Android، و همچنین ساختن فلوچارت‌ها و رابط‌های Wireframe بسازید. به‌علاوه، اگر می‌خواهید نمونه‌سازی خود را بیشتر پیش ببرید، می‌توانید کیت‌های UI اضافی را دانلود کنید که به شما کمک می‌کند برای دستگاه‌های دیگر مانند Apple Watch و Google Glass طراحی کنید یا عناصر مناسب توسعه‌دهنده را از Bootstrap اضافه کنید.
 این یکی از ابزارهای سنگین‌تر موجود است، زیرا در صورت عدم دسترسی به یک دستگاه تلفن همراه برای آزمایش، شبیه‌سازهای داخلی iOS و Android دارد. به‌علاوه، به‌طور کامل برای طراحی تجارت الکترونیک راه‌اندازی شده است، و نقشه‌های حرارتی آزمایش‌کننده داخلی می‌توانند به شما کمک کنند تا طراحی خود را برای حداکثر فروش تجارت الکترونیک بهینه کنید. مشابه سایر ابزارهای نمونه سازی موجود، Justinmind دارای ویرایشگر کشیدن و رها کردن با رابط کاربری مشابه فتوشاپ است. با این حال، قطعاً منحنی یادگیری مشابه محصولات Adobe را ندارد، و آن را به انتخابی عالی برای طراحان وب مشتاق تبدیل می کند.
 11. InVision Studio
InVision Studio
یکی از جدیدترین ابزارهای نمونه سازی مشترک در دسترس است، و تنها 7.95 دلار در ماه برای طرح حرفه ای آنها، یکی از رقابتی ترین ابزارهای موجود در بازار است. یکی از بهترین چیزهای در مورد InVision Studio این است که از تعداد زیادی ادغام مختلف برای مجموعه طراحی موجود شما مانند Sketch، Photoshop و حتی ابزارهای بهره وری مانند Slack و Trello پشتیبانی می کند. این ابزار نمونه سازی طراحی وب همه چیزهایی را دارد که معمولاً به آن نیاز دارید، خواه به تنهایی کار کنید یا با یک تیم همکاری می کنید. InVision Studio با ابزارهایی مانند تابلوهای جمع‌آوری الهام، تخته‌های سفید دیجیتال، و ابزارهای کامنت‌گذاری بلادرنگ و ویرایش مشارکتی، به شدت بر روی همکاری تمرکز می‌کند.
این یک انتخاب خوب برای کار یا برای به اشتراک گذاشتن ایده های خود با دوستان است. تنها نقطه ضعف InVision Studio این است که برخلاف برخی دیگر از ابزارهای موجود در این لیست، نمی‌توانید الگوهایی ایجاد کنید و آنها را به اشتراک بگذارید، مگر اینکه شرکت شما هزینه طرح سازمانی را پرداخت کند. این کار مفید بودن برنامه به تنهایی را محدود می کند، به ویژه برای طراحان وب انفرادی، اما ادغام ها به طور بالقوه می توانند به شما در دور زدن این موضوع کمک کنند. 
بهترین ابزارهای نرم افزار طراحی وب در سال 2022
هرگز زمان بهتری برای یادگیری طراحی وب وجود نداشته است. حتی اگر در زمینه طراحی وب باتجربه هستید و به استفاده از فناوری های قدیمی مانند فتوشاپ برای انجام کارهای سنگین طراحی وب خود عادت دارید، گزینه های زیادی برای بهینه سازی گردش کار، بهبود طرح های خود و حتی کمک به شما در تست کاربر وجود دارد. وایرفریم ها و نمونه های اولیه شما
 

20 نکته کلیدی در طراحی سایت (قسمت سوم)

یکشنبه ۰۸ خرداد ۰۱ ۱۳:۳۵ ۲۱ بازديد
در دو مقاله قبل درباره 13 نکته کلیدی در طراحی سایت سخن گفتیم. امروز نیز در ادامه این مقاله قصد داریم به 7 فاکتور کلیدی دیگر اشاره کنیم.
  1. تجربه کاربری را در اولویت قرار دهید
تجربه کاربری فقط برای طراحان UX نیست. هرکسی که می‌خواهد مخاطبانش در وب‌سایتشان اقدامی انجام دهند (خواه اشتراک در لیست پستی باشد یا خرید چیزی) باید به سفر مشتری توجه کند. خبر خوب این است که این لزوماً نباید یک فرآیند پیچیده یا بسیار فنی باشد. این صرفاً در مورد آسان کردن هرچه بیشتر مخاطبان برای برداشتن مراحل مورد نظر است.
این وب سایت برای کتاب و سفر، طراحی ساده UX را در بهترین حالت خود به نمایش می گذارد. آن‌ها دقیقاً می‌دانند که مخاطبانشان برای چه چیزی در آنجا هستند - برای جستجو و رزرو پرواز و محل اقامت - بنابراین آنها این قابلیت را مستقیماً در صفحه اصلی خود قرار داده‌اند. این یک دستگاه بیش از حد پیچیده نیست، اما مطمئناً یک دستگاه مؤثر است!
جهت سفارش طراحی سایت خبری و آگاهی از هزینه بازطراحی سایت به وبکده مراجعه کنید. 

15. استفاده از سیستم های شبکه ای را در نظر بگیرید
استفاده از طرح‌بندی شبکه‌ای یک راه اشتباه برای اینکه وب‌سایت شما مرتب، منظم و حرفه‌ای به نظر برسد، است. در اصل، اینها خطوط افقی و عمودی متقاطع هستند که به عنوان راهنما برای قرار دادن و تراز کردن عناصر در ترکیب شما عمل می کنند. این یک ابزار بصری قدرتمند است که یکپارچگی و نظم را در طراحی شما ایجاد می‌کند - که می‌تواند به ویژه در زمانی که اتفاقات زیادی در جریان است مفید باشد!
در این مفهوم وبلاگ برای The Hilgart، طراح Ruslan Siiz از یک چیدمان مبتنی بر شبکه استفاده کرده است تا اساس چیدمان خود را تشکیل دهد. در حالی که برخی از عناصر نامتقارن و ستون های مختلف در سراسر این صفحه اصلی وجود دارد، این باعث می شود که ظاهری مرتب و ساختار یافته داشته باشید.
 
می توانید با قالب Canva’s Pink Advocacy Portfolio به جلوه ای مشابه دست پیدا کنید. طرح شبکه ای آماده آن به شما کمک می کند تا تعادل بصری را در طراحی وب سایت خود ایجاد کنید.
این وب سایت برای شرکت مالی Alpha Blue Ocean نشان می دهد که چگونه برای ایجاد تأثیر جدی به متن زیادی نیاز ندارید. آن‌ها بلافاصله هدف برند خود را تنها در چند کلمه به نمایش گذاشته‌اند (با استفاده از یک حروف سفید واضح که در برابر پس‌زمینه آبی پر جنب و جوش برجسته می‌شود) با این حال، آنها همچنین به کاربر این امکان را می‌دهند که با استفاده از پیمایش در سمت چپ، اطلاعات بیشتری درباره آنها نشان دهد. قالب وب‌سایت فروشگاه اینترنتی Canva’s Teal Books and Publishers دارای تمام عناصر بصری است که برای انتقال ساده و مؤثر پیام برند خود به آن نیاز دارید. به سادگی عنوان و عنوان فرعی را با عنوان خود تغییر دهید!
 
17. از عدم تغییر استفاده کنید
اصل تغییر ناپذیری زمانی است که شما یک گزینه متفاوت را در میان یک گروه همگن قرار دهید. این می تواند یک ابزار ضروری برای طراحی جداول قیمت در وب سایت شما باشد. وب سایت Code Canyonوب سایت Code Canyon این جدول قیمت از تم وب سایت Envato Modern Bootstrap 4 نمونه ای عالی از این اصل در عمل است. در حالی که اکثر گزینه ها دارای یک کادر سفید با متن سیاه و یک دکمه قرمز هستند، رنگ آمیزی برای بسته "شرکتی" معکوس شده است. به طور طبیعی، چشم انسان مستقیماً به سمت دیگری می رود که متفاوت است - وقتی می خواهید توجه را به یک گزینه خاص یا پیشنهاد ویژه جلب کنید، می تواند به نفع شما باشد! زمانی که می‌خواهید کاربر را به انجام یک اقدام خاص تشویق کنید،
می‌توان از تغییر ناپذیری در منوهای پیمایش استفاده کرد. 
18. قانون هیک
در خارج از دنیای طراحی، این اصل به طور کلی به عنوان "خستگی تصمیم گیری" نامیده می شود. به نام روانشناسان بریتانیایی و آمریکایی ویلیام ادموند هیک و ری هیمن، این ایده وجود دارد که "با هر انتخاب اضافی زمان لازم برای تصمیم گیری افزایش می یابد." ، هرچه بیشتر کاربر خود را با گزینه های بسیار زیاد بارگذاری کنید (خواه دکمه ها یا گزینه های منو) بیشتر طول می کشد تا آنها را برای انجام اقدام ترغیب کنید. و از آنجایی که شما معمولاً فقط یک فرصت بسیار باریک برای تأثیرگذاری دارید، این چیز خوبی نیست! به همین دلیل است که بسیار مهم است که تماس‌های خود را محدود کنید و آن‌هایی را که استفاده می‌کنید تا حد امکان مؤثر کنید.این وب سایت برای شرکت برق Green Mountain Energy به وضوح با در نظر گرفتن قانون هیک طراحی شده است. به کاربر تنها دو فراخوان برای اقدام اصلی داده می‌شود (که به لطف دکمه نارنجی به وضوح برجسته می‌شوند) که هدف بسیار مهم شناسایی خانه یا کسب‌وکار بودن آن‌ها است. غذای آماده؟ فراخوانی برای اقدام بیشتر از آنچه مطلقاً نیاز دارید درج نکنید.
 19. از تقارن استفاده کنیددر حالی که زمان و مکانی برای طرح‌های انتزاعی و نامتقارن وجود دارد، نمی‌توانید با تقارن اشتباه کنید. با اشاره به زمانی که دو نیمه از یک کل کاملاً یکدیگر را منعکس می کنند، این یک راه آسان است که بلافاصله طراحی وب سایت شما متعادل تر، مرتب و حرفه ای تر به نظر برسد.این مفهوم طراحی برای یک شرکت کوله پشتی ثابت می کند که تقارن نباید خسته کننده باشد. طراح Gabe Becker با قرار دادن تصویر دختر در وسط هدر به تقارن عمودی و افقی دست یافته است. این با ردیفی از کیسه‌های کاملاً تراز شده در زیر منعکس شده است. این تکنیک بصری موثر حسی ساختار یافته به یک طراحی پر جنب و جوش و "صدا" می دهد. 
آیا می خواهید در طراحی وب سایت خود به تقارن دست یابید؟ قالب وب‌سایت تجاری تبلیغات و بازاریابی نارنجی سیاه Canva همه کارهای سنگین را برای شما انجام داده است! تنها کاری که باید انجام دهید این است که رنگ ها، فونت ها و متن برند خود را اضافه کنید تا آن را متعلق به خودتان کنید.
20. طراحی هم برای وب و هم برای موبایل
اگر فقط به یک اصل طراحی وب سایت توجه می کنید، آن را به این یکی تبدیل کنید! گوشی‌های هوشمند راه به جایی نمی‌برند، در واقع، آنها به طور فزاینده‌ای به محبوب‌ترین روشی برای مصرف محتوا تبدیل می‌شوند. به همین دلیل است که طراحی با در نظر گرفتن دسکتاپ و موبایل بسیار مهم است. این بدان معناست که اطمینان حاصل کنید که سرصفحه‌ها و پاراگراف‌های شما در هر دو دستگاه به خوبی کار می‌کنند، هیچ تصویر یا سایر عناصر بصری قطع نشده است و استفاده از دکمه‌های شما در یک صفحه کوچک آسان است. همچنین شامل اطمینان از بارگیری سریع وب سایت شما در هر دو دستگاه است. 
کوله پشتی موبایل طراحی کوله پشتی موبایل توسط Gabe Becker از طریق Dribbble بهینه سازی وب سایت خود برای تلفن همراه گاهی اوقات به معنای استفاده از طرح بندی های مختلف برای دسکتاپ است. این را می توانید در نسخه موبایل فرندل مثال بالا مشاهده کنید. در اینجا، آنها از یک تصویر تمام صفحه و طراحی شبکه ای به طور خاص برای بهبود تجربه تلفن همراه استفاده کرده اند. این نشان می دهد که چرا باید طراحی برای موبایل و وب را به عنوان دو نهاد مجزا در نظر گرفت. رعایت این اصول طراحی باعث نمی شود که به قوانین پایبند باشید. این به سادگی تضمین می کند که شما یک پایه قوی دارید، بنابراین می توانید ریسک کنید و در جایی که مهم است آزمایش کنید.
 
 
 

چطور یک محتوای سئو شده بنویسیم؟

شنبه ۳۱ اردیبهشت ۰۱ ۱۳:۲۵ ۳۱ بازديد
هر کسی می‌تواند مقاله بنویسد، اما برای نوشتن مقالات بهینه‌شده سئو نیاز به تمرین خاصی دارد.
 
در این مقاله نکاتی را برای نوشتن مقالات بهینه شده با سئو به اشتراک می گذارم که در موتورهای جستجو رتبه بهتری خواهند داشت.
من چندین وبلاگ را اجرا می کنم و چندین نویسنده داریم که شبانه روز کار می کنند تا این سایت ها را با محتوای تازه و با کیفیت به روز نگه دارند. با این حال، گاهی اوقات کیفیت ممکن است کاهش یابد (که معمولاً به دلیل کمبود دانش اتفاق می افتد).
برای آگاهی از تعرفه سئو سایت و تولید محتوای متنی با مشاورین وبکده تماس بگیرید.
هر پست وبلاگ از نظر رتبه بندی موتورهای جستجو مانند یک صفحه وب است و می توانید هر پست را با کلمات کلیدی خاصی برای موتورهای جستجو بهینه کنید.
 
هنگام نوشتن این مقالات سئو دوستانه، چندین نکته وجود دارد که باید در نظر داشته باشید.

 
هر زمان که نویسنده جدیدی را برای کار در یکی از وبلاگ‌هایمان استخدام می‌کنم، باید ورودی‌ها و چک‌لیست‌های دستی به او بدهم تا به آنها در نوشتن مقالات بهتر کمک کنم. جدای از انتخاب موضوعات، یک چک لیست کامل سئو وجود دارد که باید رعایت شود.
همچنین، توجه داشته باشید که در این پست من به تحقیق کلمات کلیدی نمی پردازم زیرا به یک پست مفصل نیاز دارد.
 
چگونه یک مقاله سئو شده بنویسیم؟
 مرحله 1- با تحقیق شروع کنیداگر واقعاً می‌خواهید بدون تحقیق تفاوتی برای خود یا مشتریانتان ایجاد کنید، به سادگی در تاریکی عکس می‌گیرید. در این مرحله می‌خواهید چند مورد را مشخص کنید: کلمه کلیدی به هدفطول مقالهنوع مقالهمقالات موجود را برای طرح کلی تجزیه و تحلیل کنیدمردم هم سوال می پرسندبه خودتان لطف کنید و ابتدا ابزاری مانند SEMrush دریافت کنید. SEMrush آزمایشی رایگان ارائه می دهد که به شما کمک می کند تا در مورد موضوع خود تحقیق بهتری داشته باشید و به بهینه سازی مناسب کلمه کلیدی کمک کنید. این به شما کمک می کند تا بفهمید کلمه کلیدی مناسبی که باید هدف قرار دهید چیست.
 مرحله 2- نوع محتوا: هدف جستجوی کلمه کلیدیهمچنین، کلمه کلیدی مورد نظر خود را در جستجوی گوگل قرار دهید تا ببینید در حال حاضر چه نوع مقالاتی رتبه بندی می شوند. این بخشی از تحقیق است و به شما کمک می‌کند بفهمید که گوگل چه نوع مقاله‌ای را برای چنین پرسش‌هایی بهتر می‌داند. ممکن است متوجه الگوی خاصی در نتیجه جستجو شوید. به عنوان مثال، درخواست‌های خاص فقط فهرست‌هایی را که در تصویر زیر نشان داده شده است نشان می‌دهند:
مرحله 3- طول مقاله را بی‌حرکت بیابیداز یک دستیار نوشتن SEMrush برای شناسایی محدودیت کلمات بیکار که باید برای افزایش شانس خود برای رتبه بندی در صفحه اول داشته باشید، استفاده کنید. برای استفاده از این، به داشبورد SEMrush وارد شوید (14 روز آزمایش رایگان را از اینجا دریافت کنید)در زیر صفحه و فناوری سئو > قالب محتوای سئوهمانطور که در تصویر بالا نشان داده شده است، میانگین کلمه صفحه اول برای کلمه کلیدی مورد نظر من 2182 است. من طبیعتاً مطمئن می شوم که مقاله بهینه سازی شده سئو من باید حداقل 2100 کلمه باشد. من در واقع در راهنمای قبلی خود در مورد "محتوای طولانی برای SEO" در مورد این عمیق صحبت کرده ام. بسیار خوب، هنگامی که ما با این داده ها آماده شدیم، اکنون زمان ایجاد یک طرح کلی است. 10 نتیجه برتر را برای کلمه کلیدی مورد نظر خود تجزیه و تحلیل کنید. می‌دانم که این کارها بسیار زیاد است، اما باز هم، اگر هدف شما کسب رتبه 1 در جستجو است، باید این گام‌های اضافی را بردارید تا متمایز شوید. بر اساس درک خود، یک طرح کلی از محتوای خود ایجاد کنید. زمان خوبی برای یادگیری طوفان فکری و طرح کلی از این راهنمای رایگان است. 
مرحله 4- از قسمت People also ask گوگل استفاده کنیدکلمه کلیدی مورد نظر خود را در جستجوی گوگل جستجو کنید، بخشی به نام "مردم نیز می پرسند" را نشان می دهد.سوالاتی را که با هدف مقاله شما منطقی هستند انتخاب کنید و در مقاله خود به آنها پاسخ دهید. اما، در اینجا متوقف نشوید، زیرا وقتی روی یکی از سؤالات کلیک می کنید، گوگل سؤالات بیشتری را بعد از آن اضافه می کند.این یک راه هوشمند برای اطمینان از اینکه محتوای بهینه شده سئوی شما به سوالاتی که مردم به دنبال آن هستند پاسخ می دهد است. بسیار خوب، اکنون زمان آن است که شروع به نوشتن و بهینه سازی مقاله خود برای سئو کنید. در حال حاضر، من از وردپرس به عنوان سیستم مدیریت محتوای خود استفاده می کنم و حتی اگر از چیز دیگری استفاده می کنید، نکات بعدی در مورد کپی رایتینگ SEO برای شما قابل اجرا است. اگر هر مرحله خاصی برای شما منطقی نیست، بخش نظرات ما را بررسی کنید زیرا پر از سوالات و پاسخ های مفید است.
 1. عنوان پست و عنوان متاابتدا باید تفاوت بین عنوان پست و عنوان متا را درک کنید. عنوان پست: خواننده شما چگونه عنوان پست را در وب سایت شما می بیند.عنوان متای پست: چگونه موتورهای جستجو پست شما را در نتایج جستجو نشان می دهند.اگر عنوان متا را در تنظیمات سئو خود مشخص نکرده باشید، عنوان پست شما به عنوان عنوان متا در نظر گرفته می شود. مهم است که کلمات کلیدی خود را در عنوان متا داشته باشید.شما می توانید بیشتر در مورد این در اینجا بخوانید: چگونه عنوان پست را برای خوانندگان و موتورهای جستجو بهینه کنیمنکته حرفه ای: عنوان پست خود را کمتر از 66 کاراکتر نگه دارید. 
2. توضیحات متا پست
هر افزونه سئو وردپرس به شما امکان می دهد توضیحات متا را به یک پست اضافه کنید. این توضیحات نقش مهمی در رتبه بندی موتورهای جستجو دارند. توضیح متا را به عنوان یک نسخه فروش برای پست وبلاگ خود در نظر بگیرید: در 156 کاراکتر، باید کلمات کلیدی خود را اضافه کنید و توضیحی ایجاد کنید که به اندازه کافی اغوا کننده باشد تا کاربران بتوانند روی آن کلیک کنند.اگر در گذشته توضیحات متا را اضافه نکرده اید، باید بلافاصله شروع به انجام آن کنید. مطمئن شوید که کلمه کلیدی اصلی خود را در توضیحات متا اضافه کنید و آن را هدفمند کنید.توضیحات متا بسیار مهم هستند. شما باید به هر یک از پست های منتشر شده قبلی خود که دارای توضیحات متا نیستند برگردید و یکی را اضافه کنید. با بهینه سازی توضیحات متا پست خود، اطمینان حاصل می کنید که هر پستی که می نویسید دارای پتانسیل ایجاد حداکثر ترافیک به سایت شما است. گوگل هر پست وبلاگ را به عنوان یک صفحه وب متفاوت می بیند، بنابراین شما می توانید هر پست را برای کلمات کلیدی خاص رتبه بندی کنید. توضیحات متا مکان های خوبی برای قرار دادن کلمات کلیدی هستند.
 3. ویژگی Alt Imageگوگل نمی تواند تصاویر را بخواند. متن نحوه تشخیص تصویر توسط گوگل است.برای اطمینان از اینکه موتورهای جستجو می توانند بفهمند یک تصویر در مورد چیست، باید مطمئن شوید که از نام های مناسب تصاویر استفاده کنید. بسیاری از افراد با آپلود تصاویر با نام هایی مانند image001.jpg اشتباه می کنند. این یک اشتباه بزرگ است!هنگام نامگذاری یک تصویر، نام مربوط به خود تصویر را حفظ کنید. به عنوان مثال، اگر از داشبورد AdSense اسکرین شات بگیرید و نام آن را AdSense بگذارید، هدف قرار نمی گیرد. در عوض، باید از نامی مانند «AdSense-dashboard» استفاده کنید. به این ترتیب، هنگامی که افراد در جستجوی تصویر گوگل، تصویری را جستجو می کنند، در یکی از پست های وبلاگ ما روی تصویری قرار می گیرند. همیشه می توانید هنگام آپلود یک تصویر، ویژگی های alt را به صورت دستی اضافه کنید. من هنگام استفاده از کلمات کلیدی در متن لنگر تصویر (و همچنین هنگام نامگذاری یک تصویر) نتایج مثبتی دیده ام، بنابراین حداقل باید از کلمات کلیدی در متن جایگزین تصویر خود استفاده کنید.
 4. Interlink و Anchor Textهنگام نوشتن یک پست جدید، همیشه ایده خوبی است که به پست های وبلاگ قدیمی پیوند دهید تا خوانندگان برای مدت طولانی تری در سایت شما بمانند و همچنین موتورهای جستجو بتوانند دوباره این پست های قدیمی را بررسی کنند. این به ناوبری بهتر سایت شما کمک می کند که نرخ پرش - یکی دیگر از عوامل مهم SEO - را کاهش می دهد. هنگامی که به یکدیگر پیوند می دهید، باید از تکنیک متن لنگر استفاده کنید. به عبارت ساده، هنگامی که به یک پست وبلاگ لینک می دهید، گزینه ای برای افزودن پیوند و عنوان می بینید. اطمینان حاصل کنید که عنوان پست را با کلمات کلیدی اصلی پستی که به آن پیوند می دهید پر کنید. 
5. پیوند یکتا را بهینه کنیدکلماتی مانند حروف اضافه و بسیاری دیگر که در اینجا فهرست شده اند توسط موتور جستجو نادیده گرفته می شوند را از پیوند یکتا حذف کرده و تا جای ممکن آن را کوتاه کنید. عناوین پست ما معمولا حاوی تعداد زیادی از کلمات توقف هستند. به عنوان مثال، وقتی پستی با عنوان می نویسیم: 3 راه برای ایجاد یک طرح تجاری وبلاگپیوند ثابت پست ما، به طور پیش فرض، این خواهد بود: domain.com/3-ways-to-a-a-blog-business-plan.html"to" و "a" کلمات توقف در مثال بالا هستند. می‌توانید روی ویرایش پیوند ثابت کلیک کنید و پیوند ثابت را به «blog-business-plan» تغییر دهید، بنابراین کلمات توقف را حذف کنید.
 6. تگ های H1، H2، H3استفاده از تگ های عنوان مناسب یکی دیگر از جنبه های مهم کپی رایتینگ SEO است. شما نباید یکی از مهمترین جنبه های سئو را نادیده بگیرید: استفاده از تگ های مناسب H1، H2 و H3.به‌طور پیش‌فرض، در هر تم بهینه‌سازی شده برای سئو، عنوان پست از تگ عنوان H1 استفاده می‌کند. بنابراین برای عنوان فرعی بعدی، می توانید از یک عنوان H2 و سپس یک عنوان H3 و غیره استفاده کنید. همیشه ایده خوبی است که از تگ های عنوان مناسب برای نوشتن سئوی موثر استفاده کنید، به خصوص زمانی که در حال نوشتن یک پست طولانی هستید. لطفاً برای درک بهتر نحوه استفاده از برچسب‌های عنوان در پست‌های وبلاگ، به برچسب‌های عنوان برای SEO مراجعه کنید. 
با توجه به جامعه سئو، ایده خوبی است که از کلمات کلیدی خود در تگ های H1، H2 و H3 استفاده کنید. در زمان ایجاد طرح کلی خود (در مرحله تحقیق)، باید تصمیم بگیرید که تگ های عنوان شما چه باشد. چک لیست نهایی: تحقیق برای کلمه کلیدیمحدودیت کلمات مناسب را مشخص کنیدجستجوی گوگل برای یافتن قالب مناسب برای مقاله خودبا تجزیه و تحلیل 10 نتیجه برتر، یک طرح کلی ایجاد کنیدفهرستی از سؤالات را از بخش «مردم هم می پرسند» جستجو تهیه کنیدعنوان پست برای خوانندگان و عنوان متا برای موتور جستجو (کلمات کلیدی در عنوان).توضیحات متا را ارسال کنید (آن را برای CTR بهتر بهینه کنید و یک بار از کلمه کلیدی مورد نظر خود استفاده کنید).متن جایگزین تصویر (از کلمه کلیدی استفاده کنید).با استفاده از متن لنگر خوب، درون یک پست به هم پیوند دهید.ارسال پیوند ثابت (حذف کلمات توقف از پیوند ثابت).از تگ های عنوان مناسب (کلمات کلیدی در تگ های H1، H2، H3  ) استفاده کنید.
 
منبع: https://www.shoutmeloud.com/write-seo-content.html
 

چک لیست بازطراحی سایت (قسمت سوم)

شنبه ۲۴ اردیبهشت ۰۱ ۱۰:۱۹ ۲۰ بازديد
 
در مقالات قبل به 7 فاکتور از چک لیست بازطراحی سایت پرداختیم. امروز نیز در ادامه این مقاله 5 عامل مهم دیگر از چک لیست ریدیزاین سایت را بررسی خواهیم کرد.
 
مرحله 8: الهام بخش و رقابت را تجزیه و تحلیل کنید
در حالی که روی استراتژی خود کار می کنید، می توانید به طراحی نیز فکر کنید (در نهایت!).
 
انجام این کار هوشمندانه است زیرا 1) روند را سرعت می بخشد و 2) استراتژی باید طراحی را دیکته کند. اما طراحی می‌تواند عملکرد را دیکته کند (به عنوان مثال، ما می‌دانیم که ماژول قیمت‌گذاری در صفحه می‌خواهیم، ​​و یک طراح UX عالی در مورد بهترین راه برای ارائه آن ورودی خواهد داشت).
 
توصیه می کنم در دو یا سه وب سایت رقیب و همچنین یک یا دو وب سایت خارج از صنعت خود غواصی عمیق انجام دهید. این به شما دیدی از استانداردهای صنعت و همچنین جایی که می‌توانید چیزها را کمی تغییر دهید (تا زمانی که به نفع کاربر باشد) به شما می‌دهد.
 
جمع آوری این دارایی ها همچنین به شما این امکان را می دهد که به عنوان یک تیم درباره عناصر و سبک های بصری که می خواهید ترکیب کنید بحث کنید. این در نهایت کمک می کند تا تأیید کنید که کل تیم شما در جهت بصری طراحی مجدد شما همسو هستند و با اهداف کلی پروژه همسو هستند.
برای اطلاع از هزینه بازسازی سایت اینجا کلیک کنید.

 
هنگامی که به دنبال الهام هستید، سعی کنید به سوالاتی مانند:
 
بازدیدکننده هنگام بازدید از سایت شما چه احساسی باید داشته باشد؟
سایت جدید شما چه ابزارها و ویژگی های جدیدی باید داشته باشد؟
از چه نوع تصاویر و گرافیکی باید استفاده کنید؟
همانطور که برای سایت جدید خود الهام می گیرید، مطمئن شوید که عناصر مختلفی را که دوست دارید ذخیره می کنید. بهترین راه برای انجام این کار، قرار دادن یک تابلوی خلق و خوی است که تیم شما در مرحله طراحی طراحی مجدد شما به آن ارجاع دهد.
برای سفارش ساخت سایت فروشگاهی به وبکده مراجعه کنید.
 
اگر با تابلوهای خلق و خوی آشنا نیستید، آنها را به عنوان کلاژی از تصاویر و متن های مختلف در نظر بگیرید که به صورت بصری مسیری را که می خواهید طرح های خود را ببرید توضیح دهید.
 
تابلوی خلق و خوی می‌تواند شامل مواردی مانند سبک‌های تایپوگرافی، نمونه‌های طرح‌بندی، پردازش تصاویر، نمادنگاری، پالت‌های رنگی یا حتی کل وب‌سایت‌ها باشد.
تعداد زیادی پلتفرم مختلف وجود دارد که به شما در ایجاد تابلوهای خلق و خوی کمک می کند. می‌توانید از ابزارهای رایگانی مانند Pinterest یا Canva استفاده کنید یا برای تجربه‌ای برتر با گزینه‌های سفارشی‌سازی بیشتر، می‌توانید از ابزارهای پولی مانند Invision Boards نیز استفاده کنید.
 
هر ابزاری که استفاده می کنید در نهایت به شما و تیم شما بستگی دارد. فقط مطمئن شوید که الهاماتی که جمع آوری می کنید را مستند می کنید.
 
مرحله 9: محتوای خود را بسازید
یکی از سخت ترین کارهایی که تیم ها در طول طراحی مجدد انجام می دهند، تمرکز روی محتوا پس از طراحی است.
 
برای تیم‌ها آسان است که بیش از حد مشتاق باشند و بخواهند مستقیماً وارد طراحی شوند تا بتوانند شروع کار سخت خود را ببینند. به علاوه، بیایید صادق باشیم، این معمولا سرگرم کننده ترین بخش است.
 
آنها تصور می کنند، "ما فقط محتوا را بعد از آن می نویسیم و آن را در طرح هایی که ایجاد کرده ایم قرار می دهیم."
 
این یکی از بزرگترین اشتباهاتی است که می توانید در طراحی مجدد وب سایت مرتکب شوید.
 
این افراد را به این ذهنیت سوق می دهد که محتوا بیشتر یک فکر بعدی است که همیشه می تواند بعدا انجام شود.
 
ناگفته نماند که تلاش برای تقویت محتوا در یک طرح موجود، عناصری را ایجاد می کند که به ندرت به درستی در یک راستا قرار می گیرند و معمولاً شما را مجبور می کنند یا اصلاحات پیش بینی نشده در طراحی انجام دهید یا کیفیت محتوای خود را قربانی کنید.
 
محتوای شما همیشه باید چیدمان صفحات وب سایت شما را دیکته کند. طراحی به منظور ارتقای پیام شما است، نه اینکه حواس شما را از آن منحرف کند یا بر آن غلبه کند.
 
بسیاری از مردم به رویکرد اول طراحی گرایش دارند زیرا مطمئن نیستند که هنگام ایجاد محتوای خود از کجا شروع کنند. مثل نگاه کردن به یک لوح خالی است.
 
خوشبختانه، لازم نیست این احساس را داشته باشید.
 
اینجاست که استراتژی های صفحه وارد عمل می شوند. پس از تکمیل چارچوب StoryBrand و BrandScript، توصیه می‌کنیم استراتژی‌های صفحه ایجاد کنید که نشان دهد داستان چگونه در صفحه قرار می‌گیرد.
 
به مواردی مانند مکان‌هایی که فراخوان برای اقدام برای محتوای ممتاز می‌توان معرفی کرد، پرسش‌های متداول و مکان‌هایی که محتوای وبلاگ/مرکز یادگیری را می‌توان معرفی کرد، توجه داشته باشید. این طراحی را هدایت می کند.
 
با این حال، توجه به این نکته مهم است که همه صفحات به استراتژی نیاز ندارند.
 
مردم باید فقط روی 20 درصد وب سایت خود تمرکز کنند که 80 درصد از تبدیل ها را هدایت می کند (به عنوان مثال، صفحه اصلی، قیمت، جزئیات خدمات/محصول، و یک صفحه فرود مستقیم در انتهای قیف). صفحاتی از این دست مسیر اصلی را که کاربران را از بالا به پایین قیف می برد مشخص می کنند.
برای سازماندهی این صفحات می توانید از ابزارهایی مانند Trello یا GatherContent استفاده کنید.
 
با سازمان‌دهی صفحات خود در بخش‌های کار قابل مدیریت‌تر، شروع به ایجاد قاب‌های محتوایی کنید که دقیقاً محتوای و اطلاعاتی را که باید در هر صفحه وجود داشته باشد، تجزیه می‌کند.
 
این به شما کمک می کند تا روی داستانی که برای هر صفحه می گویید تمرکز کنید و احساس نگاه کردن به یک صفحه خالی را درمان کنید.
 
هنگام ایجاد محتوای خود مطمئن شوید که دائماً به دنبال فرصت هایی برای آموزش بازدیدکنندگان خود هستید.
 
یک تمرین ساده برای اینکه ببینید چقدر به بازدیدکنندگان آموزش می‌دهید، طوفان فکری 25 سؤالی است که دائماً از خریداران درباره محصول یا خدمات خود می‌شنوید. مطمئن شوید که به این سؤالات در صفحات سایت جدید خود پاسخ می دهید.
 
همچنین به دنبال فرصت هایی باشید تا موارد زیر را در محتوای خود بگنجانید:
 
ابزارهای خود انتخابی
محتوای ممتاز مانند کتاب‌های الکترونیکی، کاغذهای سفید و راهنمای خرید
ویدئو
اثبات اجتماعی مانند توصیفات، نظرات مشتریان و مطالعات موردی
اینها دارایی های قدرتمندی هستند که می توانند برای آموزش و اطلاع رسانی به مشتریان بالقوه استفاده شوند و آنها را در فرآیند خرید حفظ کنند.
 
اگر وسوسه شدید که رویکرد اول محتوا را نادیده بگیرید، فقط به یاد داشته باشید که در حالی که اولین برداشت یک شخص از یک وب سایت بر اساس تصاویر است، محتوای قوی و مفید است که او را درگیر می کند و بیشتر می خواهد.
 
مرحله 10: شروع به طراحی کنید
من به عنوان یک طراح، کمی تعصب دارم، اما این بهترین بخش است. اکنون زمانی است که هفته های سخت کوشی شما جان گرفته و شروع به شکل گیری می کند.
 
ممکن است وسوسه انگیز باشد که وارد شوید و شروع به طراحی همه صفحات خود کنید، اما در عوض، باید آن را آهسته پیش ببرید و مطمئن شوید که در طول مسیر بازخورد و خرید دائمی دریافت می کنید.
 
استفاده از ابزارهایی مانند InVision یا Zeplin می تواند به ساده سازی بازخورد شما کمک کند و روند طراحی را بسیار مشارکتی تر کند. هر دو ابزار طراحی با اکثر برنامه های طراحی امروزی ادغام می شوند.
 
محبوب ترین راه برای شروع فرآیند طراحی، ایجاد وایرفریم است. اینها می توانند طرح های سیاه و سفید ساده ای باشند که نشان می دهد چگونه می خواهید محتوا را در هر صفحه قرار دهید.
Wireframes شما را بر روی محتوا متمرکز می کند و به شما امکان می دهد تا مطمئن شوید که محتوا را به بهترین شکل ممکن منتشر می کنید.
 
هنگامی که برای ایجاد طرح های تمام صفحه آماده هستید، با طراحی سه یا چهار بخش اول یک صفحه با تاثیر بالا (من دوست دارم با صفحه اصلی شروع کنم) شروع کنید و سپس طرح را برای بازخورد به تیم بازگردانید.
 
این می تواند با اطمینان از اینکه طراحی شما در جهت درست پیش می رود، در زمان و تجدید نظرهای غیر ضروری در طولانی مدت صرفه جویی کند.
 
هنگامی که تیم شما به طور کامل در جهت طراحی هماهنگ شد، به مسابقات می روید. راه خود را در هر صفحه دنبال کنید، مطمئن شوید که بازخورد و خرید مداوم از تیم دریافت می کنید.
 
مرحله 11: سایت خود را توسعه دهید
توسعه معمولاً آخرین مرحله برای هر طراحی مجدد است و چک لیست طراحی مجدد وب سایت ما تفاوتی ندارد.
 
برای رسیدن به این مرحله فرآیند طولانی بوده است، بنابراین اضطراب زیادی وجود دارد که می تواند همراه با این مرحله باشد، اما توسعه عجله می تواند دستور العملی برای فاجعه و تاخیر باشد.
 
زمان کافی را برای کدنویسی تمیز سایت، با پیروی از بهترین شیوه های سئو و صنعت – و همچنین طرحی که عاشق آن شده اید، اختصاص دهید.
 
در این مرحله، تیم شما، داخلی یا خارجی، مدل‌های طراحی مسطح ایجاد شده را به HTML، CSS و زبان‌های دیگر منتقل می‌کند.
 
همانطور که صفحات توسعه می یابند، مطمئن شوید که عملکرد مرورگر متقابل را بررسی می کنید تا از تجربه یکنواخت برای همه کاربران اطمینان حاصل کنید. این به شما آرامش می دهد که مهم نیست از چه مرورگری استفاده می شود، سایت شما دقیقاً همانطور که در نظر گرفته شده نمایش داده می شود و همچنین تضمین می کند که کاربران شما یک تجربه کاملاً بهینه را دریافت می کنند.
 
همین امر در مورد دستگاه های تلفن همراه نیز صدق می کند. بررسی اندازه های مختلف صفحه نمایش زمان می برد.
معمولاً این ایده خوبی است که محبوب ترین دستگاه ها را تعیین کرده و آنها را آزمایش کنید. گوگل آنالیتیکس می تواند به شما کمک کند. این به شما یک عکس فوری واقعی از ظاهر سایت شما در دستگاه‌های مختلف می‌دهد و دوباره تجربه کاربری ثابتی را تضمین می‌کند که کسی را ناامید نمی‌کند.
 
مرحله 12: سایت جدید خود را راه اندازی کنید!
 
تو موفق شدی! پس از ماه ها ممیزی، برنامه ریزی، طراحی و توسعه، بالاخره آماده راه اندازی سایت جدید خود هستید. این فوق العاده هیجان انگیز است!
 
قبل از راه‌اندازی، مطمئن شوید که قبل از راه‌اندازی سایت خود را بررسی کرده‌اید تا تأیید کنید که همه چیز در سایت جدیدتان مرتب و آماده است. بررسی قبل از راه اندازی شما باید شامل موارد زیر باشد:
 
بررسی پیوندهای خراب
اطمینان حاصل کنید که تغییر مسیرهای 301 شما آماده است
بررسی صحت توضیحات متا و عنوان صفحه برای هر صفحه
بررسی تصاویر شکسته یا گم شده
بررسی مجدد همه این موارد نه تنها شما را از سردرد آینده ناشی از عجله در تلاش برای رفع مشکلات پس از راه‌اندازی نجات می‌دهد، بلکه انتقال آرامی را برای افراد از استفاده از وب‌سایت قدیمی به استفاده از وب‌سایت جدید تضمین می‌کند.
 
در مرحله بعد، من همچنین توصیه می کنم قبل از راه اندازی یک ممیزی سایت Semrush انجام دهید و آن را با آنچه در ابتدای فرآیند طراحی مجدد خود انجام دادید مقایسه کنید. مهم است که بتوانید سلامت سایت را با هم مقایسه کنید و مطمئن شوید که هیچ چیزی در طول طراحی مجدد کمتر موثر واقع نشده است.
 
وقتی مثبت اندیشید که همه چیز آماده است، آن سایت را به صورت زنده بفرستید و برای خود نوشیدنی بریزید!
بلافاصله پس از راه اندازی، مطمئن شوید که همه صفحات به درستی رندر می شوند، کدهای تجزیه و تحلیل و ردیابی نقشه حرارتی شما در جای خود قرار دارند، و نقشه سایت جدید خود را به کنسول جستجوی گوگل ارسال کرده اید.
 
بنابراین اکنون می توانید به عقب برگردید و سرنخ ها را تماشا کنید. اما کار شما تمام نشده است.
 
آزمایش ها را برنامه ریزی کنید، سپس بشویید و تکرار کنید
وب سایت کاملاً جدید شما توسعه یافته و راه اندازی شده است، اما سرگرمی در اینجا متوقف نمی شود. اکنون باید شروع به جمع آوری و بررسی داده های کاربری خود در طرح های جدید کنید.
 
با تیم خود برای برنامه‌ریزی آزمایش‌هایی برای آزمایش طرح‌بندی‌ها یا ویژگی‌های مختلف A/B همکاری کنید
 
بهبود سفر کاربر ابتدا روی مهمترین صفحات وب سایت خود تمرکز کنید و مراحل 6-11 را هر چند بار که لازم است طی کنید تا در نهایت به اهداف خود برسید - و سپس موارد جدید را تعیین کنید!
 
گزارش هایی ایجاد کنید، چه در HubSpot، Google Data Studio، Marketo یا پلتفرم دیگری، تا به شما کمک کند عملکرد خود را ببینید. شخصی در بازاریابی باید بتواند معیارهای قبل از راه اندازی را با معیارهای پس از راه اندازی مقایسه کند. بنچمارک کردن سرنخ ها، نرخ تبدیل، رتبه بندی کلمات کلیدی، سرعت سایت و سلامت سایت اهمیت ویژه ای دارند.
 
این آزمایش‌ها و تغییرات بعدی که در نتیجه ایجاد می‌کنید تنها به بهبود تجربه کاربری، تولید سرنخ و اثربخشی کلی وب‌سایت شما کمک می‌کند.
 
به یاد داشته باشید، آماده سازی کلیدی است
این چک لیست طراحی مجدد وب سایت ما است! دنبال کردن آن از طریق کتاب همیشه آسان نیست، به خصوص زمانی که ضرب الاجل های تنگ یا محدودیت های زمانی وجود دارد. با این حال، دنبال کردن آن تا جایی که می‌توانید به دقت به شما کمک می‌کند تا وب‌سایت جدید خود را به ماشینی که همیشه می‌خواستید، منجر به ترافیک و تولید سرب کنید، تبدیل کنید.
 
به یاد داشته باشید، زمانی که به شروع یک پروژه طراحی مجدد فکر می کنید، اولین قدم این است که همیشه ارزیابی کنید که چرا می خواهید سایت خود را دوباره طراحی کنید. مطمئن شوید که دلیل درستی پشت تصمیم شما وجود دارد.
 
از اینجا، موفقیت طراحی مجدد شما به اختصاص زمان مناسب به آماده سازی و برنامه ریزی بستگی دارد.
 
اطمینان حاصل کنید که چیزهایی مانند دارایی‌های فعلی را که باید با آنها کار کنید، چه بخش‌هایی از سایت را می‌خواهید بهبود ببخشید و چه اهدافی را دنبال می‌کنید تا ببینید آیا طراحی مجدد شما موفق بوده است را درک می‌کنید.
 
این مراحل را دنبال کنید و نمی توانید اشتباه کنید.
 
آیا بازاریابی ورودی را پیاده سازی می کنید و می خواهید مطمئن شوید که وب سایت شما برای اجرای موفقیت آمیز استراتژی شما تنظیم شده است؟ دوره آموزشی ما را با عنوان Elements of a Great They Ask, You Answer وب سایت را بررسی کنید تا یک وب سایت بازاریابی ورودی عالی چگونه به نظر می رسد.
 
طراحی سایت و خدمات تولید محتوا و سئو

من در شبكه هاي اجتماعي

آرشيو

پيوندها

خلاصه آمار

  • مجموع نمایش‌ ۳,۵۶۵
  • مجموع بازدید ۱,۵۴۱
  • بازدید امروز ۳۳
  • بازدید دیروز ۱۰
  • مجموع مطالب ۷۵
  • مجموع نظرات ۰
  • افراد آنلاین ۱
رویابلاگ : رسـانه وبلاگ نويسان حرفـه اي