دانستنی ها

مجموعه ای از دانستنی های حوزه های مختلف

دانستنی ها

مجموعه ای از دانستنی های حوزه های مختلف

۳۲ مطلب در تیر ۱۴۰۱ ثبت شده است

  • ۰
  • ۰

محبوب ترین موتورهای جستوجو

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

امروزه، به کار گیری از موتورهای کاوش به یکی‌از قسمت های اصلی روزانه ما تبدیل شد‌ه‌است.

ما نسبتاً تمام سوالاتی را که در حین روز برایمان به وجود می‌آید را از موتورهای کاوش می‌پرسیم و میتوانیم داده های متعددی را در چندین ثانیه با یک کاوش به دست آوریم.

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

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

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

موتور جستجو چیست؟

موتور جستجو، یک نرم افزار مبتنی بر اینترنت میباشد که برای جستجوی اینترنتی بوسیله مخاطب در اینترنت جهانی یا به عبارتی World Wide Web بر پایه ی مجموعه ای از مقررات پیاده سازی گردیده است.

به این مجموعه قوانین، الگوریتم های موتور کاوش میگویند که برای نمایش صفحه های وبسایت در صفحه نتایج موتورهای کاوش (SERP) استفاده میگردد.

به بیان ساده تر، موتورهای کاوش به ما کمک می نمایند تا با بررسی انواع متفاوت اطلاعات موجود در وب، به مرتبط ترین آن‌ها دست پیدا کنیم.

 

موتور جستجو به ترتیب سه فرایند پایین را طی می نماید:

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

ایندکس موتور کاوش به چه معناست؟

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

رتبه بندی محبوب ترین موتورهای جستوجو چیست؟

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

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

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

انواع موتورهای کاوش

در زبان عامیانه هنگامی که میگوییم «موتور کاوش»، بیشتر مردم به جستجوی متنی درست مانند جستجوی رایج در گوگل فکر‌می کنند.

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

در واقع، هر چیزی که در آن جستجو می‌کنید، یک موتور کاوش میباشد که لزوماً الگوریتم شبیه موتورهای جستجوی متنی را ندارد.

اشکال مختلفی از موتورهای جستجو وجود دارد که ما در‌این قسمت فقط به تعدادی نمونه رایج آن اشاره کرده ایم:

  • موتورهای کاوش مبتنی بر خزنده های موتور کاوش
  • ربات های خزنده مبتنی بر نقشه
  • موتورهای کاوش چندرسانه ای یا Multimedia
  • موتورهای جستجوی صوتی

موتور کاوش چه می‌خواهد؟

موتورهای کاوش همیشه یک چیز را می خواستند: ارائه پاسخ های اثرگذار و ظریف.

در شرایطی که این جواب صحیح باشد، پس چرا به نظر می‌رسد که seo اکنون با سال های قبل تفاوت دارد؟

برای درک عالی، جواب را با یک نمونه پیش خواهیم برد:

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

با گذشت زمان، فهم شما عمیق تر می گردد و معناشناسی را فرا خواهید گرفت.

معنای ضمنی کلمات، جمله‌ها، اصطلاحات و ارتباط دربین لغات و کلمات.

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

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

نتیجه این رویکرد آن بود که محتوای ما سرشار از کلمات کلیدی خواهد شد و خواننده نتواند به صورت موثر از آن برای رفع نیاز خویش استفاده نماید!محبوب ترین موتورهای جستوجو

ولی این هدفی نبود که موتورهای کاوش به‌دنبال آن می باشند.

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

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

از مهم‌ترین خصوصیت های سرپ گوگل می شود به موارد پایین اشاره نمود:

  • تبلیغات کلیکی
  • Site links
  • Featured snippets
  • نتایج محلی
  • گراف دانش
  • مرتبط ترین نتیجه ها

موتورهای جستجوی بر پایه ی خزنده

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

از این رو به آنان «خزنده» یا «عنکبوت» یا «ربات» میگویند.

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

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

مثال های بسیار مشهور موتورهای کاوش بر طبق خزنده عبارتند از: Google ، Yahoo، Bing و…

موتورهای جستجوی بر پایه ی نقشه

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

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

از معروف ترین موتورهای کاوش نقشه ای می شود به Google Maps، Apple Maps، Waze و از نمونه های ایرانی موفق آن به اپلیکیشن بلد و نشان اشاره نمود.

موتورهای کاوش Multimedia

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

از آن جایی که کامپیوترها همواره در حال یادگیری چگونگی درک تصاویر میباشند

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

این داده‌های اضافی Metadata نامیده می گردند، که میتواند دربرگیرنده مواردی مانند توضیحات متنی اضافه، لینک به محتوای مرتبط دیگر، یا این که حتی به کار گیری از زبان نشانه گذاری (Markup Language) باشد که به موتور کاوش میگوید که‌این پوشه چند رسانه ای دقیقا چیست.

از نمونه های موتور های کاوش چند رسانه ای می شود به Google images، Google video ،FindSounds ، Picserach، Youtube، veveo اشاره نمود.

موتورهای جستجوی صوتی

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

مثال هایی از موتورهای جستجوی صوتی معروف و پرکاربرد عبارتند از:

  • Google Home
  • Apple’s Siri
  • Amazon Alexa

معرفی محبوب ترین موتورهای جستوجو

موتور جستجوی Google

موتور جستجوی گوگل شایسته ترین موتور کاوش در دنیا و همینطور یکی‌از دوستداشتنی ترین تولیدهای شرکت گوگل میباشد.

طبق گفته الکسا، google.com پربازدیدترین وبسایت در مجموع اینترنت میباشد.

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

موتور جستجوی Bing

موتور جستجوی بینگ که وابسته به شرکت مایکروسافت میباشد در سال ۲۰۰۹ راه‌اندازی شد، این موتور کاوش سهم بازار ۲/۹۶٪ را در اختیار دارد و ماهانه بیش تر از ۱ میلیارد بازدیدکننده را به خویش جذب می نماید.

اگرچه بینگ به بزرگی گوگل نیست، البته خصوصیت های خاصی دارد که آن را نسبتاً رقابتی می نماید.

برای مثال، جستجوی تصویر Bing برای نمایش تصاویر واضح و با کیفیت خوب شناخته گردیده‌است.

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

نمایش نتایج جستجوی ویدیویی بینگ، که به صورت شبکه ای از تصاویر کوچک ارائه می‌گردد، نیز بسیار جذاب میباشد.

ضمن این، Bing برای جذب تعداد کاربران و ساخت‌و‌ساز علت در آن‌ها یک برنامه پاداش پیاده سازی نموده است.

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

موتور جستجوی Yahoo
محبوب ترین موتورهای جستوجو

یاهو یک موتور کاوش و ارائه دهنده خدمت ایمیل مشهور میباشد و موتور جستجوی آن با میانگین ۱/۵ درصد از نظر سهم بازار در سکو سوم جای دارد.

بینگ و یاهو سرسخت‌ترین حریف یکدیگر در بازار موتورهای کاوش میباشند.

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

به همین دلیل نتایج این دو موتور کاوش بسیار به یکدیگر مشابه میباشد.

موتور جستجوی Baidu

بایدو چهار‌مین موتور جستجوی بزرگ دنیا میباشد که سهم بازار آن ۱/۱۷ درصد میباشد.

همینطور دوستداشتنی ترین موتور کاوش در چین میباشد که حدوداً ۸۶ درصد از کاربران وب چین به آن دسترسی دارا‌هستند.

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

موتور جستجوی Yandex

Yandex تحت عنوان پنجمین موتور جستجوی پر استفاده در سطح دنیا و دوستداشتنی ترین موتور کاوش در روسیه با سهم بازار ۶۵ درصد در‌این کشور بود.

Yandex ضمن اینکه یک موتور کاوش میباشد، خدمات نقشه های ترافیک زنده، ترجمه آنلاین، موسیقی و غیره را نیز ارائه میدهد.

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

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

موتور کاوش DuckDuckGo

DuckduckGo ششمین موتور جستجوی برتر با سریع ترین رشد سهم بازار میباشد.

موتور کاوش DuckDuckGo با حدود ۸۰ میلیون مخاطب، سهم بازار جهانی ۰/۶۸٪ را دارد که بیشتراز نیمی از جستجوهای این موتور جستجو از ایالات متحده میباشد.

همینطور مرورگر DuckDuckGo دارنده بیش تر از ۱۰ میلیون دانلود از فروشگاه گوگل (Play store) میباشد و از این رو محبوبیت خویش را دربین کاربران اندروید ثابت نموده است.

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

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

موتور جستجوی Ask

موتور جستجوی Ask.com هفتمین موتور جستجوی بزرگ در دنیا با سهم بازار جهانی ۰/۷۲٪ و ۶٪ در بازار ایالات متحده میباشد.

Ask.com یک موتور جستجوی دوستداشتنی برای سوال و جواب میباشد که روزمره ۱۳ میلیون پرس و جو دریافت می نماید.

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

نتیجه گیری

در‌این مقاله  تلاش کردیم شمارا با موتورهای کاوش آشنا کنیم. مقصود اساسی این مقاله این بود تا این معنی را منتقل نماید که موتور کاوش چیزی بالاتر از گوگل میباشد.

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

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

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

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

  • علی رئیسی
  • ۰
  • ۰

اصول طراحی لوگو

هر کسب‌وکاری که میخواهد در بازار بماند بایستی کارهایی انجام دهد و مراحلی را طی نماید.

برای مثال تیم متخصص جمع می‌نماید، کسب‌وکار را ثبت می‌نماید تا ازنظر رسمی مشکلی پیش نیاید.

علاوه‌بر آن کارها، کسب‌کار/برند بایستی اسم و لوگوی مناسب و متمایز خودش را داشته باشد.

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

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

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

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

دیزاینر برای پیاده سازی لوگو چه اصولی را بایستی رعایت نماید؟ اصولا آیا پیاده سازی لوگو اصول و قواعدی دارد؟

لوگو‌ها چطور پیاده سازی شوند، لوگوهای خوبی خواهند بود؟

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

اصول پیاده سازی لوگو (Logo Design Principles)

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

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

داشتن لوگوی تاثیرگذار و مخصوص برای برندها بسیار مهم میباشد زیرا لوگوی یک برند میباشد که اولا آن را از رقبا متمایز می‌نماید و دوما همه‌جا (در دنیا واقعی و مجازی) نماد برند می شود.

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

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

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

لوگو آن‌قدر بد طراحی گردیده بود که موجی از نقد را در فضای مجازی به دنبال داشت.)

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

در پیاده سازی لوگو باید به همه‌چیز (رنگ، فونت حروف، ضخامت فونت، خطوط و شکل‌ها و …) توجه گردد و همه‌چیز حساب‌گردیده انتخاب گردد.

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

اصول طراحی لوگو

لوگو قسمت حیاتی هرکسب و کاری در بازاری به حساب می‌آید که رقبای بسیاری در آن در‌پی جلب نظر مشتریان می باشند.

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

۱٫ طرحتان باید معمولی باشد

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

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

در مجموع، هر چه معمولی‌تر بهترسادگی تاثیرگذارتر میباشد.

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

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

درصورتی که عناصری در لوگوی خویش دارید که نقشی در کلیت طرح ندارند، آنان‌را دور بریزید.

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

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

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

۲٫ طرح بایستی به یاد ماندنی و بی‌زمان باشد

می خواهید هر سال یک لوگوی تازه پیاده سازی نمایید؟ این عمل برای کسب و کارهای کوچک امکان پذیر نیست.

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

در شرایطی که لوگوی خویش را مکرراً پیاده سازی نمائید، مشتریان شما گیج و گم خواهند شد.

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

زیرا در‌این‌حالت‌ کمپانی شما به نظر مشتریان آینده، قدیمی و از مد افتاده به نظر خواهد رسید.

تنها کافی میباشد توجه نمایید رویکردی کلی امروزی باشد و ارکان خاصی مثل رنگ‌ها و رویه‌ها را در لوگو به فعالیت ببرید.

۳٫ استفاده‌ی صحیح و استراتژیک از رنگ‌ها

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

رنگ‌ها این توانایی بی‌نظیر را دارا‌هستند که احساسات مارا بر انگیزند. از جمله، زمانی رنگ قرمز را می بینیم، حس تهاجم، علاقه، انرژی و شور پیدا میکنیم.

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

رنگ آبی با هوش و دوستی مرتبط میباشد به این ترتیب در وبسایت‌های کانال‌های اجتماعی مثل فیس بوک، لینکدین و غیره به کار رفته میباشد.

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

زرد امید و تازگی و سبز رنگ طبیعت، تازگی و سلامت میباشد.

به این ترتیب از مخلوط رنگ‌هایی به کار گیری نمائید که می توانند احساساتی را که میخواهید، برانگیزند.

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

۴٫ لوگوی شما بایستی تطبیق پذیر و چند‌منظوره باشد.

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

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

ممکن میباشد طرح لوگوی شما پیچیده باشد. پیشنهاد می شود که ارکان نامطلوب را بردارید.

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

یعنی لوگو نباید از یک طرف کشیده گردد.

برای اینکه پیاده سازی تطبیق پذیر باشد، در پیاده سازی آن از گریدهای پیاده سازی به کارگیری نمائید.

این‌راه کمک می‌نماید توازن خوبی در میان عنصرهای گوناگون لوگو وجود داشته باشد.

لوگوی شما به صورت‌های متعدد و در جاهای متفاوتی به کارگیری خواهد شد. برای مثال:

  1. در پیاده سازی تی شرت، کلاه کپ، ساک و بسته بندی
  2. روی خودکار، جا کلیدی و بطری آب
  3. در بنرهای بسیار عمودی یا افقی
  4. در پس زمینه‌های سیاه و سفید (از طراح خویش بخواهید لوگو را سیاه و سفید نیز پیاده سازی کند تا در شکل لزوم پاسخگوی این نیازتان باشد)

۵٫ به صورت سیاه و سفید بایستی عالی باشد

یادتان باشد که تبلیغ تجارت خویش را در خبر نامه‌ها، مجلات، تراکت و غیره خواهید کرد.

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

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

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

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

لوگو می بایست اثر خوبی در مدارک فکس شده‌ی بدون رنگ بگذارد. همینطور توجه فرمایید که لوگو در تراکت‌های تبلیغاتی نیز قشنگ به نظر رسد.

۶٫ لوگوی خویش را ماندگار پیاده سازی فرمائید

یکی‌از خصوصیت‌های لوگوهای شرکت‌های جهانی این میباشد که شاهکارهایی ماندگار می‌باشند.

لوگوی شما بایستی طوری پیاده سازی گردد که مدت‌ها در ذهن کاربر بماند.

در‌حالتی که این اتفاق نیفتد، لوگو نمی‌تواند وفاداری مشتریان شما را بخرد.

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

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

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

لوگوی پپسی یا کوکاکولا و مک دونالد نیز نمونه‌های خوبی از طرح‌های ماندگار میباشند.

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

۷٫ لوگوی عالی می بایست متناسب باشد

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

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

۸٫ میراث برند

مدام موقع پیاده سازی یک لوگوی نو برای برندی موجود به میراث برند دقت نمائید.

بخش اعظمی از برندها به دنبال پیاده سازی لوگویی تازه میباشند تا به مشتری بگویند که با زمان، دگرگونی پیدا کرده‌اند یا برای اینکه لوگوی خویش را ساده‌تر و ماندگار‌تر بسازند.

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

نمی‌توانید لوگوی کهن را کاملاً نادیده بگیرید و به پیام آن و مقصود برند بی‌توجه باشید.

۳ نکته برای اصول طراحی لوگو موفق

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

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

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

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

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

۲. لوگو می بایست آزموده شود.

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

یعنی از گروهی از اشخاص (مخاطبان لوگو) بخواهند تا لوگو را ببینند (کمتر از ۱۵ ثانیه) و آن‌گاه‌ از آنها بخواهند که لوگو را توضیح دهند و بگویند از آن چه فهمیدند.

در آزمونی دیگر، می بایست لوگو درکنار لوگوهای دیگر (دستکم ۸ لوگو) قرار داده گردد و بعدازاینکه اشخاص برای زمان کوتاهی لوگوها را دیدند، از آن ها پرسیده گردد کدام لوگوها را به‌خاطر می آورند.

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

به‌یاد داشته باشید که هرچه المان‌ها و اجزای لوگو کمتر باشد، خوب میباشد.

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

همینطور خوب میباشد برای تعیین رنگ‌های لوگو از Pantone Matching System (PMS) مصرف شود تا در همه‌ی دستگاه‌ها و مرورگرها رنگ‌های به‌کاررفته ظریف نمایش داده شوند.

چرا رعایت اصول پیاده سازی لوگو اهیمت دارد؟اصول طراحی لوگو

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

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

با کمک ابزارهای تصویری مثل لوگو، بیزنس می تواند ارتباطی آنی با کاربر برقرار نماید.

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

طبق گزارشات، ۸۰ درصد از کسب و کارهای کوچک در همان سال اولیه تعطیل میشوند.

سایر ان ها نیز ظرف دو تا سه سال از بازار محو می گردند.

صرفا تعداد انگشت شماری می توانند جای خویش را حفظ نمایند.

البته کدام کسب و کارها شکست میخورند و کدام یک طعم توفیق را می‌چشند؟

دیده شد‌ه‌است که شرکت‌هایی که کارایی مضاعفی کرده و سعی می‌نمایند نام‌و‌نشان بصری مارک خویش را قوی بسازند، در بازار برنده میشوند.

اشخاصی که به برندسازی اهمیت نمی‌دهند، محکوم به باخت میباشند.

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

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

۱. لوگو بخشی از هویت هر مارک میباشد.

۲. پیاده سازی لوگو کاری تخصصی میباشد.

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

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

۴. در‌صورتی‌که گرافیک میدانید یا علاقه‌مند به پیاده سازی می‌باشید و فکر میکنید می توانید به کسب‌وکارها کمک نمایید تا نشان (لوگو) مخصوص‌به خودشان را داشته باشند، ایلوستریتور یاد بگیرید و لوگوهای جاودان خلق فرمائید.

امیدواریم مطلب اصول طراحی لوگو از گروه سه سوت برای شما مفید باشد.

  • علی رئیسی
  • ۰
  • ۰

 

آیکون گرافی چیست

‌آیکون‌ها قسمت‌های کوچک البته اساسی پیاده سازی می باشند.

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

این آیکون‌های ریزمیتوانند هرمورد معنای مستقلی را به طرح ما بدهند و فضای متعددی هم اشغال نکنند.

به همین دلیل دیجیتال مارکتینگ باید بسیار از آیکون گرافی ممنون باشد!

آیکون ها تصاویر کوچک و کم حجمی میباشند که برای استفاده کننده یک معنی وسیع را به معمولی‌ترین صورت تداعی می‌نمایند.

دانش پیاده سازی و پردازش آیکون‌ها را با عنوان آیکون گرافی میشناسیم.

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

ارکان اساسی در آیکون گرافی

۱. شبکه/ Grid

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

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

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

پس عاقلانه تر این میباشد که‌این برگه دو بعدی را به اجزا دوبعدی تقسیم کرده و اندازه گیری، قرینه سازی، مقیاس بندی و مورد های شبیه را براساس آن انجام دهیم.

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

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

فقط این نیست، هر شکل دیگری را هم میتوانید با کانال پیکسل تراز نمائید و در صورتیکه از Figma به کار گیری می‌کنید، به صورت پیش فرض دارید این فعالیت را میکنید!

دلیل به کار گیری از شبکه پیکسل صرفا زیبایی نیست، این کانال همه چیز را ساده‌تر می‌نماید.

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

در فیگما میتوانید وضعیت کانال پیکسلی خاموش و روشن را بایکدیگر مقایسه نمائید.

۲. رنگ

یک قانون نانوشته در پیاده سازی آیکون وجود دارد که می گوید: از هیچ رنگی جز سیاه به کارگیری نکن! هر رنگ دیگری جز سیاه فرآیند آیکون گرافی را با عدم وضوح مواجه می‌نماید.

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

البته اجازه بدهید تاکید کنیم چیزی که با سه رنگ یا بیشتر پیاده سازی گردد، تصویر میباشد نه آیکون! ۳. اندازه

انتخاب اندازه در پیاده سازی آیکون سلیقه‌ای نیست و قوانینی دراین مورد وجود دارند.

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

برای مثال درصورتی که پایه گرید شما ۸ باشد، شما بایستی آیکون‌هایتان را در اندازه‌های ۱۶، ۲۴ و ۳۲ (مضرب‌های ۸) بسازید.

در نهایت هر سایزی که برای آیکون خود انتخاب میکنید بهتر میباشد دو پیکسل اضافه هم برای حاشیه‌ها در نظر بگیرید.

۴. Fill یا Stroke ؟ مساله این میباشد!

در مجموع آیکون‌های Fill یا پرشده، امکان تشخیص بالاتری دارا‌هستند. و آیکون ‌های Stroke در تولید جزئییات ریز دست شمارا باز میگذارند.

هنگام تعیین یکی‌از این دو گزینه کلیت پیاده سازی و برند را نیز مدنظر داشته باشید.

در صورتیکه قرار میباشد از آیکون‌های Stroke استفاده کنید به خاطر داشته باشید که اولا کل موردها می بایست Stroke باشند نمی‌توانید یک آیکون Stroke را کنار یک آیکون Fill قرار بدهید.

دوم این که فاصله میان هر دو آیکون نباید از وزن یا به عبارتی قطر Stroke کمتر باشد.

۵. انتخاب مدل و استایل

آیکون‌هایی که پیاده سازی می کنید آینه‌های کوچکی می باشند که نام و‌ نشان برند را منعکس می‌نمایند.

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

آیا قرار است برای یک برند گران قیمت طراحی نمایید؟ آیا یک پیاده سازی انتزاعی ارزش‌های برند شمارا خوب منعکس می‌نماید یا یک پیاده سازی رسمی؟

این وسط ممکن میباشد بعضا آیکون‌های معمولی مثل ضربدر یا منوی همبرگری به نظر شما برای انواع پیاده سازی‌ها یکسان به نظر برسند.

پیشنهاد ما این میباشد که پیاده سازی را از آیکون‌های پیچیده‌تری آغاز نمایید و براساس آن ها استایل تعیین فرمائید.

تصویرسازی در آیکون گرافی چیست

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

۱. اشکال هندسی

برای این که بتوانیم آنچه که می بینیم را به ساده‌ترین صورت ممکن به تصویر تبدیل کنیم به اشکال هندسی نیاز داریم.

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

آن‌گاه در جایگاه دوم با کاربرد کمتر ممکن است از هشت ضلعی و شش ضلعی و ذوزنقه هم به کار گیری کنیم به صورت نمونه این اردک را ملاحظه کنید

که به طور کامل با دایره پیاده سازی گردیده‌است.

۲. اشکال ارگانیک

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

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

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

۳. گوشه‌ها

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

گاهی موردنیاز است کناره‌های مربع و مستطیل‌ها را با استفاده از Radius آنان گرد کنیم.

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

با ابزار Inspector میتوانید با به کارگیری از خصوصیت Corner Radius گوشه‌ها را گرد فرمایید.

در شرایطی که تمام مسیر یا Path را انتخاب فرمایید می توانید تک تک گوشه‌ها را به طور همزمان دور و نزدیک نمائید.

در صورتی‌که لازم میباشد آن‌ها‌را جداگانه تهیه و تنظیم فرمائید می بایست به موقعیت ویرایش بروید.

۴. تشبیه

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

بسیاری از این تشبیه‌ها میان طراحان مشترک میباشند. و با پیاده سازی آنان معنای مشترکی به ذهن مجموع کسانی که آن را می بینند می رسد. به

عنوان مثال اکثر ما با دیدن آیکون ستاره می دانیم که می‌توانیم با کلیک کردن این قسمت را به علاقه مندی های خویش اضافه کنیم یا این که آیکون قلب نشانه دهنده لایک کردن میباشد.

در‌این مرحله بایستی بتوانید ساده‌ترین شکلی که معنی را تداعی می‌نماید بسازید و بعد از آن در تمام آیکون‌ها برای نشان دادن معنای مشترک از این تشبیه استعمال نمایید.

۵. پرسپکتیو

برای نشان دادن یک تصویر به صورت سه‌ بعدی از پرسپکتیو استفاده میکنیم.

این عمل از نظر تئوری در آیکون گرافی شدنی میباشد البته باید توجه نمایید که نباید اغراق آمیز باشد.

به این دلیل که سایز کوچک آیکون‌ها قابلیت اختصاص دادن فضای زیاد به طراحی را از طراح سلب می‌نماید.

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

۶. تایپ

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

یعنی مردم مخاطبان با هر زبان و فرهنگی که آن را ببینند، بدانند که چه مفهومی را نشان می دهد.

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

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

به عنوان مثال در حالتی که قرار است نوشته‌ای در کاغذ را نشان بدهید (مثل آیکون گوگل) یک حرف خیلی گویا را نشان بدهید تا مطمئن گردید دیدن آن سبب سردرگمی مخاطب شما نشود.

ابزارهای مطلوب برای آیکون گرافی چیست

در صورتی‌که فتوشاپ که ابزار مادر در پیاده سازی میباشد را کنار بگذاریم گزینه‌های دیگری وجود دارند که کار با آنها پیاده سازی آیکون را بسیار ساده‌تر خواهد کرد.

نرم افزار Sketch دارای امکان ایجاد وکتور و آیکون میباشد و به طور کامل از آیکون‌ها پشتیبانی می‌نماید.

ابزار Figma قابلیت و امکان‌های متعددی برای پرداختن به جزییات آیکون را ارائه نموده است.

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

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

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

مقصود از آیکون گرافی چیست ؟

دلایل متعددی برای به کار گیری یک طراح از آیکون وجود دارد که ما در ادامه به مهم‌ترین دلایل آن اشاره میکنیم.

۱.کاهش زمان یادگیری

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

۲.صرفه جویی در فضای برگه

معلوم است که آیکون‌ها میتوانند به جای کلمه ها استفاده شوند و علاوه بر راحتی و سرعتی که در جابجایی مقاله دارا هستند

از شلوغی صفحه دوری می‌نمایند.آیکون گرافی چیست

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

۳.افزایش زیبایی بصری

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

۴.راحتی در استفاده

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

مثلا می‌توان آیکون‌ها را در نقاطی تعبیه کرد که برای به کارگیری کاربران تلفن‌های همراه راحت‎تر باشد.

۵. برتری نسبت به متن

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

اهمیت آیکون گرافی در پیاده سازی UI

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

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

تصاویر و آیکون ها توجه بیشتری نسبت به متن جلب می‌نمایند و از این نظر نیز دارای اهمیت می‌باشند.

 

بایدها و نبایدهای آیکون گرافی چیست

۱.آیکون های تازه پیاده سازی نکنید و آیکون های سابق و آشنا را به کار گیری فرمائید چون تشخیص آنان سریعتر خواهد بود.

۲.از آیکون ها استفاده کنید تا فضای خالی بیشتری داشته باشید و بتوانید به راحتی از قابلیت ها در نوار ابزار به کار گیری نمایید.

۳.آیکون ها بایستی به سرعت تشخیص داده شوند براین اساس از آیکون هایی به کارگیری نمائید که برای کاربران آشنا می باشند.

۴.در آیکون گرافی از به کار گیری آیکون قلب و ستاره بپرهیزید چون چندین معنای گوناگون را منتقل می‌نمایند.

۵.آیکون ها مدام برای انتقال مفهومی پیاده سازی می گردند. از آن‌ها بیش تر از حد و یا برای زیبایی به کارگیری نکنید.

۶.در آیکون گرافی این قانون را به یاد داشته باشید در صورتیکه استفاده کننده در کمتر از ۵ ثانیه کارایی آیکون را تشخیص نداد، آن آیکون بی‌تاثیر میباشد.

۷.آیکون ها بایستی به صورت بصری عملکرد و مقصود را تعریف نمایند به این ترتیب آن ها را معمولی، معنادار و آشنا پیاده سازی فرمائید.

۸. برای حفظ خوانایی و ضربه زدن آسان بر روی موبایل، دست کم ۱ سانتی متر مربع از اطراف فاصله بگذارید.

۹.توجه نمایید که آیکون ها در یک برگه یا یک نرم‌افزار با هم، هم‌خوانی داشته باشند.

۱۰.از شکل ها و یا رنگ های متمایز برای آیکون ها به کار گیری فرمائید که به راحتی قابل تشخیص باشند.

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

۱۲.به خاطر داشته باشید یک آیکون عالی، نیازی به استفاده از برچسب توضیحی ندارد و به راحتی شناخته می شود.

۱۳.آیکون فقط باید یک منظور و مقصود را منتقل نماید.

۱۴.آیکون‌ها را معمولی پیاده سازی نمائید.

۱۵.فرمت آیکون‌ها ico میباشد.

جمع‌بندی

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

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

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

  • علی رئیسی
  • ۰
  • ۰

اصول تایپوگرافی در طراحی UI

بهتر میباشد قبل از آغاز آموزش تایپوگرافی، کمی درباره‌ی تاریخچه آن بدانیم.

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

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

ضمن این، تایپوگرافی زبان را به یک عنصر بصری تزیینی تبدیل می نماید.

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

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

سبک تایپ استفاده شده در کتاب مقدس گوتنبرگ امروزه با تیتر (Textualis (Textura و Schwabacher شناخته می‌گردد.

امروزه، تایپوگرافی چیزی بیشتراز چاپ و سازماندهی متن ها و تعیین فونت آن میباشد.

معمولاً، تایپوگرافی تحت عنوان هنر و دانشسبک، ظاهر و ساختار فونت تعریف میشود که مقصود آن ارائه ورژن های خوشگل و خوانا به خوانند‌گان میباشد.

در واقع تایپوگرافی به همه تغییراتی اتلاق می‌شود که روی فونت انجام می‌گردد تا خوشگل و خوانا باشد و کلیه مورد های این حوزه را شامل می‌گردد.

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

در این مقاله قصد داریم اصول تایپوگرافی در طراحی UI را برای شما یه صورت کامل بیان کنیم.

نقش تایپوگرافی در پیاده سازی

اهمیت یادگرفتن تایپوگرافی در UI را با یک پیشگفتار آغاز می‌کنیم.

آیا می‌توانید یک مثال از طراحی وب سایت یا این که نرم افزار گوشی را اسم ببرید که فاقد متن است ؟

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

می بایست به خوبی درباره متن و ظاهر آن در کنار هم اندیشید، در غیر این صورت ممکن است طرح را خراب نماید.

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

با این حالا، تایپوگرافی قسمت مهمی از یک پیاده سازی مؤثر میباشد. به نظر شما چرا؟ پاسخش اینجاست…

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

علم پایه تایپوگرافی می‌تواند به درک ویژگی های ارائه بصری فونت و تأثیر آن بر درک مخاطبان کمک کند.

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

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

با کمک این شیوه تایپوگرافی به برقراری ارتباط یک طرح با اشخاص کمک می نماید.

کارایی بصری و خوانایی متن‌ها در تولیدات دیجیتال تأثیر زیادی در تجربیات استفاده کننده دارد.

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

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

ضمن این، تایپوگرافی بد به صورت قابل توجهی بر تأثیر اولیه اثر میگذارد؛ چراکه حتی در صورتیکه کاربران متن را نخوانند، آن را کپی خواهند کرد.

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

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

عنصرهای ضروری تایپوگرافی

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

در‌این بخش با این موادسازنده آشنا میشوید.

فونت و تایپ فیس

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

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

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

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

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

Mean line ​​و Baseline

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

ابزار اصلی کمک به طراحان در‌این فرآیند عبارتند از Mean line ​​و baseline. اولی نشانگر بالا و دیگری بخش زیر یک کاراکتر میباشد.

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

اندازه ، وزن و ارتفاع

از مهم‌ترین مواردی که بایستی در یادگرفتن تایپوگرافی بهتر به آن توجه فرمایید کنترل مختصات فونت میباشد.

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

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

طول کاراکتر x-height” ” نیز نامیده میشود( چون بدنه هر کاراکتر اندازه ای بر پایه ی حرفX دارد). این روش سبب یکنواخت به نظر آمدن آن‌ها می‌شود.

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

Ascender و Fallender

ascender بخشی از حروف میباشد که بالاتر از خط میانی قرار میگیرد، مثلا در b” ” یا d” ” بخش های فراتر از دایره از Ascender می‌باشند. descender بر عکس آن میباشد؛ یعنی بخشی که در زیر بیس لاین قرارمی گیرد، مانند q” ” یا g” “.

فضای سفید

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

خوا‌نندگان معمولاً از نقش عظیم این اطراف آگاهی ندارند، ولی طراحان دقت زیادی به آن می نمایند.

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

هم ترازی (Alignment)

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

در حین این مرحله، طراحان قطعاتی را که به طور تصادفی قرار گرفته اند را به یک ترکیب واحد تبدیل می نمایند.

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

ردیابی (Tracking)

در‌این قدم از فراگیری اصول تایپوگرافی در طراحی UI با ردیابی آشنا میشوید.

فرآیند ردیابی دربرگیرنده تهیه و تنظیم فضای گروهی از کاراکتر های متنی میباشد، که یک واژه و یا بلوک متنی را تشکیل میدهند.

یک طراح فاصله مناسب تمام حروف را تنظیم کرده و سبب میگردد متن خوشگل و دلپذیر به نظر رسد.

ردیابی مؤثر سبب میگردد تا حروف یک کلمه به راحتی قابل خواندن باشند.

کرنینگ (Kerning)

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

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

این اصطلاح معمولا در موردهای خاصی، زمانی که یک طراح تصمیم میگیرد برای طبیعی تر به نظر رسیدن، فاصله میان دو حرف خاص را تغییر‌و تحول دهد، به عمل می رود.

هدایت (Leading)

Leading فاصله میان بیس لاین ها در متن میباشد. یک Leading مطلوب به خوا‌نندگان کمک می نماید تا به راحتی از یک خط از متن به خط دیگر بروند و متن های بزرگ را خوانا می نماید.اصول تایپوگرافی در طراحی UI

در پیاده سازی، اندازه استاندارد Leading 120٪ اندازه point size فونت میباشد، ولی ممکن میباشد با دقت به مختصات نوع تایپ متفاوت باشد.

سلسله مراتب تایپوگرافی

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

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

مقصود این کار تولید تضاد دربین متن های بخش های متعدد میباشد.

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

سلسله مراتب تایپوگرافی با تنظیم عنصرهای تایپوگرافی برای مثال تایپ فیس ها، فونت ها، اندازه، رنگ و همینطور تراز بندی آنان تولید می‌گردد.

سلسله مراتب تایپوگرافی از روش انواع متداول تایپ های محتوای متن مورد استفاده در پیاده سازی UI ایجاد می‌گردد.

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

این ارکان متنی لایه های متمایزی در پیاده سازی تولید می نمایند: سطح اول ، سطح دوم و سطح سوم.

سطح اول محتوای متنی مانند عنوان های اصلی، دارای بزرگترین تایپ می‌باشند.

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

و سطح سوم تایپوگرافی شامل بدنه متن و بقیه داده ها میباشد.

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

نکات تایپوگرافی برای طراحان UI

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

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

۱. هنگام استفاده از چند فونت مراقب باشید

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

از جمله ، از یک خانواده قلم برای تیتر و دیگری برای بدنه به کارگیری فرمائید.

در اینجا یک سری نکته قابل توجه وجود دارد که بایستی هنگام تعیین خانواده قلم به خاطر بسپارید:

بیشتر از سه خانواده قلم استفاده نکنید. به کار گیری هم‌زمان از بیش تر از سه خانواده قلم میتواند دکورا سیون شمارا به هم ریخته نشان دهد.

برای مبتدیان ، پیشنهاد می شود تا‌هنگامیکه به آن اشراف پیدا نکنید ، از یک خانواده خودکار به کارگیری فرمایید.

نوع حروف انتخابی شما برای متن ، بر تصمیم‌گیری برای هر نوع سخن دیگر در طرح شما تأثیر میگذارد.

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

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

خانواده مداد هایی که گزینش می‌کنید بایستی تکمیل کننده یکدیگر باشند.

ابزارهایی مانند FontPair یا TypeWolf میتوانند پروسه یافتن ترکیب قلم مطلوب را ساده نمایند.

۲. سلسله مراتب بصری خوب تولید فرمایید

سلسله مراتب نوع بسایت شما بسیار اساسی میباشد و به کاربران اجازه میدهد تا داده ها را سریع تجزیه و آنالیز نمایند.

طراحان می بایست با دقت به اولویت ، محتوا را سازماندهی نمایند. مهم ترین متن می بایست پر رنگ‌ترین باشد.

هنگام پیاده سازی یک شیت ، شما می بایست با h1

شروع فرمایید. حق تقدم را می توان با به کار گیری از اندازه ، وزن و رنگ فونت ایجاد کرد.

۳. اندازه قلم مطلوب را تعیین نمایید

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

در نتیجه، کاربران از اکثر داد ه ها ارائه شد ه چشم پوشی می نمایند. این امر مخصوصاً درباره ی تلفن همراه صدق می‌نماید.

البته متن زیاد نیز می‌تواند مشکلاتی ایجاد نماید. متن بزرگ ممکن میباشد سبب حواس پرتی گردد.

برای دسک تاپ از قلم ۱۶ پیکسل یا بالاتر برای  متن استعمال کنید. خیلی بزرگ نیست و خواندنش راحت میباشد.

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

برای Androidحداقل اندازه قلم قابل خواندن ۱۲ sp میباشد ، ولی به کار گیری از حداقل ۱۴ sp برای متن اصلی بسیار پیشنهاد می شود.

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

 

جمع‌بندی و نتیجه‌گیری اصول تایپوگرافی در طراحی UI

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

شما تنها واقعابه یادگیری چیزی از روش تکرار ادامه می دهید.

هرچه مدل های نوشتاری را بیشتر آزمون نمایید ، ایده بهتری در مورد نحوه کار و ظاهر آن برای کاربران خواهید داشت.

البته لازم به یادگیری کامل تر پیاده سازی رابط کاربری می باشد.

به‌همین‌دلیل، از سرفصل‌های اساسی آموزش ui بحث در مورد رنگ‌ها و تایپوگرافی میباشد.

امیدواریم مطلب اصول تایپوگرافی در طراحی UI از گروه سه سوت برای شما مفید باشد.

  • علی رئیسی
  • ۰
  • ۰

طراحی ریسپانسیو

طراحی ریسپانسیو (Responsive) یا واکنشگرا شیوه‌هایی طراحی از میباشد

که‌این روز ها محبوبیت بالایی به دست آورده است ؛

ولی آیا شما با این نوع از طراحی شناخت دارید؟

با مطالعه این مطلبِ مختصر و موثر مشاهده کنید

که طراحی ریسپانسیو چیست

و با مزایا و معایب آن آشنا گردید.

این روز ها داشتن ورژن تلفن همراه برای اکثریت قریب به اتفاق وبسایت‌ها و به‌خصوص وب سایت‌های کسب‌وکار به یک ضرورت تبدیل گردیده است.

در واقع شرایط به گونه‌ای گردیده که انگار بایستی برای هر دستگاهی یک طراحی مجزای مطلوب داشته باشید:

یک طرح برای آیفون، طراحی‌های گوناگون برای دستگاه‌های مختلف اندرویدی، طراحی مناسب برای تبلت‌ها و مثلا آیپد و ... .

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

علاوه بر این‌ها، بدون تردید در سال‌های آینده ابداعات متنوع‌تری را نیز شاهد خوا‌هیم بود

که بایستی ‌وب سایت خویش را با آن ها نیز تطبیق بدهید.

ولی این شرایط تا چه وقتی ادامه خواهد داشت؟

البته که تا همیشه!

در واقع بالاخره به جایی می‌رسیم

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

البته حتی در حال حاضر نیز پیاده سازی ورژن‌های متعدد برای هر رزولوشن و دستگاه برای اغلب ‌وب سایت‌ها امکان‌پذیر وجود ندارد.

در چنین شرایطی چه بایستی کرد؟

آیا بایستی از خیر برخی از دستگاه‌ها بگذریم

و صرفا روی تعدادی موردی تمرکز کنیم

که بیشترین بازدیدکننده و مشتری را برای ما جذب می‌نمایند؟

در‌این‌حالت‌ باز هم بازار بزرگی را از دست خوا‌هیم داد،

به این دلیل که تمام کاربرانی که از دستگاه‌های گوناگون نامتناسب با ‌وب سایت ما به کارگیری می‌نمایند معدود نخواهد بود.

ولی آیا آیتم دیگری هم داریم؟

راهکاری به اسم پیاده سازی ریسپانسیو

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

در بالا به نظر میرسید که بهترین راه‌حل استفاده از stylesheet های مختلف برای اندازه‌های متعدد باشد؛

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

در نتیجه از این شیوه حجم کدهای ‌وبسایت نیز کاهش پیدا خواهد کرد.

این نوع از طراحی همچنان از طریق‌های استاندارد برای تشخیص دستگاه مورد استفاده مخاطب سود می برد،

البته نیاز به طراحی یک stylesheet برای هر دستگاه را برطرف نموده است.

این طراحی به عبارتی چیزی میباشد

که به آن طراحی «ریسپانسیو» (Responsive) یا این که طراحی واکنشگرا میگوییم.

 

 

طراحی ریسپانسیو چیست؟

طراحی ریسپانسیو یک شیوه یا این که روشی میباشد

که طراح بر مبنای آن صفحه را به طوری طراحی می‌نماید

که با دستگاهی که در آن نمایش داده می شود تطبیق پیدا می‌نماید.

در‌این شیوه، طراحی و پیشرفت به گونه‌ای اعمال می گیرد

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

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

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

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

یا این که در آینده عرضه خواهند شد مرتفع می‌گردد.

 

 

طراحی ریسپانسیو چه سبک و سیاقی دارد؟

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

وقتی که ‌وبسایت شما در دستگاه‌های مختلفی به نمایش در می آید،

بنا به تنظیماتی که برای طراحی تعریف گردیده،

این مؤلفه‌ها عکس العمل‌های متفاوتی را از خویش نشان می دهند.

یک ‌وبسایت با طراحی سنتی را در نظر بگیرید؛

معمولاً اینگونه وب سایت‌هایی کاربران تلفن همراه یا تبلت را ناچار می‌نمایند تا به سمت چپ یا راست صفحه اسکرول کرده،

یا این که برای مشاهده متن‌های ریز به ناچار بر روی آنان زوم نمایند.

به عبارت دیگر مخاطب مجبور به انجام کارهایی می شود

که علاقه‌ای به انجامشان ندارد.

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

به علاوه، قابلیت و امکان چرخش اتوماتیک صفحه موبایل‌ها و تبلت‌ها نیز مزید بر علت میشود

و فعالیت را برای طراحان دشوارتر می‌نماید.

برخی از دستگاه‌ها نیز صفحه های بسیار کوچکی دارا هستند،

که طراحی برای آنها را به دردسر بزرگ‌تری تبدیل خواهد کرد.

به علاوه، حفظ طرح صفحه و نمایش صحیح وبسایت برای ‌وبسایت‌هایی که تصویر محور می‌باشند

یا این که از مورد‌های گرافیکی فراوانی استفاده می‌نمایند دشوارتر میباشد.

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

از جمله با به کار گیری از این نوع از طراحی می‌توان ورژن تبلت را به گونه ای تهیه و تنظیم کرد

که در موقعیت دو ستونه نمایش داده خواهد شد.

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

در تلفن همراه‌های هوشمند می‌توان محتوا را به طور عمودی در یک ردیف مرتب کرد

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

و از نمایش عناصر مزاحم خودداری نمود.

تصاویر نیز به جای آنکه ریز یا بزرگ به نظر برسند،

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

طراحی ریسپانسیو به چه شکل عمل می‌نماید؟

در پیاده سازی ریسپانسیو از fluid grid یا جدول‌های شناور به کارگیری میشود.

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

به این ترتیب در‌حالتی که در طرح وبسایت خویش سه ردیف داشته باشید،

به جای آنکه عرض هر کدام را به صورت جدا از هم تعیین فرمایید،

مشخص و معلوم میکنید که عرض هرکدام نسبت به ردیف‌های دیگر چقدر می بایست باشد.

همین زمینه در خصوص گزینه‌های رسانه‌ای و مثلا تصاویر وب سایت نیز مصداق دارد،

به گونه ای که تصاویر و اشکال گوناگون گزینه‌های چندرسانه‌ای وب سایت هم به طور نسبی تغییر اندازه پیدا می‌نمایند.

تفاوت طراحی ریسپانسیو با طراحی fluid (جاری) و طراحی adaptive (تطابق پذیر)

تفاوت عمده طراحی ریسپانسیو با طراحی fluid یا روان این میباشد

که در پیاده سازی روان، تمرکز طراحی بر روی نسبیت اندازه‌ها قراردارد

تا تمامی مؤلفه‌ها درصد مشابهی را در صفحه های نمایش مختلف اشغال نمایند؛

البته در طراحی ریسپانسیو با به کار گیری از Media Query های خاصِ CSS، طرز نمایش مؤلفه‌های متعدد مبتنی بر اندازه صفحه انتخاب میشود.

در طراحی adaptive یا انطباق پذیر یا انطباقی، اندازه‌ها به طور ثابت تعریف گردیده

و طرح‌ها و چیدمان‌های کاملاً مجزایی طراحی می‌گردد

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

• طراحی Fluid یا Liquid: 

هدف از این نوع طراحی، حفظ اندازه نسبی کلیه عناصر موجود در صفحه میباشد؛

براین اساس هر آنچه که در یک مانیتور ۲۴ اینچی مشاهده میکنید را در یک لپ‌تاپ ۱۲ اینچی نیز خواهید مشاهده کرد.

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

در عین حال، وقتی که پای تلفن همراه‌ به در میان می آید،

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

• طراحی Adaptive:

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

به عنوان مثال می‌توان به کار گیری از برخی از مؤلفه‌های طراحی را محدود کرد،

تا صفحه مورد نظر با توجه به هدف‌گذاری صورت گرفته در تلفن همراه با سرعت بیشتری لود خواهد شد؛

یااینکه بر ویژگی‌های خاصی تمرکز کرد

که بیشتر با نیازهای کاربران این دستگاه‌ها سنخیت دارا هستند.

• طراحی ریسپانسیو:

طراحی ریسپانسیو با عنایت ویژه به مقیاس پذیری (Scalability) آغاز میشود.

دراین‌صورت، طرح صفحه به شکلی در میاید

که برای صفحه نمایش مورد نظر تعریف شد‌ه‌است.

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

تمام طرح به حالت یک ستونه در خواهد آمد

تا با اندازه صفحه تلفن همراه شما تناسب پیدا نماید.

 

طراحی ریسپانسیو

مزایای به کارگیری از طراحی ریسپانسیو

در یک دنیای ایدئال، تمامی ما بایستی زمان و توان کافی برای ایجاد و ساخت وب سایت‌های مجزایی که تماماً برای به کارگیری در گوشی بهینه‌سازی گردیده‌اند را داشته باشیم؛

ولی معمولاً مطلوب‌ترین وضعیت مو جود نیز برای ما به اندازه وبسایت‌های بزرگی مثل فیس‌بوک و توییتر (که ورژن موبایلی منحصر به فرد خودشان را دارا هستند) ایدئال وجود ندارد.

در نتیجه می بایست در‌پی روشی باشیم که بدون ایجاد دردسرهای اضافی بتواند بهترین تجربه کاربری را برای بازدیدکنندگانمان رقم بزند.

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

البته استفاده از این شیوه چه مزایایی را در بر دارد؟

• بزرگ‌ترین مزیت طراحی ریسپانسیو، صرفه‌جویی در وقت و تلاشی میباشد

که به منظور طراحی برای دستگاه‌های متفاوت لازم میباشد.
• استفاده از طراحی ریسپانسیو برای مسئولان وب سایت بدین مفهوم میباشد

که صرفا یک ورژن از وبسایت وجود دارد که بایستی به‌روزرسانی گردد.

به این ترتیب هر محتوایی که وجود دارد،

در یک جای قرار میگیرد

و همه چیز ساده‌تر گردد.
• برای طراحان و توسعه و گسترش دهندگان وبسایت نیز در مقایسه با ایجاد چند stylesheet گوناگون کار ساده‌تر یا سازمان‌یافته‌تری در پیش خواهد بود؛

اما نمی‌توان زمان و تلاش لازم برای طراحی یک وبسایت ریسپانسیو مطمئن و بدون نقص‌ را دست‌کم گرفت.

در هر صورت، از این شیوه تمامی کدهای CSS در یک جا قرار می گیرد

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

معایب طراحی ریسپانسیو

هر چیز خوبی معایبی هم داراست

و به طور طبیعیً طراحی ریسپانسیو نیز از این قاعده مستثنا وجود ندارد.

در واقع، درصورتی که غیر از این بود،

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

توجه داشته باشید که حتی اگر برخی از مؤلفه‌های وب سایت برای کاربری که از تلفن همراه هوشمند خویش استفاده می‌نماید ظاهر نشود،

به‌این معنی نخواهد بود که آن مؤلفه‌ها بار گذاری نشده‌اند؛

بلکه تنها از لحاظ مخاطب مخفی می شوند

تا ایرادی در طرح ‌وبسایت در تلفن همراه به وجود نیاید.

شاید بتوان بزرگ‌ترین معضل طراحی ریسپانسیو را مدت زمان و سرعت بار گذاری تصاویری دانست

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

دقت داشته باشید که مراحل تغییر اندازه تصاویر برای نمایش در تبلت یا موبایل‌های هوشمند قادر است

تحت تأثیر توان محدود دستگاه‌های تلفن همراه قرار بگیرد

و دچار وقفه یا کندی خواهد شد.
• برخی از مرورگرهای گوشی از مدیا کوئری‌ها (media queries) پشتیبانی نمی کنند.

مدیا کوئری‌ها در واقع دستورالعمل‌های CSS میباشند

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

ولی این مشکل با به‌روزرسانی‌های منظم سیستم‌های عامل، نرم‌افزار‌ها و دستگاه‌های گوشی و پشتیبانی روزافزون آنان از پیاده سازی ریسپانسیو به سرعت در حال برطرف شدن میباشد؛

البته به‌هرحال موضوع‌ای میباشد که می بایست به آن دقت داشته باشید.

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

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

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

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

در واقع، از این روش دیگر محدودیت خاصی در به کارگیری از‌وبسایت شما وجود نخواهد داشت؛

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

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

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

 

چرا واکنش‌گرا بودن وبسایت مهم میباشد؟

ریسپانسیو بودن صفحات سبب می گردد مخاطب حین مراجعه به وبسایت، تجربه‌ی بهتری داشته باشد.

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

محتوای همیشه سبز

به بیان ساده، محتوای همیشه سبز (Evergreen Content) محتوایی است
که مضمون‌ خویش را حفظ می‌نماید،
به زمان حساس نیست
و مدت‌ها بعد از نشر، به جذب ترافیک ادامه می‌دهد.

در ادامه، فرمت‌هایی را که به بهترین نحو مکمل این رویکرد تولید محتوا و چگونگی کارکرد آن برای می باشند، لیست کرده‌ایم

 

محتوای همیشه سبز چیست؟

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

 با گذشت زمان، ترافیک جست‌وجوی آن افزایش می‌یابد.

 

فرمت‌های رایج محتوای همیشه سبز

 

در زیر برخی فرمت‌های رایج همیشه سبز که ممکن میباشد ایجاد آنها را در نظر بگیرید اورده شده است :

فهرست‌واره‌ها
نکات کاربردی
محتوای آموزشی
بررسی محصول
(برخی) فیلم‌ها

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

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

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

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

 

روشهای ایجاد مقاله یا وبلاگ همیشه سبز

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

 

مثال‌هایی از محتوای همیشه سبز

یک سری مثال‌ های خاص از آن‌چه که برای صنایع گوناگون مقاله‌های همیشه سبز در نظر گرفته می‌گردد، در اینجا گفته شده میباشد:

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

                                                           

 

آیا مدام می بایست محتوای سبز ایجاد کنیم؟

سرسبزی همیشگی درختانی مانند کاج برای باغ یک خصوصیت عالی به حساب می‌آید؛ ولی آیا این باغ قشنگ علاوه بر درختان سبز رنگ، به درختان پربارِ میوه نیاز ندارد؟

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

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

به بیان دیگر تولید محتوای جاودان، کلید طلائی جلب رضایت مخاطب میباشد.

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

شاید با توجه به اهمیت محتوای همیشه سبز به‌این فکر کنید که ساخت محتوا برای موضوعاتی که عمر کوتاهی دارند، کاری بیهوده میباشد.

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

زیرا نیاز کاربران معمولاً در یک موقعیت خلاصه نمی شود و تنوع متعددی دارد.

همیشه سبز بودن محتوا، معیار درستی برای کیفیت آن نیست!

در نظر داشته باشید که همیشه سبز بودن را نمیتوان یکی از معیارهای کیفیت محتوا دانست، چرا؟ اجازه دهید از یک مثال ساده استفاده کنیم.

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

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

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

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

آنچه محتوای همیشه سبز نیست

برای توضیح بیشتر محتوای همیشه سبز، بیایید به آن‌چه که «نیست» بپردازیم.

برای روشن شدن بهتر اینکه چه نوع نوشتاری «همیشه سبز» در نظر گرفته می‌شود،

مثال هایی از محتوا هایی که همیشه سبز نیستند:
  • بهترین هدیه برای ولنتاین
  • روش‌های درمان کرونا
  • ترند زمستان ۲۰۲۰

محتواهایی با این مضامین همیشه سبز نیستند و فقط طی دورۀ مشخصی، مخاطب و خواننده دارند.

طبیعتاً، در بهار ۲۰۲۱، دیگر کسی به فکر فهمیدن ترند زمستان ۲۰۲۰ نخواهد بود. به عبارتی، تاریخ چنین محتواهایی خیلی زود می‌گذرد.

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

به یاد داشته باشید، محتوای همیشه سبز تاریخ انقضای واقعی ندارد
و ارزش خویش را در دراز مدت حفظ می‌نماید،

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

نکاتی برای نگارش مطالب همیشه سبز
در حال حاضر که می‌دانید محتوای همیشه سبز به صورت جدا چه چیزی میباشد

و چه چیزی نیست،
همراه با انواع فرمت‌هایی که بهترین نتیجه را ایجاد می‌نمایند،
 
در اینجا نکات خاصی برای تولید محتوای همیشه سبز بیان شده است :

 

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

راه هایی که مقاله یا وبلاگ شما را همیشه سبز می سازد

  • به سوالات متداول کاربران سایت یا وبلاگ خود پاسخ دهید.
  • ارائه راهنمایی های صنعتی و مشاوره در مورد “چگونگی” انجام کارها
  • مفاهیم صنعتی رایج که ممکن است برای خوانندگان گیج کننده باشند را توضیح دهید.

محتوای همیشه سبز تنها راه موفقیت نمی باشد

محتوای همیشه سبز خوب میباشد، البته فکر نکنید

که هر چیزی که ایجاد می کنید بایستی همیشه سبز باشد.

محتوای وابسته به زمان و به‌روز هم مهم میباشند.

این مورد ها برای کمپین‌های بازاریابی کوتاه مدت، وقتی مطلوب میباشد

که می خواهید در بازه زمان کوتاه ترافیک زیادی تولید نمائید.

بهترین استراتژی بازاریابی محتوا مشتمل بر ترکیبی از پست‌های همیشه سبز طولانی مدت و مقاله‌های موضوعی بیشتر میباشد.

 

محتوای همیشه سبز را در وبلاگ خویش دفن نکنید

زمانی محتوای همیشه سبز خویش را تولید کردید،

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

چند شیوه برای ایفای این کار وجود دارد:

صفحه های راهنمای آموزشی در وبسایت خویش ایجاد فرمائید

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

محتوای همیشه سبز را به صورت مرتب آپ دیت نمائید

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

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

برای نگهداری رتبه‌ی برتر بایستی محتوای خویش را تازه و جامع نگه دارید.

 

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

ایده‌های محتوای همیشه سبز

آیا هنوز مغز خویش را برای بعضی فرمت‌های همیشه سبز که برای بیزنس شما اثرگذار میباشد، به فعالیت گرفته‌اید؟

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

براین اساس به احتمال زیاد شما از برخی پوسته‌ها در برخی مواقع استعمال خواهید کرد. پژوهش ها مخصوص

 

  • نمونه‌پژوهی موفق
  • نمونه‌پژوهی «چه چیزی خطا انجام شد»
  •  راهنما برای مبتدیان
  • راهنما برای کاربران پیشرفته
  •  ارزیابی لیست راهنما
  • شیوه‌ی گزینش بهترین کالا
  • شیوه‌ی اجرای کاری در طول زمان
  • فهرست منابع
  •  لیست شایسته ترین ابزارهای رایگان و پولی
  • شایسته ترین کتاب‌ها برای یک هدف خاص
  • مشکلات رایج در یک بازار جاویژه یا صنعتی خاص
  • تاریخچه یک موضوع یا محصول
  • جمع‌بندی «بزرگترین‌ها»
  • بهترین یا بدترین شیوه چهت نیل به یک مقصود خاص
  • واژه‌نامه‌ی بدون نقص یک موضوع یا بازار جاویژه

 

سخن آخر

جف بیزوس، بنیان‌گذار و مدیرعامل آمازون، می گوید: «روی چیزهایی تمرکز فرمائید که تغییر نمیکنند.» محتوای همیشه سبز نیز دقیقاً همین خصوصیت را داراست. محتوای همیشه سبز همواره جدید و خواندنی میباشد و هیچ‌وقت، تاریخ مصرفش نمی‌گذرد.

محتوای سبز ارزشمندترین دارایی است که می توانید برای وب سایت خود داشته باشید مخصوصا زمانی که برنامه‌های بازاریابی شما به خاطر تامین بودجه، محدود است.

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

طراحی تجربه کاربری UX

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

در ادامه بدین قضیه خوا‌هیم پرداخت.

طراحی تجربه کاربری ux

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

برای قرار گرفتن در صفحه اول گوگل میبایست از تکنیک های seo استفاده فرمائید.

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

در غیر اینصورت bounce بالایی خواهید داشتید و این به معنای بی نتیجه ماندن تلاش های شما در seo هم است.

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

از ux برای اینکه تجارب کاری خوبی به کابران وبسایت خویش بدهید مانند seo وبسایت ویکی پدیا عمل کنید.

ساده ولی به شدت کاربردی.

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

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

آموزش های seo کشور ایران مبنی بر تجربه افراد تیم اجرایی seo ایران نیز بررسی و رسیدگی میگردد.

چنانچه وبسایت شما ux نداشته باشد، هیچ ندارد.

در حالتی که وبسایت شما ux داشته باشد، قادر است در مسیر پیشرفت قرار داشته باشد.

 

Ux desing چیست؟

در پاسخ به این پرسش که UX design یا طراحی تجربه کاربری چیست باید گفت که UX design اصلاً مفهوم جدیدی نیست.

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

دان نورمن به تمام جنبه‌های تجربه کاربر با یک محصول یا خدمات علاقه داشت.

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

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

 

مسئولیت های طراح UX

 

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

علی رغم تنوع نقش ارائه گردیده، بعضا از کارکردهای کلی وجود دارد که انتظار می رود طراحی تجربه کاربری UX  بدون توجه به شرکتی که در آن درگیر کار می‌باشند، انجام دهد.

 

 ۶ مسئولیت طراح ux:

 

۱)تحقیقات محصول

تحقیقات مرتبط با محصول (که طبیعتا دربرگیرنده تحقیقات کاربر و بازار میباشد) نقطه شروع هر طراح UX برای یک پروژه طراحی UX میباشد.

این پایه و اساس را برای طراحی عالی آماده می نماید.

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

 
۲)ایجاد شخصیت و سناریو

براساس نتیجه های پژوهش در باب محصول ، مرحله بعدی برای یک طراح UX شناسایی گروه های اصلی کاربر و ایجاد personas نماینده میباشد. شخصیت یک نام و نشان ساختگی میباشد که منعکس کننده یکی‌از گروه های کاربری میباشد که آن ها برای آن ها طراحی می نمایند.

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

وقتی که یک طراح UX شخصیتها را شناسایی نموده است ، میتوانند سناریوها را بنویسند.

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

 

۳)معماری اطلاعات (IA)

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

معماری داده ها منجر به ایجاد ناوبری ، سلسله مراتب و طبقه بندی می‌شود.

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

 
۴)ساخت و ساز Wireframes

بعد از مشخص شدن IA ، زمان آن رسیده است که برای ایجاد سیم های سیم کارت استفاده نمایید .

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

۵)نمونه سازی

 
بسیاری از افراد از اصطلاحهای “wireframe” و ” prototype ” قابل تعویض استفاده می نمایند ، البته تفاوت قابل توجهی دربین دو تحویل طراحی وجود دارد.
 آن ها مختلف به نظر می رسند ، چیزهای مختلفی را برقرار می نمایند و اهداف مختلفی را ارائه می‌دهند.
در حالی که ویندوزها مشابه به طرح های معماری می باشند (برای مثال یک طرح ساختمان) ، نمونه اولیه یک نمایش وفاداری متوسط ​​تا بالا از محصول نهایی میباشد.
 
 
۶) تست محصول
 
تست به طراحان UX کمک می نماید تا بدانند که یوزرها در تعامل با یک محصول چه مشکلی را تجربیات می نمایند.
 یکی از معمول ترین روشهایی که یک طراح UX قادر است تست محصول را جاری ساختن دهد ، انجام آزمایشات کاربری شخصی برای مشاهده رفتار فرد میباشد.
جمع آوری و تحلیل بازخورد لفظی و غیر کلامی از کاربر ، به طراحان UX کمک می نماید تا تجارب کاربری بهتری را ایجاد نمایند. نه اینکه بگوییم حضور در همان اتاق در حالی که کسی در تلاش برای استفاده از محصول شما میباشد محرک قدرتمندی برای ایجاد همدلی با یوزرها میباشد.
 
 

طراحی تجربه کاربری UXطراحی تجربه کاربری UX فرایند بی پایانی است

طراحی UX فرآیندی از تکرار ثابت می باشد.

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

در واقع ، طراحان UX همچنان می آموزند که به روزرسانی های آینده را هدایت می کند.

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

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

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

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

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

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

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

 

آیا UX بر روی سئو تاثیر میذاره؟

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

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

 

استاندارهای گوگل برای تشخیص UX یا تجربه کاربری چیست؟

از جمله استانداردها و معیارهایی که گوگل برای سنجش میزان UX به آن توجه می کند موارد زیر است:

سرعت سایت: سرعت لود شدن باید بالا وقابل قبول باشد.

دراین صورت کاربر تجربه کاربری لذت بخشی از بازدید سایت شما به دست می آورد.

برخورداری از قابلیت رسپانسیو بودن سایت :

شما باید UX را به گونه ای ایجاد کنید که قابلیت نمایش در تمام دستگاه ها را از جمله موبایل و تبلت وجود داشته باشد.

چگونگی تولید محتوا :

برای UX یا تجربه کاربری خوب باید محتوایی را خلق کنید که دامنه نیازهای کاربر رو پوشش دهد.

تکراری و کپی نیز نباشد و به اندازه ایی کامل و مفید باشد که کاربر متن شما را به اشتراک بگذارد.

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

به عنوان یک طراح UX باید این نکته را بدانید.

 
بررسی لینک های داخلی یکی از استاندارد های گوگل

 

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

بک لینک هایی که به‌سایت ارجاع داده‌می شود : تعداد بک لینک ها و اعتبار دامنه وب سایت نیز بر روی سئو تاثیر مثبتی می گذارد.

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

این مورد نیز نتیجه UX و تجربه کاربری مفید است .

تمام این موارد جزو مراحل بسیار مهم سئو سایت می باشد و رعایت آنها شما را سریع تر به هدف می رساند.

استاندارهای گوگل برای تشخیص UX شامل محتوا و لینک و سرعت و…

 

 

دامنه کاری UX چگونه میباشد؟

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

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

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

نتیجه گیری

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

شما تحت عنوان طراح UX می بایست تمام نیازمندی ها و احساسات و هیجان های کاربر را بشناسید.

در حین طراحی آن‌ها ها را طراحی فرمایید تا بتوانید تجارب کاربری خوبی را برای کاربران رقم بزنید.

هنگامی که آنها از ارائه خدمات شما راضی باشند رضایت گوگل را نیز به دست می‌آورید.

در این صورت در رتبه های برتر وبسایت در نتایج موتورهای جستجو قرار میگیرید.

  • علی رئیسی
  • ۰
  • ۰

طراحی رابط کاربری UI

بدون‌شک با شنیدن اسم UI، این سوال به ذهن بسیاری از اشخاص خطور می‌نماید که‌ طراحی رابط کاربری UI چیست؟

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

در نتیجه، شرکت‌ها دریافته‌اند که بهترین روش برای رقابت در دنیای اینترنت، ایجاد یک رابط کاربری جذاب و کارآمد میباشد.

رابطی که تجربه مخاطب (UX) را بهینه می‌نماید.

دراین مقاله، بررسی می کنیم که UI چیست؟

و در باب عناصر UI گفت و گو میکنیم.

در پایان نکاتی را برای ایجاد رابط کاربری مطلوب بیان خوا‌هیم کرد.

طراحی رابط کاربری UI

طراحی UI چیست؟

رابط کاربری (UI) نقطه تعامل و ارتباط انسان و کامپیوتر در یک دستگاه می باشد.

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

طراحی رابط کاربری (UI)

طراحی رابط کاربری (UI) فرآیند ساخت رابط ها در اپ یا دستگاه های رایانه ای با تمرکز بر ظواهر یا سبک میباشد.

سفارش ui یا user interface یکی‌از وسیع ترین فرآیند طراحی و ساخت یک وبسایت یا نرم افزار یا این که برنامه حرفه ایست.
بی دلیل نیست که استخدام طراح UI در سالهای اخیر اهمیت فراوانی پیدا نموده است.
هدف طراحان رابط کاربری ایجاد طرح هایی میباشد که دسترسی راحت و لذت بخشی برای استفاده مخاطب فراهم میکنند.

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

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

 

تاریخچه UI

برای فهم بهتر UI و جواب UI‌ چیست می بایست اول تاریخچه رابط کاربری را بدانیم.

با ظهور ویندوز ۱٫۰ در دهه ۱۹۸۰ به زودی مشخص شد که داشتن یک اینترفیس دیجیتال که خوشایند مخاطب باشد، جهت خلق تجارب کاربری به‌یادماندنی و لذت‌قسمت، ‌جزئی ضروری محسوب میشود.
با این هم اکنون علی‌رغم این انقلاب بلندمرتبه، همچنان تا سال ۲۰۰۷ یعنی سالی که شرکت اپل با معرفی نخستین موبایل iPhone این حوزه از فناوری را دگرگون ساخت، هنوز عمق دگرگونی در طراحی UI معین نشده بود.

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

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

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

UI از کجا آمد؟

 
پیش از سال ۱۹۷۰، درصورتی که شما میخواستید از کامپیوترها استفاده نمائید، ناچار بودید از رابط کاربری خط فرمان (command line) کمک بگیرید.
هیچ رابط گرافیکی وجود نداشت و کاربر برای کار با کامپیوتر مجبور بود در یک صفحه سیاه دستور خویش را به زبان برنامه‌نویسی تایپ نماید تا بتواند یک کار معمولی انجام دهد.

همین کار معمولی، الان شغل سختی میباشد نه؟

در دهه ۱۹۸۰ اولین رابط کاربری گرافیکی بوسیله شرکت زیراکس (Xerox) گسترش پیدا کرد؛

با به کار گیری از این تغییر‌و تحول، کاربران می‌توانستند دستورها را از طریق آیکون‌ها، دکمه‌ها، منوها و باکس‌ها بفرستند و با کامپیوتر کار کنند.

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

در سال ۱۹۹۴ شرکت اپل کامپیوتر شخصی مکینتاش را به بازار وارد کرد؛

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

طراحی رابط کاربری UI

مولفه های یک رابط کاربری خوب

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

برای استخدام بهترین طراحان رابط کاربری سایت و اپلیکیشن می توانید یک پروژه رایگان روی کارلنسر ثبت کنید.

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

با بررسی و مقایسه فریلنسرها و نمونه کارهای آنها می توانید بهترین طراح UI را برای پروژه خود انتخاب نمایید.

 

انواع رابط کاربری

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

به لوازمی که‌با حواس تعامل دارند “رابط کاربری چندین رسانه‌ای” می گویند.
به عنوان مثال، رابط کاربری روزانه، شامل ترکیبی از ورودی لمسی (کیبورد و ماوس) و خروجی بصری و شنیداری (مانیتور و بلندگوها) میباشد.

انواع دیگر رابط‌های کاربری میتواند مشتمل بر موارد ذیل باشد:

رابط کاربری بر اساس فرم: در‌این نوع، برای وارد کردن داده‌ها به نرم افزار، از مورد‌های محدودی استعمال میشود.
از جمله، منوی تنظیمات در دستگاه بر اساس فرم میباشد.
رابط کاربری گرافیکی: ورودی UI لمسی با خروجی UI بصری (کیبورد و مانیتور).
رابط کاربری منو محور: نوعی که از لیستی از گزینه ها برای پیمایش در برنامه یا وبسایت استفاده می نماید.
از جمله، دستگاه‌های خودپرداز از رابط کاربری منویی استفاده می‌نمایند و استفاده از آنان برای همه سهل و آسان میباشد.
رابط کاربری لمسی: اکثر تلفن‌های هوشمند ، تبلت و هر دستگاهی که با استفاده از صفحه لمسی عمل می‌نماید، از این نوع ورودی استفاده می‌کنند.
رابط کاربری صوتی: تعامل در میان بشر و ماشین با به کار گیری از دستورات شنیداری میباشد.
مثلا می‌توان به دستیارهای مجازی ، متن به گفتار، GPS و موارد دیگر اشاره نمود.

 

 

 

 

 

Ui چیست ؟

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

Ui در فضای مجازی

با نگاهی کلی به شبکه های اجتماعی نظیر اینستاگرام می بینیم که هشتگ #Ui در حدود ۳٫۲ میلیون فیلم و عکس در ارتباط با این مسئله طراحی گردیده‌است و این میزان نشان دهنده مهم بودن موضوع طراحی رابط کاربری است.
اثر ui بر بازدید وبسایت
تصور کنید شما به‌دنبال مقاله آموزشی می‌باشید و با سرچ در گوگل وارد دو وب سایت می‌گردید .

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

به عنوان یک طراح UI، چه چیزهایی باید بلد باشید؟

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

رنگ شناسی در رابط کاربری

مسلما رنگ ها می‌توانند به بیننده وبسایت انواع حس ها را مانند استرس ، هیجان ، انرژی و ... بدهد.

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

تاثیر فونت روی رابط کاربری

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

اندازه المان ها برای رابط کاربری

طراحان یو آی حرفه‌ای می‌دانند طراحی آیکون، دکمه ها و حتی اندازه المان ها هم در رابط کاربری اثر گذار میباشد پس ما به یک طراح مجرب و متخصص نیاز داریم.
 
مهارت های لازم برای طراحی UI
با توجه به موارد بالا، مسلما متوجه شده‌اید که طراح رابط کاربری نقش بسیار مهمی دارد و به مهارت‌های مختلفی نیاز داراست.
یکی‌از این مورد ها، آشنایی با نرم‌افزار های گرافیکی مثل فتوشاپ و ایلوستریتور و ادوب اکس دی میباشد.
ولی نباید از اولِ پروژه به سراغ این ابزارها بروید.
شروع کار یک طراح UI با وایر فریم یا ابزارهای طراحی اولیه میباشد.
می توانید از یک کاغذ سفید به عنوان وایر فریم استفاده نمایید و طرح گزینه نظرتان را روی آن پیاده نمائید.
ابزارها و نرم‌افزارهای دیجیتالی نیز جهت این کار وجود دارند.
 
 
 
 
۵ ابزار طراحی رابط کاربری
  • اسکچ
  • ادوبی XD
  • فیگما
  • فتوشاپ
  • اکشر

 

 

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

به‌ عنوان یک ابزار طراحی Ui و Ux برای اکثر طراحان اینترنت جایگزین فتوشاپ گردیده‌است.
قیمت سالیانه این نرم‌افزار به گفته وبسایت سازنده چیزی حدود ۹۹ دلار می باشد.
ادوبی XD
با‌یقین نام شرکت ادوب (adobe) تا به حال بارها شنیده اید و شاید هم نام برنامه های این شرکت را شنیدید.
مانند فتوشاپ ، ایلوستریتور adobe XD یک ابزار طراحی وب سایتمیباشد که حریف اسکچ میباشد و میتوان اظهار کرد که جای نرم افزار فتوشاپ را در صنعت طراحی رابط کاربری و همینطور طراحی تجربه کاربری پر کرده است.
قیمت ماهانه این نرم افزار به گفته وبسایت سازنده چیزی حدود ۹٫۹۹ دلار می باشد
فیگما

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

فتوشاپ
همانگونه که پیش تر گفته شد جای این اپ را ادوب اکس دی گرفته میباشد.
البته همچنان بسیاری از طراحان Ui و گرافیست ها از این نرم افزار استفاده میکنند و قصد مهاجرت به برنامه های مدرن تر و راحتر را ندارند.
اکشر
برنامه Axure یک ابزار چندکاره برای ساخت و طراحی وایرفریم (wireframe) ، نمونه‌های اولیه، انواع دیاگرام، نقشه سفر مشتری (Customer Journey) و مهم‌تر از همه رابط کاربری وبسایت ها و نرم افزار‌ ها می‌باشد.
 

این اپ طراحی UI با بقیه ابزارهای معروف مثل ادوبی اکس دی و اسکچ به طور کاملً سازگار میباشد.

فایل‌های خروجی را می ‌توانید در هرکدام از این دو نرم ‌افزار بهره برد.
برنامه اکشر برای کار تیمی روی پروژه‌ها بهینه‌سازی گردیده‌است.

امکان اتصال به پلتفرم‌هایی مثل اسلک امداد می‌نماید تا راحت‌تر و سریع‌تر بتوانید هماهنگی‌های لازم را روی پروژه اعمال دهید.

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

  • علی رئیسی
  • ۰
  • ۰

لوگو چیست ؟

لوگو چیست ؟

لوگو چیست ؟ “نماد‌واره” یا این که “لوگو” یا این که “نشان” عنصری گرافیکی از علائم دیداری می باشد به‌طوری که با مدل حروف یا این که قلم خاصی تهیه شده یا این که با گونه های تصویری به صورت ویژه (و نه الزاماً خوانا)

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

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

بازمی‌نمایاند.

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

مخاطب (بیننده) جذابیت، زیبایی و مفهومی را انتقال دهد.

لوگو یک نام و نشان تصویری برای رساندن معنا خدمت ، نماد دادن نام و نشان یک سایت، سازمان بزرگ و یا این که کوچک ، به مضمون‌ رسانی یک حالت ، علامت گذاری یک فرآورده به وسیله شرکت‌های تجاری، تولیدی و صنعتی

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

همچنین یک لوگو می‌تواند از ترکیبی از حروف، تصویر و یا این که ادغام از این دو باشد که شکل و مشخصه یک برند را شکل می دهد.

لوگو چیستولی مضمون‌ لوگو خیلی بیشتر از اینهاست!

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

درگیر به چه کسب و کاری میباشید. شما چه خدمتی ارائه می دهید شما کی می باشید و برای چه چیزی قیمت قائلید. برای لوگو چهره برند سهل و آسان وجود ندارد!

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

لوگو یکی‌از مهم ترین عنصرها یک تجارت و نام و نشان کسب و کاری میباشد دقیقاً مثل ویترین، صورت یا این که بارکد کاری شما. دقیقا به همین استدلال میباشد که یک لوگو پیاده سازی می گردد.

لوگو می‌خواهد در خلاصه ای کوتاه و ساده یاد آور شما باشد و وظیفه برندینگ بیزنس را به دوش میکشد.

تاریخچه لوگو ها: لوگو ها جدید نیستند!

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

آن گاه پادشاهان ، آرتیست و هر دسته احتمالی جامعه به اینگونه چیزی احتیاج داشتند.

آن‌ها نشانه را بر روی برده ها ، حیوان ها ، سکه ها و جای جای دیگری که بتوانند درست کردند تا نام‌و‌نشان وابسته به صاحب و مالک را تشخیص دهند و ثابت نمایند.

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

حک گردیده بود و با این نماد و لوگو خودشان را معرفی می کردند و طومار نگاری ها اعمال می‌شد

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

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

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

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

که هر جا مشاهده کنید فوری شناسایی میکنید.

به جهت این التفات برای لوگوی خویش وقت بگذارید و شایسته ترین گزینش را داشته باشید.

مقصود از پیاده سازی لوگو چیست؟

کلیه لوگو ها و علامت ها یک مقصود مشترک دارند که آن هم به رسمیت شناختن اسم تجاری کسب و کارها میباشد. لوگو به منظور شناسایی بصری یک کمپانی یا این که موسسه است،

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

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

 

چرا به لوگو نیاز داریم؟

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

و اعتماد مشتریان متعددی را جلب نمائید.

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

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

لوگوها به خواسته شناسایی بصری موسسه ها میباشند و می‌توانند اسم کمپانی یا این که تنها نمایشی، بصری باشند. با پیاده سازی لوگو کمپانی خویش، قادر خواهیم بود که دقت اشخاص را

با سرعت بیشتری به کمپانی مان جذب کنیم.

لوگوی یک مارک اکثر وقت ها روی هر سیرتکامل سرویس ها و محصولاتی که ارائه می‌شوند حک میشود و شرکتهای از آن در حوزه تبلیغاتی، قراردادها و هدیه های تبلیغاتی و اهدایی به خیریه ها و …

تحت عنوان نشانه رسمیت بیزنس خویش استفاده می نمایند.

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

و فقط با اکران نماد و نشانه ای به کاربر بیان کنیم

انواع لوگو چیست

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

لوگو تصویری

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

آیتم به کار گیری قرار میگیرد.

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

برای همین شرکت ها متعددی به به کار گیری از این لوگوها روی آورده اند.

 

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

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

که به نوعی با ادغام فونت ها و تغییراتی در اندازه و روش چیدمان کلمه ها همراه با نوآوری آن را به یک نشان بصری زیبا تبدیل می نماید.

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

لوگو ترکیبی

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

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

لوگو مونوگرام (monogram) یا این که لوگوی حرف نماد

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

 

از این لوگو وقتی که اسم کمپانی یا این که مارک، دشوار و وقت گیر باشد، به کار گیری میگردد و لوگوهایی بسیار گوناگون و ایده پرداز می‌باشند و کاربر جای اینکه به‌دنبال تصاویری فانتزی باشد

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

لوگوی HP و CNN در مدل لوگوی مونوگرام پیاده سازی گردیده اند.

لوگو امبلم (emblem) یا این که لوگوی نشان

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

لوگوی نماد دربرگیرنده آرم یا این که نمادی با مهر ، تاج و آرم میباشد که با قرار دادن نوشته و متن داخل شکل، تشکیل میگردد.

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

لوگوی استارباکس یکی لوگوهایی میباشد که بدین مدل پیاده سازی گردیده‌است.

لوگوی انتزاعی

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

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

و بوسیله به اکران در وارد شدن یک تصویر خاص میتواند شغل کمپانی و مارک تجاری تان را به طور نمادین جابجایی دهد.

امیدواریم که تا به این قسمت از مقاله ی ( لوگو چیست ) رضایتمند باشید
خصوصیت‌های طراحی یک لوگو عالی و موفق :

پیاده سازی عالی و موفق می بایست دارای خصوصیت‌هایی ذیل باشد؛

اعتبار و سنخیت:

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

می بایست با موضوع، مضمون‌ و خصوصیات برند هم‌خوانی داشته و معنای خویش را به‌سرعت به کاربر انتقال دهد.

به یادماندنی و استوار:

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

انعطاف پذیر:

یک طراحی بهتر و غالب می بایست بتواند به دو شکل سیاه و سپید (تکرنگ) و آحاد رنگی چاپ و در سایزهای گوناگون آیتم به کار گیری قرار بگیرد. فارغ از تغییر تحول در ظواهر و مضمون ها آن.

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

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

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

با یکسان بودن شیوه پیاده سازی در تمام بخش‌ها علاوه بر ابتکار عمل هماهنگی تکنیکی ایجاد کند.

اصول طراحی لوگو چیست؟

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

اتود و طرح نخستین برای برند مربوطه را مهیا سازی فرمائید.

به مفهوم و مضمون‌ نهفته پشت لوگو دقت داشته باشید.

در طرح کلی لوگو تعادل و هماهنگی را در نظر بگیرید.

برای طراحی لوگو ابعاد و اندازه آن را برای تمام سطوح با سایزهای متفاوت در نظر بگیرید.

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

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

در هنگام طراحی به کار گیری از نهایت ابتکار عمل را دست‌کم نگیرید.

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

امیدوارم با خوندن نوشته‌ی‌علمی “ لوگو چیست ” با معنی لوگو به خیر و خوبی آشنا گردیده باشید و بیشتراز پیش به اهمیت طراحی لوگو پی برده باشید.

  • علی رئیسی
  • ۰
  • ۰

نباید های UI Writing

تایپ کردن کار ساده ای نیست. این را افرادی بهتر درک می‌نمایند که تجربه‌ی تایپ کردن برای کاربر خاصی را داشته‌اند.

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

با هدف ها و علت‌های مختلفی هم می‌توان نوشت. با هر هدف و به هر سبکی که بخواهید بنویسید می بایست بدانید که قواعدی وجود دارد که بایستی رعایت شوند.

در دل این قواعد بایدها و نبایدهای مختلفی مخفی میباشد.

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

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

در صورتی‌که رپورتاژآگهی می‌نویسید، بایستی حواستان باشد چیزی را مستقیما تبلیغ نکنید و حرفتان را غیرمستقیم بزنید.

درحال حاضر در حالتی‌که کسی بخواهد به مخاطب یک وبسایت بگوید که‌این درخواست شما امکان‌پذیر نیست زیرا فلان خطا رخ داده، چطور می بایست این را بنویسد؟

به عنوان مثال درصورتی که کسی وظیفه‌اش این میباشد که Tooltips پیاده سازی نماید،‌چطور می بایست متن آنها‌را بنویسد؟

چه باید‌ها و نبایدهایی را می بایست برای تایپ کردن پیغام‌هایی که در نرم افزار‌ها به کاربران نشان داده میشود رعایت کرد؟

جواب این سؤالات را طراح رابط کاربری و تجربه‌ی کاربری بایستی بدانند.

زیرا تایپ کردن همه‌ی آن ها که گفته شد وظیفه‌ی نویسنده‌ی تجربیات کاربری یا به عبارتی UX Writer میباشد.

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

درواقع تکمیل‌کننده‌ی پیاده سازی آن میباشد و نمیشود و نباید از آنها غافل شد

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

در‌حالتی که میخواهید بدانید UI Writing چیست و در آن چه نبایدهایی هست که باید رعایت شوند، محتوای درستی را پیدا کردید.

در ادامه این مقاله قصد داریم به طور کامل نباید های UI Writing را برای شما شرح دهیم.

نباید های UI Writing چیست

نباید های UI Writing چیست؟ طراح رابط کاربری با همکاری گروه UX ، ساختار و محل قرارگیری آیکون‌ها، دکمه‌ها، فضاها، تصاویر، پیغام‌ها و پیاده سازی واکنش‌گرا در وبسایت یا نرم‌افزار را پیاده سازی می‌نماید.

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

این متن ها ممکن میباشد یک واژه باشد یا چند جمله. به‌این متون UI text or UI copy می گویند.

گاهی و در برخی پروژه‌ها ممکن میباشد حتی یک نویسنده‌ی خبره برای تایپ کردن این متون انتخاب گردد.نباید های UI Writing

زیرا این متن ها، حتی یک واژه، بخشی از پیاده سازی می باشند و بخشی از محصول. به‌همین‌دلیل تایپ کردن آن ها، هرکس که بخواهد بنویسد، باید‌ها و نبایدهایی دارد.

پس هدف در UI writing هم کمک به مخاطب و راهنمایی اوست.

درکل، متن‌های ui بایستی معمولی، مختصر، واضح و درخدمت ارتقا کاربردپذیری باشند.

در ادامه، به‌این می پردازیم که‌این متون درکل و جزء چه‌چیزهایی نباید باشند.

۱. از عبارات و اصطلاحات فنی، تخصصی و خاص به کار گیری نکنید

چرا بایستی برای استفاده کننده مهم باشد که دلیل بروز اشتباه چیست؟

مگر کاربرهای وب سایت شما تخصص دارند که بتوانند علت را بفهمند. برای مثال چرا پیغام error در یک وب سایت می بایست این‌قدر طولانی و فنی باشد؟

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

۲. نا مفهوم ننویسید

یادتان باشد متن ui نوشته شده تا استفاده کننده بفهمد بایستی چه کند یا این که چه‌چیز را اصلاح نماید.

پس خیلی واضح و روشن و سرراست بایستی بگویید چه کند یا این که چه نکند یا چه‌چیز را اصلاح نماید.

صرفا اینکه به مخاطب بگویید تاریخ درستی وارد نکرده کافی نیست.

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

۳. زیاد و پرجزئیات ننویسید

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

می بایست فکر کرد و کوتاه‌‌ترین و گویا‌ترین پاراگراف را پیدا کرد.

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

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

شما اگر جای مخاطب بودید، کدام پاراگراف برایتان کافی و بدیهی بود؟

۴. اعداد را به حروف ننویسید

درصورتی که در پیغامی یا روی کلید یا آیکونی بایستی عددی نوشته گردد، آن را به‌شکل رقمی بنویسید.

به عنوان مثال بایستی بنویسید «تا ۲۴ ساعت آینده پست الکترونیک تایید را دریافت می کنید» نه تا بیست‌وچهار ساعت بعدی … .

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

دیگری این میباشد که ارقام جای کمتری را اشغال می‌نمایند.

۵. از افعال مجهول به کار گیری نکنید

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

متن‌های کوتاه رابط کاربری جای استفاده از فعل مجهول وجود ندارد.

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

کدام کاربری از خواندن این جمله احساس خوشایندی خواهد داشت؟

ولی ممکن میباشد در جایی فعل مجهول تنها گزینه‌ی مو جود باشد.

از جمله پیغامی که میخواهد به مخاطب بگوید نتیجه‌ای برای درخواستش در وبسایت پیدا نشده میباشد: نتیجه‌ای برای جستجوی شما یافت نشد.

۶. از زمان گذشته و آینده به کار گیری نکنید

شما دارید برای راهنمایی و کمک به استفاده کننده می‌نویسید تا در زمان حال بتواند کاری را در وب سایت یا نرم افزار انجام دهد.

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

(دقیقا مثل هنگامی که میخواهید به کسی نشانی بدهید.) خوبی فعل‌های دستور این میباشد که خیلی جاها خودشان به‌تنهایی مراد را به مخاطب می رسانند، مثل Submit یا این که Apply.نباید های UI Writing

می توان فعل امر را با لطفا همراه کرد تا مودبانه‌تر به‌نظر رسد.

۷. از علائم نگارشی (نماد‌گذاری) خیلی به کار گیری نکنید

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

درست است از مخاطب سؤالاتی هم پرسیده میگردد و خب به علامت سؤال هم نیاز میباشد (مخصوصا در نرم افزار‌ها).

البته علامت تعجب و نقطه‌ویرگول خیلی کارایی ندارد.

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

نکته اینجاست که تا میتوانید بایستی جملا‌ت کوتاه و معمولی بنویسید.

۸. همیشه از مخاطب تایید نگیرید

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

برای مثال، در حالتی که دستور این باشد که «در‌این مرحله بایستی مقدار کمی نمک اضافه نمائید»؛ بعدش نوشته شده میباشد «نمک را اضافه کردید؟».

این دقیقا کاری میباشد که شما در پیاده سازی رابط کاربری و متن‌های آن نباید انجام دهید.

همیشه نباید به مخاطب پیغامی نشان دهید که آیا مطمئنی که فلان کار را انجام دادی یا این که خیر ولی شاید برای برخی از کارها یک‌بار پیغام تایید

مورد نیاز باشد، آن‌هم یک پیغام کوتاه و مختصر و موءثر.

۹. استفاده کننده را غافلگیر نکنید

برای تایپ کردن هر متن رابط کاربری بایستی به‌این توجه فرمائید که برای چه سایت یا اپلیکیشنی می‌نویسید.

موضوعش چیست؟ مخاطب چه توقعاتی درباره‌ی این وبسایت یا نرم افزار داراست؟

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

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

متن ui تایپ کردن بااینکه خلاقیت می خواهد البته جای آزمودن لغات نو و نادر نیست.

مخصوصا زمانی که دارید برچسب (Label) دکمه‌ها را می‌نویسید.

مخاطب بایستی با یک نگاه بفهمد آن المان در وبسایت یا برنامه چه می‌کند.

برای مثال، برای استفاده کننده راحت‌تر میباشد کلمه‌ی فردا یا امروز یا این که روز گذشته را ببیند نه تاریخ‌ها را (۱۴۰۰/۸/۱).

 

۱۰. از زبان محاوره‌ای یا جنسیت‌زده یا طنز به کارگیری نکنید

شما دوست صمیمی مخاطب نیستید. راهنمای وی در وب سایت یا نرم‌افزار می باشید و می خواهید دستورالعمل‌هایی به وی بدهید.

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

شاید برخی‌ها به هیچ عنوان از طنز یا زبان محاوره و عامیانه خوششان نیاید. خوشبختانه، در زبان فارسی ضمایر خنثی می باشند.

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

شاید بنابردلایلی تیم پیاده سازی تصمیم بگیرد اصطلاحی عامیانه را به‌کار گیرد.

مثل کاری که اسنپ کرده. حتما اسنپ دلایل خودش را داشته. ولی درهرحال نمیتوان مطمئن بود همه‌ی کاربران از واژه بی‌خیال خوششان بیاید.

۱۱. از صفات و قیدها به کارگیری نکنید

بروید سر اصل مقاله. اصل مقاله هم فعل‌ها می‌باشند. کارهایی که استفاده کننده بایستی انجام دهد (Actions).

در اصل در نباید های UI Writing جایی برای لغات اضافی نیست. هر کلمه و واژه می بایست برای کمک به مخاطب در متن مورد نیاز و ضروری باشد.

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

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

هیچ‌ صفتی هم به دوستان اضافه نکرده، ننوشته دوستان نزدیک یا دوستانی که تا قبل از این اد کردی.

توجه کنید که حتی می‌توانست اول چیز دیگری بگوید و آن گاه بگوید برای اینکه چیزی را با دوستانت به اشتراک بگذاری.

البته چرا این کار را نکرده؟ زیرا بحث اصلی راهنمایی‌کردن مخاطب برای اشتراک گذاری میباشد.

۱۲. چیزی را گردن مخاطب نیندازید

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

اصل بر این میباشد که پیاده سازی و دستور کار‌ها خوب و کافی و روشن نبودند. در صورتیکه هم تقصیر استفاده کننده باشد، شما نباید این را بگویید.

استفاده کننده خوشش نمی‌آید و از وب سایت یا نرم افزار شما می‌رود و دیگر هیچ زمان بر نمیگردد!

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

۱. متن‌های رابط کاربری می خواهند کاربر وب سایت یا این که نرم افزار مشخصی را وقتی میخواهد کاری با آن انجام دهد هدایت نماید.

پس کلیه‌‌ی آیین نامه‌ها و پیغام‌ها بایستی متناسب با این مقصود نوشته شوند.

۲. هر چه را که نوشتید آزمایش نمائید و نظر کاربران حقیقی وواقعی را جویا گردید.

۳. متن‌های رابط کاربری که می‌نویسید بایستی یک پارچه باشند.

۴. توجه فرمائیداگر برای نرم افزار گوشی می‌نویسید یا وب سایت فرق‌های متعددی در تایپ کردن برای برنامه یا وبسایت وجود دارد. به عنوان مثال در برنامه گوشی از Tap به کارگیری میگردد نه Click.

۵. هر واژه‌ای که میخواهید انتخاب فرمایید یادتان باشد برای استفاده کننده می‌نویسید.

در شرایطی‌که جایی با المان‌های بصری و گرافیک و رنگ‌ها و تصاویر استفاده کننده خوب هدایت می‌شود، تایپ کردن (ui text) را کنار بگذارید.

زیرا همه‌چیز به مخاطب برمی‌گردد.

۶. ui writing کامل کننده پیاده سازی‌ صحیح محصول میباشد. همان‌طور که تا قبل از این هم اشاره شد، درصورتی که توجه و وقت مورد نیاز برای ui text‌ها صرف نشود، پیاده سازی ui و درنتیجه پیاده سازی محصول به‌نتیجه‌‌ای که می بایست نمیرسد.

امیدواریم مطلب نباید های UI Writing از گروه سه سوت برای شما مفید باشد.

  • علی رئیسی