۸ اصل تاثیرگذار طراحی سایت که باید بدانید – بخش دوم
در ادامه نوشته قبلی ما در رابطه با اصول تاثیرگذار طراحی سایت که بخش اول آن را منتشر کردیم امروز قصد داریم تا ادامه ی آن را به شما معرفی کنیم که مطمئنا برای شما بسیار مفید خواهد بود.
اصل پنجم طراحی سایت : قانون یک سوم
استفاده از تصاویر در طراحی، ایده خوبی است. تصاویر، ایدههای شما را سریع تر از هر متنی، منتقل میکنند.
بهترین تصاویر از قانون یک سوم پیروی میکنند.
باید تصور شود که یک تصویر با استفاده از دو خط عمودی هم اندازه و دو خط افقی هم اندازه، به ۹ قسمت مساوی تقسیم شده است، و عناصر ترکیبی مهم باید در امتداد این خطوط و یا در تقاطع آنها، واقع شوند.
ببینید که چگونه تصویر سمت راست، جالب تر است! این کار قانون یک سوم است.
استفاده از تصاویر زیبا و بزرگ به طراحی کمک میکند، پیروی از این قانون، آنها را جذاب تر میسازد و به این صورت، وب سایت شما جذاب تر خواهد شد .
اصل ششم طراحی سایت : قوانین طراحی Gestalt
روانشناسی Gestalt یک نظریه درباره ذهن و مغز است. قاعده کلی آن، این است که ذهن انسان، اشیاء را در تمامیت خود میبیند، قبل از آنکه بخشهای منحصربفرد آن را درک کند.
منظور من آن چیزی است که در اینجاست :
توجه کنید که چطور بدون تمرکز بر روی نقاط سیاهی که سگ را شامل میشود، سگ را میبینید ؟
نکته کلیدی در اینجا، این است که مردم ، کلیات را قبل از جزئیات میبینند. مردم همیشه در ابتدا، همه سایت شما را میبینند، قبل از آنکه منو،سرصفحه، پاصفحه و غیره را ببینند. یکی از بنیانگذاران gestaltism بنام Kurt Koffka میگوید : کلیات، قبل ازجزئیات،قرار میگیرد.
۸ قانون موسوم به طراحیgestaltism وجود دارد که به ما اجازه میدهد پیش بینی کنیم مردم چگونه اشیاء را درک میکنند. این قوانین در اینجا هستند :
۱-قانون مجاورت :
مردم چیزهایی که به هم نزدیک هستند را در یک گروه قرار میدهند. آنها بصورت یک شی واحد، شناخته میشوند.
با طراحی وب تاثیر گذار،شما نیاز دارید مطمئن شوید اشیایی که با هم در ارتباط نیستند، یکی به نظر نیایند. به طور مشابه، شما میخواهید عناصر تاثیرگذار طراحی(منوی ناوبری، پا صفحه و غیره)، برای آنکه یکی به نظر بیایند،در یک گروه قرار بگیرند.
Craigslist از این قانون برای آسان سازی فهم این که، کدام زیرمجموعهها در زیر “برای فروش” قرار میگیرند.
۲- قانون تشابه
ما چیزهای مشابه را، با هم گروه بندی میکنیم. این شباهت میتواند در قالب شکل، رنگ، سایه و یا سایر خصوصیات باشد.
در اینجا، ما نقاط سیاه را در یک گروه و نقاط سفید را در گروهی دیگر، دسته بندی کردهایم.
۳- قانون بسته شدن
ما به دنبال تمامیت هستیم. در شکلهای ناقص که قسمتی از تصویر، گم شده است، ادراک ما ، شکاف بصری را پر میکند.
بدون قانون بسته شدن، ما فقط خطوط مختلف با طولهای مختلف را میبینیم، اما با قانون چسباندن، ما خطوط را برای ساختن اشکال، ترکیب میکنیم.
قانون بسته شدن میتواند عناصر طراحی یا آرمهای تجاری را جذابتر کند.یک مثال خوب در این باره، صندوق جهانی طبیعت است که در سال ۱۹۶۲ توسط Sir Peter Scott طراحی شد.
۴- قانون تقارن
مغز، اشیاء را بصورت متقارن و حول یک مرکز میبیند. این ادراک خوشایندی است که بتوانید اشیاء را به یک تعداد قسمت متقارن، تبدیل کنید.
وقتیکه ما دو عنصر متقارن و بی ارتباط میبینیم، ذهن ادراکی، آنها را بصورت یک شکل منسجم، بهم پیوند میدهد.
وقتیکه ما به شکل بالا نگاه میکنیم، تمایل داریم ۳ جفت براکت متقارن، به جای ۶ عدد براکت جدا، مشاهده کنیم.
مردم ظاهر متقارن را به نامتقارن، ترجیح میدهند.
۵- قانون بخش مشترک
ما تمایل به درک اشیائی داریم که در امتداد یک مسیر مشترک، حرکت میکنند. ما اشیائی را که در امتداد یک مسیر حرکت میکنند و در نتیجه، هم مسیر هستند را در با هم گروه بندی میکنیم.
از منظر روانی، مردم میلهها و دستهایی را که به یک نقطه، اشاره میکنند را با هم گروه بندی میکنند، چراکه همه آنها در یک جهت هستند. شما میتوانید از این برای هدایت توجه کاربران به چیزهایی (مثل فرمهای ثبت نام، ارزش گزارهای و غیره) استفاده کنید.
یا به طور مثال، اگر آرایهای از نقاط وجود دارد که نیمی از آنها به سمت بالا و نیمه دیگر به سمت پایین حرکت میکنند، ما نقاط رو به بالا و نقاط رو به پایین را، به صورت دو واحد مجزا درک میکنیم.
۶- قانون پیوستگی
مردم تمایل به دیدن یک خط در امتداد یه وجود آمدنش دارند. در مواردی که بین اشیاء، تقاطع وجود دارد (مانند خطوط)، ما تمایل داریم دو خط را مانند دو نهاد واحد قطع نشده ببینیم.
قوانین Gestalt دیگری نیز وجود دارند (اشیایی که یک الگوی مرتب، ساده و منظم دارند، تمایل دارند با یکدیگر گروه بندی شوند- مانند حلقههای المپیک)، اما من فکر میکنم آنهایی که در اینجا اشاره شد، مفیدترند.
اصل هفتم طراحی سایت : فضای سفید و طراحی تمیز
فضای سفید (که فضای منفی نامیده میشود)، بخشی از صفحه است که خالی رها شده است. فضای بین گرافیک، حاشیهها، ناودانها، فضای بین ستونها، فضای بین خطوط چاپی و یا تصویری است.
این صرفا نباید فضای خالی در نظر گرفته شود. این یک عنصر مهم در طراحی است. باعث میشود اشیاء در همه جا وجود داشته باشند. فضای سفید تماما درباره کاربرد سلسله مراتب است. سلسله مراتب اطلاعات میتواند در مورد نوع، رنگ و تصاویر، باشد.
یک صفحه بدون فضای سفید، خطر ظاهر شلوغ، به هم ریخته و دشوار برای خواندن را به دنبال دارد (مردم حتی زحمت خواندن به خود نمیدهند). به همین دلیل است که وب سایتهای ساده، از نظر علمی بهتر هستند.
فضای سفید کافی، باعث میشود سایت “تمیز” به نظر بیاید. در حالیکه طراحی تمیز برای فرستادن یک پیام روشن، مهم است، اما این به معنای محتوای کمتر نیست. طراحی تمیز طراحی است که بهترین استفاده از فضا را میسر میسازد. برای ایجاد یک طراحی تمیز، یاید بدانید چگونه با استفاده از فضای سفید معقول، ارتباط شفاف برقرار کنید.
Made.com از فضای سفید یه خوبی استفاده میکند.
استفاده خوب از فضای سفید، تمرکز بر روی پیام اصلی و تصاویر را ممکن میکند، و بدنه اصلی به آسانی خوانده میشود.
فضای سفید، ظرافت و زیبایی را ترویج میدهد، خوانایی و تمرکز را بهبود میبخشد.
اصل هشتم طراحی سایت : Occam’s Razor
Occam’s razor اصلی است که اصرار به انتخاب یکی از فرضیات رقیب را دارد که کمترین فرضیات را ایجاد میکند و سادهترین توضیحات را پیشنهاد میدهد. در زمینه طراحی ، Occam’s Razor بیان میکند که سادهترین راه حل معمولا بهترین است.
در تجربه Angelpad ،اینها را میگویند :
Angelpad و مربیانش ما را در موارد بسیاری به چالش کشیدند. ” شما باید چیزهای زیادی در صفحه اصلی سایت خود داشته باشید.” . این چیزی بود که ما در ابتدا زیاد با آن موافق نبودیم، اما دوست داشتیم آن را امتحان کنیم. در واقع معلوم شد که ما در اشتباه بودهایم. ما ۸۰ درصد از محتوی را حذف کردیم، یک دکمه ثبت نام و یک لینک بیشتر بدانید در صفحه اصلی سایت قرار دادیم. ثبت نام به ۳۰۰ درصد افزایش پیدا کرد .
این فقط در مربوط به ظاهر نیست، بلکه در باره این است که “چگونه کار میکند.”. برخی از شرکتها مانند ۳۷Signals- سادگی را به یک مدل کسب و کار تبدیل کردهاند.
این نقل قولی از کتاب دوبارهکاری(نوشته بنیانگذاران این شرکت) است :
بسیاری از مردم از اینکه محصولات ما کمتر رقابتی است، از ما متنفرند. آنها از اینکه خصوصیات حیوان خانگی آنها را در نظر نمیگیریم، به ما توهین میکنند. اما ما فقط افتخار میکنیم که محصولاتمان آنچه را که آنها میخواهند را انجام نمیدهند. ما آنها را ساده طراحی میکنیم زیرا معتقدیم اکثر نرم افزارهای پیچیده ، با خصوصیات و دکمههای زیاد، گیج کننده هستند.
طراحی ساده و کمینه، به این معنی نیست که طراحی تاثیرگذار است . اما تجربیات ما در گروه آرنیکاوب این است که، سادگی همیشه بهتر است. از این رو باید بکوشیم تا ساده باشیم .
