طراحی

مقایسه دو سبک طراحی سایت - طراحی

مقایسه دو سبک طراحی سایت - طراحی

طراحی:

دو سبک شناخته شده و رایج در طراحی سایت عبارتند از طراحی تخت (Flat Design) و متریال دیزاین (Material Design). دو سبک طراحی سایت که بر اساس دیدگاه های یکسان شکل گرفته اند؛ یکی کاملا جدید و دیگری در حال تبدیل شدن به یک مد زود گذر. طراحی تخت روندی از طراحی سایت است که خود به خود و در مرور زمان رشد کرده است و متریال دیزاین مجموعه ای از قوانین و دستورالعمل های تدوین شده برای رسیدن به یک سبک طراحی بی نظیر است.

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

مقایسه دو سبک طراحی سایت
2.5 (50%) 2 votes
ادامه مطلب

۳ مزیت مهم استفاده از اصطکاک در طراحی سایت - طراحی

۳ مزیت مهم استفاده از اصطکاک در طراحی سایت - طراحی

طراحی:

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

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

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

اصطکاک در طراحی تجربه...

به این مطلب امتیاز بدهید
ادامه مطلب

طراحی سایت با Bootstrap، آری یا نه؟ - طراحی

طراحی سایت با Bootstrap، آری یا نه؟ - طراحی

طراحی:

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

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

برخی از سایت های شناخته شده و پربازدید در دنیا که از فریم ورک Bootstrap در طراحی سایت خود بهره میبرند عبارتند از؛ Paypal, Aliexpress, Shetterstock, Upwork, Netflix.

چرا طراحی سایت با Bootstrap را انتخاب کنیم؟

برای استفاده از...

به این مطلب امتیاز بدهید
ادامه مطلب

استفاده از ویدیو در طراحی سایت - طراحی

استفاده از ویدیو در طراحی سایت - طراحی

طراحی:

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

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

به این مطلب امتیاز بدهید
ادامه مطلب

تمامی محصولات،ابزارها و خدمات ارائه شده توسط گوگل(قسمت اول) - طراحی

تمامی محصولات،ابزارها و خدمات ارائه شده توسط گوگل(قسمت اول) - طراحی

طراحی:

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

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

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

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

به این مطلب امتیاز بدهید
ادامه مطلب

طراحی ریسپانسیو یا انطباق پذیر؟ - طراحی

طراحی ریسپانسیو یا انطباق پذیر؟ - طراحی

طراحی:

در مقالات قبلی وبسیما تکنیک طراحی سایت ریسپانسیو یا همان Responsive Design را به شما معرفی کرده ایم در اینجا قصد داریم این روش را با روش طراحی انطباق پذیر یا همان Adaptive Design مقایسه کنیم.

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

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

به این مطلب امتیاز بدهید
ادامه مطلب

تفاوت طراحی رابط کاربری و تجربه کاربری - طراحی

تفاوت طراحی رابط کاربری و تجربه کاربری - طراحی

طراحی:

تفاوت UI و UX

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

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

اگر...

به این مطلب امتیاز بدهید
ادامه مطلب

تفاوت رابط کاربری و تجربه کاربری - طراحی

تفاوت رابط کاربری و تجربه کاربری - طراحی

طراحی:

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

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

اگر شما یک محصول را...

به این مطلب امتیاز بدهید
ادامه مطلب

استفاده از ویدئو در طراحی سایت - طراحی

استفاده از ویدئو در طراحی سایت - طراحی

طراحی:

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

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

به این مطلب امتیاز بدهید
ادامه مطلب

تجربه کاربری در سال جدید - طراحی

تجربه کاربری در سال جدید - طراحی

طراحی:

نتایج یک مطالعه اخیر تفاوت های سازمان ها را در به کارگیری تجربه کاربری نشان داده است. در سال های اخیر برای ایجاد یا توسعه برنامه های طراحی (design programmes) هزینه های بسیاری شده است. برای مثال شرکت IBM اعلام کرده بود که در سال 2012 مبلغ 100 میلیون دلار را برای استخدام هزار طراح اختصاص داده است.

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

یک سوالی که مطرح...

به این مطلب امتیاز بدهید
ادامه مطلب