طراحی سایت

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

پاپ آپ مثبت

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

پاپ آپ منفی

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

[ بازديد : 45 ] [ امتياز : 3 ] [ نظر شما : ]

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

تنظیم محیط کاری طراح سایت

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

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

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

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

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

مفهوم واکنشگرا (Responsive) :

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

استفاده از هاست تستی

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

[ بازديد : 45 ] [ امتياز : 3 ] [ نظر شما : ]

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

اهمیت فرآیند طراحی UX

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

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

مورد نیاز -> طرح -> wireframes -> mockups -> پیاده سازی

استراتژی -> تحقیق -> تجزیه و تحلیل -> طراحی -> تولید

تحقیق -> نمونه اولیه -> آزمون -> طراحی بصری

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

حفظ سود آوری در ذهن

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

[ بازديد : 41 ] [ امتياز : 3 ] [ نظر شما : ]

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

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

در یک سایت طراحی شده به شکل بصری عناصر و المان های سایت به گونه ای است که کاربر می تواند به راحتی به اطلاعات سایت دسترسی داشته باشند . حرکت بین المان های سایت بدون زحمت و به راحتی انجام می شود . برخی از طراحان هنگام طراحی سایت زیبای را به قابلیت استفاده آن فدا می کنند و این یک گناه نابخشودنی است چرا که بر طبق آمار اگر کاربر نتواند از آن صفحه در زمان 10 تا 20 ثانیه اطلاعات مورد نظر خود را استخراج کند آن صفحه را می بندد . سایت Playa Del Carmen را در شکل زیر می بینید در این سایت که یک سایت آژانس توریستی و رزرو هتل در ساحل کارائیب مکزیک می باشد این سایت نمونه ای از یک طراحی سایت بصری می باشد .

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

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

[ بازديد : 41 ] [ امتياز : 3 ] [ نظر شما : ]

لینک های تعاملی و مفید بیشترین فعالیت در سایت ها توسط کاربران آنلاین می باشند . یک آمار در سال 2010 نشان می دهد که کاربران به طور متوسط 2646 صفحه از سایت ها را بازدید می کنند که هر کدام از آنها می توانند تا 100 لینک داشته باشند یعنی در واقع 88 صفحه در روز و دیدن 900 لینک که شاید بر روی آنها کاربران کلیک کنند و یا حداقل آن ها را ببینند . برپایه آمارهای دیگر کاربران به طور متوسط حدود 27 هزار لینک در ماه و 324 هزار لینک در سال را مشاهده می کنند . این آمارها نشان می دهد فاکتور لینک ها چه تاثیری در طراحی سایت ایفا می کنند . در واقع لینک ها هستند که باعث تعامل راحت کاربران برای رسیدن به اهداف آنها در سایت های مختلف می شوند . به گفته جاستین میفسود پیوندهای قابل استفاده بدین معنا هستند که کاربران سایت ها می توانند به اهداف خود در وب سایت ها دسترسی داشته باشند در واقع پیوندقابل استفاده و مفید در طراحی سایت جوهر تجربه کاربری خوب محسوب می شوند . استفاده از لینک ها و تعامل بین کاربران و آنها امروزه رو به افزایش می باشد البته این نکته را باید توجه داشته باشیم استفاده غلط و نا کارآمد از این لینک ها در سایت باعث عدم اطمینان کاربران به لینک ها موجود در سایت می شود .

تاریخچه لینک ها

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

[ بازديد : 29 ] [ امتياز : 3 ] [ نظر شما : ]

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

فرآیند خرید

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

عوامل روانشناختی

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

[ بازديد : 46 ] [ امتياز : 3 ] [ نظر شما : ]

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

در اینجا چند مورد از اشتباهات غلط هنگام طراحی سایت با استفاده از UX انجام می شود را می پردازیم:

تمرکز بر قابلیت ظاهر سایت:

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

عدم توجه به خوانایی :

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

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

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

عدم توانایی رسیدگی به ترافیک

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

قرار دادن تبلیغات در مکان ها و زمان های بد

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

اجرای یک سایت ناپایدار

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

[ بازديد : 45 ] [ امتياز : 3 ] [ نظر شما : ]

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

درک صحیح از تجربه کاربری (UX)

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

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

منبع : طراحی سایت

[ بازديد : 130 ] [ امتياز : 3 ] [ نظر شما : ]