X
تبلیغات
طراحی سایت و فروشگاه اینترنتی آنلاین

طراحی سایت و فروشگاه اینترنتی آنلاین

طراحی سایت استارت آپ حرفه ای

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

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

مشخصات یک سایت استارت آپ حرفه ای

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

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

استارت آپ 

چند نکته در طراحی یک سایت استارت آپ حرفه ای

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

1 - ساده سازی : یک قانون در طراحی سایت استارت آپ هست به نام " هر چه کمتر، بهتر" . به این معنی که در طراحی سایت استارت آپ، باید المان های غیر ضروری را حذف کرد و یک محیط کاربری بسیار ساده را برای مشتری طراحی کرد.

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

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

3 - روند کار : روند کار برای کاربران در سایت های استارت آپ، باید ساده باشد. کلیک ها را کم کنید و کادر ها و گزینه هایی که کاربران برای ثبت نام باید تکمیل کنند را نیز کاهش دهید.

4 - کنتراست : متن های اصلی باید از پس زمینه ها یا سایر موارد، تیره تر باشد. طراحی باید به گونه ای باشد که فضای داخل سایت، زیاد شلوغ به نظر نرسد و حتی فاصله ی بین خطوط هم، باید بین 1.5 تا 1.75 تنظیم شود.

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

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

7 - برای تشویق کاربران جهت کلیک کردن روی یک باتن، پیشنهاد یک هدیه ویژه را بدهید. البته قبل از آن باید برای نوشتن باتن، از حروف بزرگ و تیره استفاده کنید.

8 - به کاربران نهایی ( مخاطبان هدف ) فکر کنید. برای این  کار شما باید کاربران هدف و نهایی خود را  کاملا بشناسید و برای این شناخت زمان بگذارید. شما سایتی که طراحی می کنید، برای مشتریان نهایی است نه برای خودتان. چرا که این مشتریان و مخاطبان هدف شما هستند که قرار است با سایت شما در ارتباط باشند و کار کنند. پس باید در طراحی سایت استارت آپ حرفه ای، تمام ذهن خود را روی مخاطبان هدف متمرکز کنید. برای موفق شدن در آینده، این نکته بسیار ضروری است.

9 - در طراحی سایت استارت آپ حرفه ای باید به این نکته دقت داشته باشید که مشتریان شما بیشتر به دنبال مزایا هستند تا ویژگی ها. همان طور که از جمله ی بی نظیر  Simon  Sinek TED " چطور رهبران بزرگ انجام عملی را به مردم القا می کنند " این مطلب کاملا برداشت می شود، شما باید کاری کنید که مردم بدانند چرا یک کاری انجام می دهید نه این که چه کاری را انجام می دهید. به عبارت دیگر شما باید در طراحی سایت استارت آپ حرفه ای خود، این گونه به مردم نشان دهید که خدمات شما مزایای فراوانی را برای مشتریان به دنبال خواهد داشت نه این که از ویژگی های کار خود و نحوه کار خود بگویید. آن ها هرگز به ویژگی ها اهمیت نمی دهند و به دنبال مزایا هستند.

10 - در آخرین نکته یک جمله مشهور از زبان Maya Angelou را بیان می کنیم :

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

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

 سایت استارت آپ 

موارد ضروری در طراحی سایت استارت آپ

 

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

1 - همان طور که اشاره شد، باید استفاده از سایت استارت آپ و بهره مندی از خدمات، ساده و آسان باشد.

2 - در سایت های استارت آپ حرفه ای، امکان نظر سنجی از کاربران باید وجود داشته باشد و نظرات آن ها بررسی شود.

3 - پیشتیبانی لازم و کامل از خدمات به مشتریان ارائه داده شود.

نتیجه گیری

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


برچسب‌ها: طراحی سایت استارت آپ حرفه ای,طراحی سایت استارت آپ,
+ نوشته شده در یکشنبه ۱۰ تیر ۱۳۹۷ساعت ۱۳:۳۹ توسط حسن پور امامی دسته : نظر(0)

طراحی سایت تبلیغاتی

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

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

سایت های تبلیغاتی موفق

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

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

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

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

موفقیت در طراحی وب سایت تبلیغاتی

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

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

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

طراحی سایت تبلیغاتی 

ویژگی های سایت تبلیغاتی خوب

برخی از ویژگی های یک سایت تبلیغاتی خوب، عبارتند از:

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

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

امکانات سایت های تبلیغاتی

در این جا برخی از امکاناتی را که سایت های تبلیغاتی باید داشته باشند را بیان می کنیم.

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

طراحی وب سایت


برچسب‌ها: طراحی سایت تبلیغاتی,
+ نوشته شده در شنبه ۹ تیر ۱۳۹۷ساعت ۱۱:۳۷ توسط حسن پور امامی دسته : نظر(0)

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

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

طراحی سایت و اپلیکیشن با جاوا اسکریپت

در دهه های گذشته اغلب طراحان سایت اکثر پروژه های طراحی سایت خود را با استفاده از زبان های برنامه نویسی مانند PHP، Rails یا .NET انجام داده اند. برای بخش فرانت اند نیز معمولا از html و css و جاوا اسکرپیت استفاده می شد. هنوز هم از این روش ها استفاده می شود که مزایا و مشکلات خاص خود را دارد. 

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

مزیت طراحی سایت و اپلیکیشن 

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

سریع و واکنش گرا بودن سایت

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

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

با توسعه جاوا اسکریپت، از ارسال اطلاعات JSON (یا گاهی اوقات XML) به مشتری به جای ارسال ترکیبی از داده ها و HTML استفاده شد. تمام رندر HTML در مرورگر اتفاق می افتد، برقراری ارتباط سریع با سرور نیز دیگر مزیت آن است.

پلتفرم های فرانت اند

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

تبلت ها، تلفن های همراه و دستگاه ها

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

با استفاده از تکنولوژی های پشتیبانی مانند SVG، Canvas و WebGL این روش می تواند بسیاری از خدمات طراحی اپلیکیشن بومی را نیز ارائه دهد.

پشتیبانی آفلاین

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

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

تحرکات صنعتی

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

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


برچسب‌ها: مزیت های جاوا اسکریپت در طراحی وب سایت و اپلیکیشن,
+ نوشته شده در یکشنبه ۳ تیر ۱۳۹۷ساعت ۱۴:۲۷ توسط حسن پور امامی دسته : نظر(0)

ساختار صفحات در طراحی سایت چگونه باید باشد؟

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

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

طراحی سایت 

بخش هدر صفحه سایت

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

هدرها بخش قابل ملاحظه ای از هویت سایت هستند. آنچه واقعی به نظر می آید واقعی است. در حقیقت مجموعه ای از صفحات که هدر ها را هم شامل می شوند، به عنوان "سایت" درک خواهند شد. برای طراحی این صفحات سایت ها از تکنولوژی های مختلفی مانند: (php / perl، jsp، .net، نرم افزار وبلاگ، وب برنامه های کاربردی، سیستم های مدیریت محتوا و غیره) استفاده شده است.

لینک صفحه اصلی وب سایت

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

ناوبری سراسری سایت

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

ناوبری سراسری 

این کار قابلیت های زیر را به سایت شما می دهد: 

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

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

Breadcrumb در ناوبری سایت

ناوبری سایت 

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

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

جستجو سایت 

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

بخش سبد خرید سایت

سبد خرید 

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

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

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

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

ستون سایت 

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

ناحیه قرار گرفتن محتوا سایت

محتوا وب سایت ها اغلب چند منظوره است و از یک سری قوائد کلی پیروی می کند. اما استفاده از روش های زیر سبب کاربر پسند تر شدن وب سایت شما می شوند:

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

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

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

طراحی وب سایت 

بخش فوتر سایت

فوتر سایت اغلب شامل توضیحات و مسائل حقوقی سایت است. اما به هر حال این عناصر باید در صفحه قرار داشته باشند. معمولا فوتر شامل عناصر زیر است:

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

نظر شما درباره این بخش ها در طراحی سایت چیست؟


برچسب‌ها: ساختار صفحات در طراحی سایت چگونه باید باشد؟,
+ نوشته شده در پنجشنبه ۳۱ خرداد ۱۳۹۷ساعت ۰۸:۴۴ توسط حسن پور امامی دسته : نظر(0)

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

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

۱۰ فضا ایده گرفتن در طراحی وب سایت

۱٫ زمان­های مختلف

هر دوره­ای از زمان، فرهنگ، شیوه زندگی و روش­های متفاوت هنر را ارائه می­ دهد. چرا این باید در زمان دفن شود؟ فکر   می­کنم یک زمان در گذشته – و یا اگر احساس شما واقعا خلاق است- یک زمان در آینده برای ایده گرفتن مناسب است.
در مورد ساختمان­ها، مردم، هنر، فرهنگ، حوادث و حتی احساسات که در آن دوران اجرا می­شود، فکر کنید.

هنر در طول دوران

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

 

10 فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

نگاه به هر چیز دیگری

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

 

 

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

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۲٫ طبیعت

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

چشم انداز متفاوت

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

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

 

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

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

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۳٫ شهر

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

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

معماری

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

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

بیلبوردها

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۴٫ بازار

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

 

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

۵٫ کتابخانه

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

تصاویر کتاب کودکان

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

 

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

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

تصورات شخصی خود

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

 

۶٫ مجلات

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

طراحی صفحه

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

 

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

 

 

آگهی یا طراحی گرافیک

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

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

 تایپوگرافی

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

 

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

طراحی مجلات

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

 

۷٫ کارت کسب وکار

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

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

۸٫ پوشش موسیقی و البوم

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

فقط موسیقی

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

۹٫ عکاسی با سرعت بالا

عکاسی با سرعت بالا یک نوع عکاسی انتزاعی است که مطمئنا باعث ایجاد ایده می­شود. هزاران نفر از این نمونه های با سرعت بالا فیزیک به عنوان طراحی استفاده می کنند. در اینجا سه ​​نمونه عالی وجود دارد، اما یک لینک به گالری فلیکر برای عکاسی با سرعت بالا به شرح زیر است:

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

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

۱۰٫ دور از همه چیز

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

۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت

پیاده روی کنید، تلویزیون تماشا کنید، یا با برخی از دوستان قدیمی تماس بگیرید. انجام کار دیگری می تواند یکی از دو مورد را انجام دهد: ۱) این می تواند ذهن شما را پاک کند، بنابراین هنگامی که شما به دنبال ایده می گردید، ممکن است به چیزی فکر کنید که قبل از آن فکر نمی کردید یا ۲) این کار بی فکر می تواند احساسات شما را جلب کند و باعث، ایجاد یک لحظه “الحاقی” (ah-hah) برای ایده گرفتن شود.

در نتیجه

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

چگونه ایده برای طراحی پیدا می­کنید؟ چگونه ایده خلاقانه ایجاد می­کنید؟ نظرات و نکات خود در این باره را با ما درمیان بگذارید.


برچسب‌ها: ۱۰ فضای غیر معمول برای ایده گرفتن در طراحی وب سایت,
+ نوشته شده در چهارشنبه ۳۰ خرداد ۱۳۹۷ساعت ۰۶:۴۰ توسط حسن پور امامی دسته : نظر(0)

طراحی سایت و اپلیکیشن برای رستوران

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

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

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

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

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

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

اولین قدم، شناخت مشتریان رستوران:

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

قدم دوم، طراحی ساده

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

قدم سوم، نحوه ترکیب رنگ

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

قدم چهارم، طراحی فرم تماس با ما

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

قدم پنجم، استفاده از شبکه های اجتماعی

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

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

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

قدم آخر، خلاقیت در طراحی

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

جمع بندی

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

طراحی اپلیکیشن برای رستوران

طراحی اپلیکیشن رستوران 

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

۱- دسترسی راحت به منو: با منو موجود در اپلیکیشن و تصاویر آن ها مشتریان به راحتی می توانند به انواع غذا ها و اطلاعات آن ها پی ببرند و انتخاب کنند. لذا باید در طراحی منو به گونه ای عمل کرد که طراحی آسان به همراه اطلاعات غنی از غذا ها در آن گنجانده شده باشد.

 

2- تصاویر برای جلب مشتری: این نکته را به یاد داشته باشید که تصاویر غذاهای آماده خوردن در جلب مشتری تأثیر گذار است. عکس های  باکیفیت از غذاهای رستورانتان را در اپلیکیشن قرار دهید تا مشتریان با دیدن آن ها گرسنه تر شوند و ترغیب شوند که غذاهای رستوران شما را امتحان کنند.

 

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

۴- تعامل بیشتر با مشتری و اعمال حس دوستی: اپلیکیشن ها راه های ارتباطی را برای مشتریان آسان کرده اند. این کار موجب می شود علاوه بر سهولت ارتباط با  مشتری، حس دوستی به او دست داده و به رستوران جذب شود. با  ارسال پیام فوری یا پوش نوتیفیکیشن(Push Notification) میتوانید مشتری ها را از رویدادها،اخبار و آخرین تخفیف ها مطلع سازید.

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


۶- دسترسی به موقعیت مکانی : در اپلیکیشن رستوران موقعیت مکانی را قرار دهید تا مشتری بتواند به راحتی با نقشه آنلاین به رستوران شما مراجعه کند.

۷- ایجاد یک مزیت رقابتی : امروزه اکثر افراد گوشی هوشمند دارند. اما اکثر رستوران ها اپلیکیشن موبایل ندارند. استفاده از اپلیکیشن می تواند شما را پیشتاز کند.

۸- ایجاد کارت وفاداری برای مشتریان : شما می توانید برای کاربران اپلیکیشن خود کارت تخفیف بسازید و روز به روز به مشتریانتان بیفزایید.

۹- امکان تماس با یک کلیک : این قابلیت را در اپلیکیشن تان قرار دهید تا مشتریان با یک کلیک بتوانند راحت با شما تماس بگیرند. این باعث می شود که دیگر مشتریان شماره تماس شما را جستجو نکنند و راحت با شما تماس بگیرند و درخواست هایشان را مطرح کنند.

۱۰- رسانه های اجتماعی : در اپلپیکیشن موبایل رستوران لینک کانال رستوران خود در شبکه های اجتماعی را قرار دهید تا مشتریان را از آخرین اخبار و اطلاعیه های رستوران تان آگاه سازید و مشتری بیشتری را جذب کنید.

نتیجه گیری

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


برچسب‌ها: طراحی سایت و اپلیکیشن برای رستوران,
+ نوشته شده در چهارشنبه ۳۰ خرداد ۱۳۹۷ساعت ۰۶:۳۷ توسط حسن پور امامی دسته : نظر(0)

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

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

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

سرقت طراحی سایت 

سرقت در طراحی وب سایت چیست؟

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

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

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

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

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

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

وب سایت CSS Nectar

الهام از طراحی سایت 

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

وب سایت Awwwards

الهام گرفتن از سایت 

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

وب سایت siteInspire

طراحی وب سایت 

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


برچسب‌ها: سرقت کردن و الهام گرفتن در طراحی وب سایت چیست؟,
+ نوشته شده در دوشنبه ۲۸ خرداد ۱۳۹۷ساعت ۰۷:۳۹ توسط حسن پور امامی دسته : نظر(0)

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

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

ترجمه را دریافت کنید

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

مترجم گوگل 

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

استفاده از گزینه زبان های وب سایت

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

گزینه های زبان در طراحی وب سایت 

پرچم ها

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

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

برای مثال:

 پرچم ها 

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

ریدایرکت کردن

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

تشخیص دادن زبان پیش فرض سایت

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

Encoding و فونت ها

محتوای شما باید قابل خواندن باشد، بنابراین مطمئن شوید که Encoding در هدر سایت به درستی و به صورت زیر تنظیم شده است:

<meta charset="utf-8">

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

چندین وبسایت وجود دارد که فونتهای غیر لاتین را ارائه می دهند، مانند typebank.co.jp.

راست چین و چپ چین بودن وب سایت

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

دایرکشن وب سایت 

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

برای محتوا، جهت متن را "dir = rtl" مشخص کنید. این ویژگی توسط تمام مرورگرهای اصلی پشتیبانی می شود. در اینجا یک مثال HTML است:

یا با استفاده از css:

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

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

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

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

کپچا سایت 

شماره تلفن ها

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

برگرفته از سایت tutsplus


برچسب‌ها: نکات طراحی وب سایت چند زبانه,
+ نوشته شده در یکشنبه ۲۷ خرداد ۱۳۹۷ساعت ۰۹:۵۷ توسط حسن پور امامی دسته : نظر(0)

راهنمای طراحی اپلیکیشن موبایل 2018

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

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

تجربه کاربری اپلیکیشن موبایل

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

بهینه سازی تعامل کاربران با اپلیکیشن

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

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

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

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

نمونه اپلیکیشن موبایل 

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

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

در اینجا چند قانون برای ناوبری وجود دارد:

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

منو ناوبری اپلیکیشن 

نکته: بهتر است از الگوهای ناوبری استاندارد مانند Bar tab (برای iOS) و کشوی Navigation (برای Android) استفاده کنید. اکثر کاربران با هر دو الگوهای ناوبری آشنا هستند. اگر دنبال یک راه حل ساده هستید نیاز به هوشمندی و خلاقیت آنچنانی نخواهد بود.

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

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

ضربه زدن روی عناصر اپلیکیشن راحت باشد

ضربه زدن روی عناصر برنامه 

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

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

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

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

نمایش وضعیت سیستموضعیت اپلیکیشن

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

انتقال از بخش ناوبری اپلیکیشنطراحی اپلیکیشن موبایل 

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


برچسب‌ها: راهنمای طراحی اپلیکیشن موبایل 2018,
+ نوشته شده در چهارشنبه ۲۳ خرداد ۱۳۹۷ساعت ۱۵:۳۷ توسط حسن پور امامی دسته : نظر(0)

بررسی 25 نکته طراحی سایت حرفه ای

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

توجه به طرح و ساختار وب سایت

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

قدرت نفوذ سلسله مراتب بصری سایت

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

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

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

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

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

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

عنوان موجود در بالای صفحه اصلی (و هر صفحه دیگری) توصیفی است یا خیر؟ اگر نه، بازدیدکننده ممکن است قادر به پاسخ دادن به اولین سوال خود نباشد: "من در جای مناسب هستم؟"

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

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

عنوان در طراحی سایت حرفه ای 

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

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

بازدیدکنندگان ممکن است وقت بیشتری را در بالای صفحه سایت باشند، اما این بدان معنا نیست که آنها آماده انجام اقدامی هستند. اغلب دکمه های فراخوان (calls to action) در پایین صفحه قرار دارند. هنگامی که Chartbeat بیست و پنج میلیون بازدید را تجزیه و تحلیل کرد، متوجه شدیم که اغلب تعاملات در بخش های پایینی روی داده است. یک نکته ای که در رابطه با مطالعات Chartbeat وجود دارد این است که آن ها عمدتا روی وب سایت های خبری تمرکز دارند که بسیار متفاوت از وب سایت های بازاریابی است.

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

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

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

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

یک چیز را در یک زمان نمایش دهید

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

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

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

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

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

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

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

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

استفاده از بلوک ها در صفحات سایت

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

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

از اسلایدر های چرخشی دوری کنید

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

پس چه کار کنیم؟

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

تصاویر

بیاید به سراغ عناصر بصری برویم. این راهنمایی های ویژه مربوط به تصاویر در طراحی سایت حرفه ای است.

استفاده از تصاویر مردم

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

تصاویر چهره مردم 

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

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

از عکس های واقعی مردم استفاده کنید، نه تصاویر ساختگی

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

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

از چهره ها به عنوان نشانه های بصری استفاده کنید

عکس های مردم به شما یک فرصت ویژه برای هدایت توجه بازدید کنندگان می دهد. یک پدیده معروف:"شما به جایی نگاه می کنید که آن ها نگاه می کنند."

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

سایت بصری 

استفاده از فلش به عنوان نشانه های بصری

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

فلش در سایت طراحی سایت حرفه ای فلش 

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

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

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

رنگ سایت 

مطالعه توسط Eyequant در مورد قدرت رنگ و روشنایی این موضوع را تایید می کند.

ناوبری و لینک های سایت

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

ناوبری توصیفی

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

ناوبری سایت 

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

آیتم صفحه اصلی سایت را در سمت راست قرار دهید

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

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

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

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

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

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

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

بهتر است آن ها را در بخش پایین وب سایت خود قرار دهید مانند مثال زیر:

شبکه های اجتماعی سایت  

نوشتن محتوا سایت

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

عنوان های معنی دار را بنویسید

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

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

عنوان سایت 

اجتناب از پاراگراف های بلند و طول خط طول

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

از اصطلاحات مخصوص دوری کنید و از کلمات ساده استفاده کنید

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

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

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

مدارک و شواهد اجتماعی را به سایت خود اضافه کنید

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

بهینه سازی فرم های ثبت نام کاربران

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

برگرفته از سایت orbitmedia


برچسب‌ها: بررسی 25 نکته طراحی سایت حرفه ای,
+ نوشته شده در سه شنبه ۲۲ خرداد ۱۳۹۷ساعت ۰۶:۵۳ توسط حسن پور امامی دسته : نظر(0)