فرض کنید وارد یک پاساژ شلوغ با تعداد زیادی مغازه میشویم. از جلو مغازهها عبور میکنیم و ناگهان یک ویترین جذاب توجه ما را به خود جلب میکند. جلو این مغازه میایستیم و داخل میرویم. در یک بازار سنتی ظاهر فروشگاه و ویترین تاثیری زیادی در انتخاب شدن دارد. در فضای آنلاین هم مخاطبان از بین صدها سایتی که خدمات و محصولات یکسان ارائه میکنند، تنها یک نفر را انتخاب میکنند. در بازار آنلاین، ویترین مغازه ما لندینگها و صفحاتی است که در دیدرس کاربران قرار میدهیم. به عنوان یک برند تازه تاسیس یا حتی کسبوکار قدیمی، باید لندینگ پیجی داشته باشید که مشتریانتان را جذب و تشویق به خرید کند. با اینحال، همه ما تجربه وارد شدن به یک لندینگ پیج گیجکننده و نامناسب را داشتهایم که ما را مجبور به کلیک کردن روی دکمه «Back» و جستجوی مجدد کرده است. اگر دوست ندارید جزء سایتهایی باشید که مخاطبان را فراری میدهد، این مقاله تکنیکهای طراحی یک لندینگ پیج موفق را در اختیار شما قرار میدهد. لندینگ پیج چیست؟ در دیجیتال مارکتینگ، لندینگ پیج بهطورکلی به عنوان یک صفحه از سایت است که با هدف بازاریابی ساخته میشود. این صفحه همان مسیری است که مخاطب پس از کلیک روی لینکهای تبلیغاتی در ایمیل و سایر شبکههای اجتماعی واردش میشود. برخلاف صفحات وب که مخاطب را تشویق به جستجوی بیشتر در سایت میکند، صفحات لندینگ عموماً با یک هدف طراحی شدهاند. این هدف تشویق به اقدام یا CTA نامیده میشود. کاربرد لندینگ پیج برای افزایش نرخ تبدیل و بالابردن نرخ تعامل مخاطب با سایت است. این نرخ تعامل میتواند از جنس دریافت شماره مخاطب، استفاده از یک سرویس یا فروش محصول باشد. طراحی لندینگ پیج بخش کوچکی از اس, ...ادامه مطلب
به گزارش Intechnic، آژانس جهانی طراحی سایت و UX دیزاین، 79 درصد از کاربران فضای وب، پس از برخورد با سایتی که UX و UI آن را نمیپسندند، بدون لحظهای درنگ، اقدام به خروج میکنند! پس مهم نیست مشغول طراحی محصول هستید یا طراحی رابط کاربری یک اپلیکیشن را در دست دارید؛ دانستن یک سری قوانین ثابت و طلایی، مسیر دیزاین شما را دگرگون خواهد کرد. در این مقاله از وبلاگ وبسیما، با 8 قانون طلایی از بن شاندرمن، دانشمند علوم کامپیوتر استاد و دانشگاه مریلند آمریکا که در زمینه تعامل انسان و کامپیوتر (Human-Computer Interaction) فعالیت میکند، آشنا میشویم. با ما همراه باشید تا با رعایت 8 نکته ساده اما کاربردی، جرقهای در تحوه تعامل خود با کاربرانتان ایجاد کنید. قانون اول؛ یکپارچه و سرراست باشید رنگ، فونت، تصاویر، راهنماها و جملات کوتاه و بلند در سراسر سایت و تمامی عناصر حواسپرتی دیگر را درنظر بگیرید. در یک دنیای مملو از هیجانات و رنگهای مختلف و کال تو اکشنهای جذاب اما سرسامآور، مجالی برای تفکر و انتخاب باقی نمیماند. پس در چنین شرایطی کاربر بازگشت به نقطه امن خود را انتخاب میکند. صفحه نتایج گوگل؛ جایی که از هیاهو خبری نیست! استفاده از یک پالت رنگی مشخص، فونت استاندارد، سیستم هدایت و ناوبری سرراست و حفظ هارمونی در دیزاین UI اولین نکتهایست که باید در طراحی سایت، محصول یا اپلیکیشن رعایت کنیم. یک دیزاین چشمنواز، نه تنها حس رضایت را در کاربر افزایش میدهد، بلکه در قدم اول اشتیاق او را برای ماندن و گشتن در صفحات وبسایت ما، بالا میبرد. قانون دوم؛ میانبرها را دست کم نگیرید دنیای خستهکننده بدون CTRL+C و CTRL+V را تصور کنید! کلیدهای میانبر نقشی اساسی در ایجاد یک تجربه کاربری موفق دارند. هرچقدر هم , ...ادامه مطلب
طراحی سایت بر اساس محتوا به چه معناست؟ Content-first design نوعی از نگرش به طراحی سایت است که بیشتر از یک دهه از معرفی آن می گذرد. هدف اصلی این رویکرد، ارائه محتوا در بهترین شکل ممکن است. برای این کار, ...ادامه مطلب
خدمات طراحی سایت به سبک وبسیما تصور رایج و نه چندان درستی که در مورد خدمات طراحی سایت وجود دارد این است که فرآیند طراحی تنها به مراحل کدنویسی و طراحی محدود می شود. در حالیکه فرآیند طراحی و تدوین استرا, ...ادامه مطلب
پاپ آپ، مزاحم تمام عیار یا کاتالیزور موثر ؟ فرض کنید یک پروژه جدید برای طراحی سایت به شما واگذار شده است و قصد دارید تمام دانش و تجربه خود را صرف طراحی یک سایت زیبا و کاربردی کنید. در اولین قدم تمام و, ...ادامه مطلب
باز طراحی سایت چیست؟ شاید تا به حال برایتان پیش آمده که از کنار یک مغازه عبور کنید و ناگهان مجذوب دکور یا ویترین آن شوید. همین ویترین مجلل و زیباست که باعث میشود که اگر نیازی به محتویات داخل مغازه ند, ...ادامه مطلب
بازار تبلت و در طی یکی دو سال گذشته به شدت کساد و بدون و مشتری بوده و تنها در برخی موارد خاص، تبلتهای ویژهای برای کاربریهای خاص ارائه شدهاند. چندی پیش نیز اپل به عنوان مهمترین بازیگر دنیای تبلت مجبور, ...ادامه مطلب
تا یک ماه دیگر سال جدید میلادی آغاز میشود و گرایشات جدید این سال در زمینه موبایل بالاخره یک به یک به منصه ظهور میرسند؛ این گرایشات شامل دوربینهای چهارگانه، دوربین سلفی درون صفحهنمایش و البته از هم, ...ادامه مطلب
شرکت اوپو اواخر اردیبهشت ماه سال جاری از اولین تجربه خود در ارائه یک گوشی ساببرند به بازار هند با نام Realme 1 با صفحهنمایش 6 اینچی 18:9 با پروسسور MediaTek Helio P60 و حافظه 32/64/128GB رونمائی کر, ...ادامه مطلب
استفاده از اسکرول در طراحی سایت اگر نگاهی به سایت های جدید و ترندهای طراحی وب سایت داشته باشید در خواهید یافت که دوره وب سایت های تک صفحه ای رو به اتمام است. وب سایت های طویل که برای مشاهده محتوا باید به طور مداوم اسکرول کنید تا به انتهای صفحه برسید، به سرعت در حال محبوب شدن هستند زیرا این تکنیک به خوبی در تلفن های همراه جواب می دهد. فراگیر شدن استفاده از تلفن همراه میان کاربران نقش بسیار مهمی در محبوب شدن تکنیک اسکرول طولانی یا همان long scroll داشته است. هر چه صفحه نمایش کوچکتر باشد، اسکرول طولانی تر خواهد بود. استفاده از این روش دست طراح را در طراحی وب سایت باز می گذارد اما این تکنیک ضعف هایی نیز دارد. در این روش طراح باید دقت بسیار زیادی به محتوا، دسترسی و انیمیشن داشته باشد. در این مقاله به 5 ترفندی که سبب می شوند کاربر وب سایت را با اشتیاق اسکرول کند می پردازیم. 1- محتوای اصلی را در ابتدای صفحه قرار دهید طبق تحقیقات صورت گرفته کاربران به محض بارگذاری صفحه، اسکرول می کنند. بنابراین توجه به محتوای بخش بالای صفحه اصلی بسیار مهم است. محتوای قرار گرفته در این قسمت به سرعت توسط کاربر دیده شده و سبب شکل گیری برداشت اولیه یا impression از وب سایت شما می شود. کاربر کیفیت وب سایت را از این قسمت می سنجد. اگر محتوای قرار گرفته در این بخش جذابیت و کیفیت لازم را داشته باشد کاربر مشتاق به ا, ...ادامه مطلب
8 اشتباه رایج در طراحی صفحه “تماس با ما” که بر نرخ تبدیل اثر منفی می گذارند یکی از اولین صفحاتی که هنگام بررسی نرخ تبدیل یا همان conversion rate به آن توجه میکنیم صفحه اول وب سایت است. اما آیا تاکنون برای صفحه تماس با ما نیز این درجه از اهمیت را قائل شده اید؟ چراکه این صفحه راه ارتباطی اصلی میان شما و مخاطبین است و باید در طراحی سایت شرکتی توجه ویژه ای به آن داشته باشیم. از آنجا که صفحه تماس با ما یکی از پر بیننده ترین صفحات وب سایت است، محل بسیار مناسبی برای تبدیل بازدیدکننده به مشتری نیز می باشد. احتمالا بدون اینکه خودتان بدانید، در طراحی این صفحه دچار اشتباهاتی شده اید که اثری منفی بر نرخ تبدیل می گذارند. اگر مطمئن نیستید که صفحه تماس با ما وب سایت شما دچار اشکال است یا نه، در ادامه با ما همراه شوید. در این مقاله به 8 اشتباه رایجی که در طراحی صفحه تماس با ما رخ داده و سبب اثر گذاری منفی بر نرخ تبدیل می شود را بررسی کنیم. راه کارهای مناسب با هر مشکل نیز ارائه می شود. 1. سایت به کلی صفحه تماس ندارد بزرگ ترین اشتباهی که می تواند رخ بدهد، و البته واضح ترین آن ها نیز هست، عدم وجود صفحه تماس با ما می باشد. طراحی وب سایت های پشخصی همه گیر شده و در بسیاری از آنها طراحی صفحه تماس با ما نادیده گرفته میشود. به جای صفحه تماس با ما، برخی از مالکین وب سایت ها به قرار دادن آیکون , ...ادامه مطلب
سایت های ایرانی طراحی شده با وردپرس سیستم مدیریت محتوای وردپرس را میتوان محبوبترین CMS رایج در جهان دانست که موفق شده است جایگاه ویژه ای در میان طراحان سایت و البته برندهای بزرگ کسب کند. در این مقاله تلاش میکنیم بهترین سایت های ایرانی طراحی شده با وردپرس را در زمینه های کاری گوناگون به شما معرفی کنیم. ملاک انتخاب این سایت ها میزان بازدیدکننده روزانه، جایگاه عمومی برند و خلاقیت در طراحی بوده است. سایت های بسیاری میتوان یافت که با وردپرس طراحی شده اند و به طور حتم قرارگرفتن نام همه آنها در این لیست ممکن نیست ولی تلاش میکنیم در این مجموعه بهترین سایت های وردپرسی ایرانی را جمع آوری کنیم. پاپ موزیک – طراحی سایت موزیک با وردپرس پاپ موزیک را میتوان یکی از قدیمی ترین و موفق ترین سایت های فعال در زمینه دانلود موزیک دانست. این سایت از ابتدا با طراحی سایت وردپرسی کار خود را آغاز نموده و با گذشت زمان بارها آن را ریدیزاین کرده است. یکی از ایراداتی که بعضا برای طراحی سایت با وردپرس در نظر گرفته میشود عدم توانایی برای میزبانی از تعداد زیاد بازدیدکنندگان است. پاپ موزیک را میتوان گواهی بر رد این ادعا دانست. سایتی که روزانه هزاران بازدیدکننده دارد و به طور معمول ۱۰۰۰ کاربر در آن آنلاینن هستند. دیجی کالا – طراحی مجله اینترنتی با وردپرس دیجی کلا را میتوان بهترین و بزرگترین فروشگاه اینترنتی وب ف, ...ادامه مطلب
تکنیک سینماگراف در طراحی سایت در گذشته استفاده از فایل های gif در طراحی سایت و به ویژه بنرهای تبلیغاتی نقش بسیار پررنگی داشت ولی با تغییر الگوریتم های بهینه سازی و البته پیشرفت HTML5 و CSS3 بنرهای تبلیغاتی مدرن جایگزین آنها شدند. رشد چشم گیر استفاده از تلفن های همراه و البته نرم افزارهای ساده و کاربردی که برای آنها تولید میشوند موجب شد تولید تصاویر متحرک در فرمت gif دوباره رونق بگیرد و در بسیاری شبکه های اجتماعی مانند تلگرام جایگزین فیلم های کوتاه شود. در این میان مفهوم جدیدی نیز میان کاربران رایج شده که همان سینماگراف یا Cinemagraph است. حالا این تکنیک به قدری رایج و تاثیرگذار شده است که مجدد جای خود را در میان تکنیک های طراحی سایت بازکرده و میتواند انتخاب مناسبی برای طراحی سایت فروشگاه اینترنتی مد و پوشاک و البته سایت های خلاقانه باشد. سینماگراف چیست؟ چشم انسان عاشق تحرک است. هر المان متحرک در سایت موجب جلب توجه کاربر و افزایش تعامل با آن خواهد شد. سینماگراف نه کاملا عکس است و نه کاملا ویدیو، همین امر موجب میشود که ناخودآگاه کاربر را به نگاه دوباره و دقت بیشتر ترغیب کند. در فضای پررقابت امروز هر المانی که بتواند بر تجربه کاربری تاثیر مثبت داشته باشد و موجب ماندگاری سایت شما در ذهن او شود ارزشمند است. دلیل استفاده از ویدیو در طراحی سایت نیز همین جلب توجه کاربر و انتقال سریع محت, ...ادامه مطلب
۸ تکنیک کارآمد در طراحی سایت مدرن هرساله شاهد تغییراتی در ذائقه طراحان و مشتریان طراحی سایت هستیم که موجب میشود المان هایی خاص به اصطلاح Trend شده و در سایت های بسیاری دیده شوند. برخی از این تکینک ها با هدف افزایش نرخ تبدیل بازدیدکننده به مشتری و برخی دیگر با هدف ارایه بهتر محتوا طراحی میشوند. به طور حتم همه ی آنها نمیتوانند انتخاب مناسبی برای شما باشند یا حتی اگر باشند استفاده از آنها در کنار هم کارایی لازم را نخواهد داشت. در این مقاله تلاش میکنیم محبوب ترین تکنیک ها در طراحی سایت های مدرن را بررسی کرده و تاثیر هر یک از آنها در ارتباط کاربر با سایت را بررسی کنیم. در این بخش المان هایی مورد توجه قرار گرفته اند که در سایت های زیادی دیده میشوند و یا برای مدتی طولانی مورد توجه قرار گرفته اند. 1- استفاده از فونت اختصاصی با سایز بزرگ در گذشته نه چندان دور فضای وب فارسی به چند فونت خاصی شامل arial، Tahoma و در مواردی BYekan محدود میشد ولی خوشبختانه در حال حاضر تنوع فونت های فارسی در دسترسی برای طراحی سایت بسیار زیاد شده است. با وجود تنوع زیاد، بسیاری از شرکت ها تلاش میکنند با طراحی یک فونت اختصاصی سایت و هویت برند خود را متمایز از دیگران ارایه کنند. وبسیما طی دو سال اخیر ۴ فونت طراحی کرده که یکی از آنها در همین سایت قابل مشاهده است و سایر آنها در پروژه های طراحی سایت مشتریان به کار گرفته, ...ادامه مطلب
جانی آیو که تا سال 2015 به صورت کامل مسئول بخش طراحی اپل بود پس از آنکه دو سال به مسئولیتهای متفرقه در این کمپانی مشغول بود طبق گزارشی از بلومبرگ بار دیگر به بخش طراحی آیفون اپل منتقل شده و ریاست این مجموعه را بر عهده گرفته است. بسیاری از طراحیهای هیجانانگیز دیوایسهای اپلی در دوره دوم حضور استیو جابز در این مجموعه در اواخر دهه 90 و اوائل 2000 مدیون جانی آیو بوده است و بازگشت وی به این مجموعه میتواند خون تازهای را در رگهای اپل جاری سازد. در زمان کنار گذاشته شدن جای آیو در 2 سال گذشته از پست اصلی خود این کار به عنوان واگذار کردن این مسئولیت سنگین به دیگران و استراحت کردن تلقی شد اما بازگشت دوباره جانی آیو 50 ساله به این پست گمانهزنیهای قبلی در این مورد را کاملا بیرنگ میسازد. در حال حاضر در لیست روسا و افراد مسئول در وبسایت اپل دیگر نامی از Alan Dye، معاونت بخش طراحی رابط کاربری یا Richard Howarth معاونت بخش طراحی صنعتی که هر دو پس از کنار رفتن Ive در دو سال پیش مسئولیتهای مدیریتی وی را بر عهده گرفته بودند دیده نمیشود. بازگشت Ive در این بازه زمانی برای اپل معنای دیگری نیز دارد جاییکه به خصوص در طی یکی دو سال گذشته انتقادهای گستردهای به یکسان ماندن طراحی این شرکت انجام شده و حتی ارائه آیفون X نیز نتوانست تأثیر بزرگی بر نگاه منتقدان این برند در بحث طراحی بر جای بگذارد. , ...ادامه مطلب