طراحی سایت

-

Google نحوه محاسبه تعداد بازدیدها برای جستجوی تصویر را در گزارش عملکرد تغییر داده است ، ممکن است کاهش میزان مشاهده را مشاهده کنید.

گوگل گفت در 6 آوریل 2021 آن را به یک تغییر به چگونه آن را در گزارش عملکرد کنسول جستجوی Google برای برداشت جستجوی تصویر گزارش. این تغییر فقط یک گزارش است و هیچ تاثیری در رتبه بندی واقعی شما در جستجوی Google ندارد.

چه چیزی تغییر کرد گوگل گفت که "الگوریتم شمارش نمایش تصاویر در نتایج جستجو را بهبود بخشیده است." این اساساً بدان معنی است که ریاضیاتی که برای نمایش معیارهای برداشت در گزارش عملکرد استفاده می کند ، "دقیق تر" تغییر کرده است.

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

آنچه گوگل گفت Google نوشت: «Search Console الگوریتم شمارش نمایش تصاویر در نتایج جستجو را بهبود بخشید. در نتیجه ، ممکن است افت کوچکی در تصاویر خود در جستجو مشاهده کنید. این کاهش در نمایش واقعی نیست ، بلکه فقط محاسبه دقیق تری از نمایش تصویر است که در گزارش عملکرد جستجو نوع = تصویر مشخص شده است. "

بدون تغییر در رتبه بندی این به معنای تغییر رتبه شما نیست ، این فقط یک تغییر گزارش است.

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







:: موضوعات مرتبط :

:: برچسب ها : طراحی سایت , سئو , گوگل ,
تاريخ : يکشنبه 19 ارديبهشت 1400 | 14:45 | نویسنده : محمد |

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

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

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

فراخوان اقدام - به عنوان مثال دکمه "خرید" باید خوب به نظر برسد .

1. کنتراست

اولین و ساده ترین راه برای جلب توجه استفاده از کنتراست است. منظور من از "کنتراست" این است که عناصر مهم یک طرح باید به طرز معناداری از بقیه برجسته شوند. ببینید من آنجا چه کردم؟

اکنون چندین نوع تقابل برای بحث وجود دارد:

  • کنتراست روشن / تاریک
  • کنتراست رنگ
  • کنتراست اندازه
  • سبک های متضاد

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

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

چیزهای سبک از چیزهای تاریک متمایز هستند و بالعکس. خیلی ساده ، درسته؟ خوب ... این بستگی دارد. اگر بیشتر سایت شما بسیار روشن است ، بزرگ و تاریک بودن Call to Action (یا حداقل کمی تیره تر از هر چیز دیگری) منطقی است.

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

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

رنگ

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

رنگ

اندازه

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

اندازه

سبک

تفاوت در سبک را می توان با ساده ای از شوخی متن پررنگ که قبلاً گفتم ، نشان داد. اما برای دیدن یک مثال متمرکز بر UI ، بیایید در مورد "دکمه های شبح" صحبت کنیم. دکمه های شبح دکمه هایی با طرح کلی هستند اما رنگ زمینه ندارند و اغلب در ترکیب با دکمه های معمولی مانند صفحه اصلی IndieGoGo استفاده می شوند:

دکمه های شبح

شرط می بندم شما می توانید بگویید که آنها واقعاً می خواهند روی کدام دکمه کلیک کنید. تضاد سبک شناسی این موضوع را روشن می کند.

2. تصاویر

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

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

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

تصویر 2

3. انیمیشن

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

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

انیمیشن

4. کنوانسیون

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

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

قرارداد


:: موضوعات مرتبط :
تاريخ : شنبه 11 ارديبهشت 1400 | 14:14 | نویسنده : محمد |

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

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

طبق آمارهای بانک جهانی ، 1 میلیارد معلول در سراسر جهان وجود دارد. این 15٪ از کل جمعیت کره زمین است.

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

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

بنابراین ، چگونه قابلیت دسترسی را در گزینه های طراحی خود معرفی می کنید؟

دسترسی به وب سایت چیست؟

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

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

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

در اینجا فقط برخی از انواع مختلف ناتوانی وجود دارد که می تواند بر نحوه تعامل کاربران نهایی با یک وب سایت یا برنامه تأثیر بگذارد:

  • مسائل شناختی: تأثیر بر درک و دشوار کردن پیمایش در سایت ها ؛
  • مسائل شنیداری: جلوگیری از گوش دادن به فیلم ها و محتوای صوتی توسط مشتریان ؛
  • مسائل عصبی: دشوارتر ساختن برخی از اصطلاحات و اقدامات در سایت شما.
  • مسائل جسمی: کشیدن یا ضربه زدن روی ابزار خاصی را سخت می کنید.
  • مشکلات گفتاری: یک مسئله مشترک با طراحی رابط کاربر صوتی.
  • مسائل بصری: جلوگیری از تجربه مثبت در سایت های بسیار دیدنی.

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

بنابراین ، چگونه می توان طرح های خود را بیشتر در دسترس قرار داد؟

مخاطبان خود را بشناسید

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

به عنوان مثال ، جعبه ابزار Microsoft Inclusive Design از طراحان می خواهد که استثنا را تشخیص دهند ، قسمت هایی از وب سایت خود را که ممکن است غیرقابل دسترسی باشند ، بررسی کرده و از تنوع یاد بگیرند.

قبل از طراحی هر چیزی ، از خود بپرسید که آیا می توانید:

  • نیازهای منحصر به فرد خود را حل کنید ، مانند مشکلات بینایی یا مشکلات شنوایی.
  • راه حل های سنتی را با چیزهای منحصر به فرد دیگری جایگزین کنید. به عنوان مثال ، آیا می توانید به جای اعتماد به رنگ ها برای برجسته کردن بخشی از متن ، به جای آن از font-weight استفاده کنید؟ این ممکن است برای فردی که کوررنگی دارد ایده آل باشد.
  • چیزی ایجاد کنید که هم مشتریان معلول و هم معلول را به خود جلب کند.

یک چیدمان تمیز و واضح طراحی کنید

ابتدا هر طراحی وب سایت باید بر روی وضوح تمرکز داشته باشد.

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

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

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

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

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

زبان را ساده کنید

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

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

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

مطمئن شوید که شما:

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

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

رنگهای طراحی وب را بهینه کنید

روندهای فراگیر طراحی وب می آیند و می روند. با این حال ، رنگ و کنتراست همیشه برای تصمیم گیری شما ضروری است.

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

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

به یاد داشته باشید ، حداقل نسبت مورد نیاز برای دسترسی به عنصری که در حال طراحی آن هستید بستگی دارد. WCAG رهنمودهای زیر را توصیه می کند:

  • نسبت 3: 1 برای اشیا graph گرافیکی (نمودارها) ؛
  • نسبت 3: 1 برای تمرکز ، حالتهای فعال و شناور ؛
  • نسبت 3: 1 برای موارد قابل کلیک و اجزای فرم.

در حالی که در حال کار بر روی استراتژی های تضاد رنگ خود با برنامه هایی مانند Stark هستید ، مطمئن شوید که نیازهای کاربران با کوری رنگ را نیز در نظر گرفته اید. 4.5٪ از جهان رنگ را مانند دیگران نمی بینند. اگر در حالی که به رهنمودهای تجاری مشتری خود پایبند هستید ، دستیابی به کنتراست درست برای شما دشوار است ، عناصر زیر خط و پررنگ را نیز امتحان کنید.

عناصر ویدئویی و صوتی را در نظر بگیرید

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

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

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

ابتدا برای دسترسی طراحی کنید

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

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

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

با بررسی پست وبلاگ Vasilis Van Gemert در مورد " روش بحران " می توانید در مورد نیازهای غیرمعمول بیشتر بدانید .

دسترسی برای تجارت خوب است

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

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






:: موضوعات مرتبط :

:: برچسب ها : طراحی سایت , سئو , وب فراگیر ,
تاريخ : شنبه 28 فروردين 1400 | 10:09 | نویسنده : محمد |