سلام، مهمان
امروز،
6 ایده در طراحی سایت برای ماندگاری بالای دیزاین
طراحی سایت به دو چیز مهم بستگی دارد: ابتکار و همچنین تقلید. متاسفانه بیشتر دیزاینر ها به دنبال طراحی های مد شده روز میروند تا اونجایی که همه سایت ها از طرح های یه شکل پر میشوند.
پیشنهاد میشود که طراحان سایت از دنبال کردن روند های باب شده خود داری کرده و طرحی رو پیاده کنند که ماندگاری بالا داشته و در آینده کمترین میزات تغییر را لازم داشته باشد.
اینجا 6 ایده ی کاربردی برای موفقیت در این امر به شما پیشنهاد میشود :
1- استفاده از هوش مصنوعی / Artificial intelligence
محتوا یا context ارتباطی همه جا وجود دارد. سوال کجا و چه هنگام به همان اندازه چگونه و چرا مهم هستند. آیا این context ارتباطی روی موبایل اتفاق می افتد؟ تبلت؟ خارج یا داخل خانه؟ کاربر در آن لحظه چه کاری دارد انجام میدهد؟ باید در نظر داشت که کاربران با یک محصول در انواع شرایط مختلف تعامل دارند. بنابر این، کارکرد محصول ی که طراحان میسازند ، باید در نوع خود کارامدترین و مفید ترین باشد. البته یک طراح نمیتواند همه ی اطلاعات استفاده کاربر از محصولات را در موقعیت های مختلف مونیتور و بررسی کند.
اما موتور های هوش مصنوعی پیچیده ای وجود دارند که این کار را به آسانی انجام میدهد نظیر:
- Facebook M
- Smart Reply for Gmail
- The Grid
انواع بسیار دیگری از موتور های هوش مصنوعی وجود دارند که در حال اتوماتیک کردن وب هستند. نتیجه ی نهایی اینکه: تکیه بیشتر روی هوش مصنوعی برای آنالیز وتفسیر کردن User Context و متعاقبا بهترین راه حل را ارایه دادن میباشد.
مثلا پاسخگو های مجازی آنلاین را در نظر بگیرید، تفسیر و پاسخگویی سریع و بدون غلط به در خواست های کاربران از چالشهای بسیار بزرگی هستند که طراحان امروزه در حال کار روی آنها هستند.
برنامه هایی نظیر Cortana ، Siri و GoButler در حال مسابقه هستند تا توانایی ما رو در تشخیص آدم و ماشین از میان ببرند. پاسخگو های مجازی اینچنین، تاثیر بسیار زیادی روی چگونگی تعامل کاربر با وب و اپلیکیشن های موبایل دارند.
اینگونه هوش مصنوعی جدید، میتوانند توسط پلاگین های مختلف وردپرس؛ مثلا Client Relations Factory ،که پاسخگوی خدمات کاربری مستقل و متحرک روی وبسایت شما نصب مینماید، شروع شود.
2- تنوع و گوناگونی در دیزاین
یکی از شکایات رایج امروز در طراحی سایت این هست که آنها کمتر اوریجینال هستند. جذابیت قالب های وورد پرس، ریسپانسیو بودن فریم وورک ها، و علاقه به داشتن یک ظاهر خاص، باعث یکپارچگی دیزان در سطح وسیعی شده است. اما وبسایت ها لزوما نباید در یک قالب خاص طراحی شوند. مشتری های زیادی وجود دارند که یک طرح تازه ، یونیک و منحصر به فرد را می خواهند. بنابر این کاملا طبیعی هست که هرچه قدر که صنعت وب دیزاین پیشرفت میکند،داشتن تنوع و گوناگونی در طراحی را همزمان با آسان و کاربردی بودن سایت، در نظر بگیرد.
یک بخش که در حال حاضر این روند را به کار گرفته، تاترها و نمایش ها هستند. مثلا فیلم Sons of Gallipoli,در سایتی که قرار داره شده، دارای دیزاین منحصر به فرد و در عین حال آسان برای جستجوست. لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید
3- استفاده از تصویر سازی های قوی / ایلاستریشنز
به طور سنتی، وبسایت ها از عکس برای دیزاین استفاده میکنند ،ولی هر چه جلوتر میرویم هنر ایلاستریشن با دست را میتوانیم ببینیم.
ایلاستریشن با دست و روی کاغذ ، گرما و اوریجینالیتی خاصی دارد که قابل مقایسه با دیگر عناصر تصویر سازی نیست. از آنجایی که شرکت ها برای قلب و پول مشتریان رقابت میکنند، وبسایتی که رایحه ای از اصالت و خاص بودن هنر تصویرگری با دست داشته باشد در صدر خواهد بود.
به زودی وبسایت ها و برندهای آنان میتوانند توسط استایل هنری خاص ی که به کار برده اند شناخته و متمایز شوند. برای مثال، طرح هنری خاص وبسایت
لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید ما را یاد شرکت طراحی ای میسازد که آن را بوجود آورده است. استفاده از هنر در طراحی سایت میتواند بهبرند سازی و متمایزشدن سایت کمک کند.
4- طراحی اولیه برای موبایل و ابزار پوششی( نظیر ساعت مونیتور کننده فعالیت های بدن)
دیزاین هایی که در آن موبایل ارجحیت اول دارد هم اکنون در راهند و به زودی در سال 2020 با ارزش 21 بیلیون دلار به نهایت خود میرسند. عینک گوگل شاید باب نباشند اما صفحات نمایش HUD با وجود پیشروی Oculus Rift لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید و فناوری های مجازی(Virtual reality) به طور کامل نا پدید نمیشوند.
این پایگاه ها چالش های جدیدی را برای طراحان در ساخت اپلیکیشن ها و دسترسی به وبسایت ها پدید می آورد. طراحان باید روش های جدیدی را برای اسکرین های کوچک و با سایز های نا متعارف پیدا کنند.
5-Microinteractions
تعاملات کاربر با عملیات های سایت باید تا حد ممکن نا محسوس باشد وتوسط کمترین کلیک انجام شود. در ساخت یک تعامل موفق ، این چهار مشخصه باید در نظر گرفته شود:
- Trigger/تریگر: یک عملکرد پیش فرضیست مانند دکمه ی "بیشتر بخوانید" یا یک هشدار یا آیکون همبرگر.
- Rule: میتواند فرمی باشد که کاربر نیاز دارد پر کند.
- Feedback: پاسخ به عملکرد کاربر میباشد .
- Loop/Mode/لوپ : مدت زمانیست که تعامل طول میکشد یا اینکه تکرار میشود و Modes اختلالات لازمه در تعاملات می باشد که در صورت نیاز به دقت باید مورد استفاده قرار گیرد.
6-انیمیشن های غنی
تمام هدف طراح ی اینست که زیبا به نظر برسد و چه چیزی بهتر از انیمیشن های پر محتوا ؟؟
انیمیشن ها کاربر را در گیر میکند و داستان گویی را قدرت میبخشند . باعث میشوند وبسایت بیشتر تعاملی به نظر آید تا اینکه فقط یک محل برای دست یابی به اطلاعات باشد. البته در میزان استفاده از انیمیشن باید دقت شود تا کاربر را در استفاده از سایت اذیت نکند. یک انیمیشن ساده و دارای یک تم داستانی منسجم که رفته رفته جزییات مهم بخش ها و فعالیت های سایت را بیان میکند و کاربر را راهنمای میکند، میتواند بسیار مفید باشد.
مثلا وبسایت لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید از انیمیشن برای تاکید کردن transitions استفاده میکند.
*برای اطلاعات بیشتر به کتاب الکترونیکی Web Design Book of Trends 2016 ،صفحه ی 186 مراجعه شود که به بررسی 165 مثال از بهترین طرح های کاربردی سایت می پردازد.
لینک: لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید
ترجمه و خلاصه برداری شده توسط: مهدیه خودستان
منبع: لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید
طراحی سایت به دو چیز مهم بستگی دارد: ابتکار و همچنین تقلید. متاسفانه بیشتر دیزاینر ها به دنبال طراحی های مد شده روز میروند تا اونجایی که همه سایت ها از طرح های یه شکل پر میشوند.
پیشنهاد میشود که طراحان سایت از دنبال کردن روند های باب شده خود داری کرده و طرحی رو پیاده کنند که ماندگاری بالا داشته و در آینده کمترین میزات تغییر را لازم داشته باشد.
اینجا 6 ایده ی کاربردی برای موفقیت در این امر به شما پیشنهاد میشود :
1- استفاده از هوش مصنوعی / Artificial intelligence
محتوا یا context ارتباطی همه جا وجود دارد. سوال کجا و چه هنگام به همان اندازه چگونه و چرا مهم هستند. آیا این context ارتباطی روی موبایل اتفاق می افتد؟ تبلت؟ خارج یا داخل خانه؟ کاربر در آن لحظه چه کاری دارد انجام میدهد؟ باید در نظر داشت که کاربران با یک محصول در انواع شرایط مختلف تعامل دارند. بنابر این، کارکرد محصول ی که طراحان میسازند ، باید در نوع خود کارامدترین و مفید ترین باشد. البته یک طراح نمیتواند همه ی اطلاعات استفاده کاربر از محصولات را در موقعیت های مختلف مونیتور و بررسی کند.
اما موتور های هوش مصنوعی پیچیده ای وجود دارند که این کار را به آسانی انجام میدهد نظیر:
- Facebook M
- Smart Reply for Gmail
- The Grid
انواع بسیار دیگری از موتور های هوش مصنوعی وجود دارند که در حال اتوماتیک کردن وب هستند. نتیجه ی نهایی اینکه: تکیه بیشتر روی هوش مصنوعی برای آنالیز وتفسیر کردن User Context و متعاقبا بهترین راه حل را ارایه دادن میباشد.
مثلا پاسخگو های مجازی آنلاین را در نظر بگیرید، تفسیر و پاسخگویی سریع و بدون غلط به در خواست های کاربران از چالشهای بسیار بزرگی هستند که طراحان امروزه در حال کار روی آنها هستند.
برنامه هایی نظیر Cortana ، Siri و GoButler در حال مسابقه هستند تا توانایی ما رو در تشخیص آدم و ماشین از میان ببرند. پاسخگو های مجازی اینچنین، تاثیر بسیار زیادی روی چگونگی تعامل کاربر با وب و اپلیکیشن های موبایل دارند.
اینگونه هوش مصنوعی جدید، میتوانند توسط پلاگین های مختلف وردپرس؛ مثلا Client Relations Factory ،که پاسخگوی خدمات کاربری مستقل و متحرک روی وبسایت شما نصب مینماید، شروع شود.
2- تنوع و گوناگونی در دیزاین
یکی از شکایات رایج امروز در طراحی سایت این هست که آنها کمتر اوریجینال هستند. جذابیت قالب های وورد پرس، ریسپانسیو بودن فریم وورک ها، و علاقه به داشتن یک ظاهر خاص، باعث یکپارچگی دیزان در سطح وسیعی شده است. اما وبسایت ها لزوما نباید در یک قالب خاص طراحی شوند. مشتری های زیادی وجود دارند که یک طرح تازه ، یونیک و منحصر به فرد را می خواهند. بنابر این کاملا طبیعی هست که هرچه قدر که صنعت وب دیزاین پیشرفت میکند،داشتن تنوع و گوناگونی در طراحی را همزمان با آسان و کاربردی بودن سایت، در نظر بگیرد.
یک بخش که در حال حاضر این روند را به کار گرفته، تاترها و نمایش ها هستند. مثلا فیلم Sons of Gallipoli,در سایتی که قرار داره شده، دارای دیزاین منحصر به فرد و در عین حال آسان برای جستجوست. لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید
3- استفاده از تصویر سازی های قوی / ایلاستریشنز
به طور سنتی، وبسایت ها از عکس برای دیزاین استفاده میکنند ،ولی هر چه جلوتر میرویم هنر ایلاستریشن با دست را میتوانیم ببینیم.
ایلاستریشن با دست و روی کاغذ ، گرما و اوریجینالیتی خاصی دارد که قابل مقایسه با دیگر عناصر تصویر سازی نیست. از آنجایی که شرکت ها برای قلب و پول مشتریان رقابت میکنند، وبسایتی که رایحه ای از اصالت و خاص بودن هنر تصویرگری با دست داشته باشد در صدر خواهد بود.
به زودی وبسایت ها و برندهای آنان میتوانند توسط استایل هنری خاص ی که به کار برده اند شناخته و متمایز شوند. برای مثال، طرح هنری خاص وبسایت
لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید ما را یاد شرکت طراحی ای میسازد که آن را بوجود آورده است. استفاده از هنر در طراحی سایت میتواند بهبرند سازی و متمایزشدن سایت کمک کند.
4- طراحی اولیه برای موبایل و ابزار پوششی( نظیر ساعت مونیتور کننده فعالیت های بدن)
دیزاین هایی که در آن موبایل ارجحیت اول دارد هم اکنون در راهند و به زودی در سال 2020 با ارزش 21 بیلیون دلار به نهایت خود میرسند. عینک گوگل شاید باب نباشند اما صفحات نمایش HUD با وجود پیشروی Oculus Rift لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید و فناوری های مجازی(Virtual reality) به طور کامل نا پدید نمیشوند.
این پایگاه ها چالش های جدیدی را برای طراحان در ساخت اپلیکیشن ها و دسترسی به وبسایت ها پدید می آورد. طراحان باید روش های جدیدی را برای اسکرین های کوچک و با سایز های نا متعارف پیدا کنند.
5-Microinteractions
تعاملات کاربر با عملیات های سایت باید تا حد ممکن نا محسوس باشد وتوسط کمترین کلیک انجام شود. در ساخت یک تعامل موفق ، این چهار مشخصه باید در نظر گرفته شود:
- Trigger/تریگر: یک عملکرد پیش فرضیست مانند دکمه ی "بیشتر بخوانید" یا یک هشدار یا آیکون همبرگر.
- Rule: میتواند فرمی باشد که کاربر نیاز دارد پر کند.
- Feedback: پاسخ به عملکرد کاربر میباشد .
- Loop/Mode/لوپ : مدت زمانیست که تعامل طول میکشد یا اینکه تکرار میشود و Modes اختلالات لازمه در تعاملات می باشد که در صورت نیاز به دقت باید مورد استفاده قرار گیرد.
6-انیمیشن های غنی
تمام هدف طراح ی اینست که زیبا به نظر برسد و چه چیزی بهتر از انیمیشن های پر محتوا ؟؟
انیمیشن ها کاربر را در گیر میکند و داستان گویی را قدرت میبخشند . باعث میشوند وبسایت بیشتر تعاملی به نظر آید تا اینکه فقط یک محل برای دست یابی به اطلاعات باشد. البته در میزان استفاده از انیمیشن باید دقت شود تا کاربر را در استفاده از سایت اذیت نکند. یک انیمیشن ساده و دارای یک تم داستانی منسجم که رفته رفته جزییات مهم بخش ها و فعالیت های سایت را بیان میکند و کاربر را راهنمای میکند، میتواند بسیار مفید باشد.
مثلا وبسایت لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید از انیمیشن برای تاکید کردن transitions استفاده میکند.
*برای اطلاعات بیشتر به کتاب الکترونیکی Web Design Book of Trends 2016 ،صفحه ی 186 مراجعه شود که به بررسی 165 مثال از بهترین طرح های کاربردی سایت می پردازد.
لینک: لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید
ترجمه و خلاصه برداری شده توسط: مهدیه خودستان
منبع: لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید