طراحی سایت

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

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

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

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

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

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

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

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

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

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

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

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

Full-Width Dropdowns

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

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

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

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

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

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

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

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

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

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

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

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

فیلد جستجو به وسیله Dropdown

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

Fullscreen Modal

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

Inline Responsive Inputs

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

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

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

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

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

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

ایجاد سربرگ مخصوص طراح

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

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

لینک پروژه ها و افکت های زیبا بر روی آن ها

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

ایجاد ناوبری زیبا و خلاقانه

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

برای دیدن کار شما مشتری به صفحه نمونه کار آمده است

مشتری می خواهد درباره شما بیشتر بدانید

مشتری می خواهد به شما نزدیک تر شود

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

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

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

Boxy Vibe

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

Go Massive

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

Smart Introduction

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

One-screen Websites

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

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