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

بسياري از وب سايت ها با رنگ، تصاوير زنده و محتواي مفيد مي درخشند. اما اگر رنگ، فيلم، تصاوير، محتوا را جدا کنيد، چه چيزي باقي مي ماند؟ شما به استخوان‌هاي خالي يک وب‌سايت مي‌رسيد و ناگهان متوجه مي‌شويد: اين طرح‌بندي است که واقعاً درخشش را به وب‌سايت مي‌افزايد.

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

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



نمونه چيدمان وب سايت

به بيان کوتاه، طرح‌بندي وب‌سايت عناصر مهمي هستند که يک وب‌سايت را به موفقيت يا شکست تبديل مي‌کنند.

چرا بايد يک طرح را بر ديگري انتخاب کنيد؟
شما بايد با دقت انتخاب کنيد. به اين دليل:

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

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

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

مثالي از نحوه عملکرد قانون بسته شدن گشتالت

آشنايي با بهترين شيوه هاي طراحي چيدمان
براي گذراندن زمان پربار براي انتخاب طرح بندي، مهم است که با برخي مفاهيم اوليه مرتبط با طرح بندي وب سايت آشنا شويد. ما مجموعه‌اي از مفاهيم را جمع‌آوري کرده‌ايم که به شما کمک مي‌کند تا به وفور طرح‌بندي‌هاي از پيش تعريف‌شده وب‌سايت توجه کنيد.

وزن بصري و فضاي منفي
وزن بصري توسط افراد زماني درک مي شود که برخي از اشياء در وب سايت داراي نيروي بصري قوي تري هستند. اين نيروي بصري را مي توان از طريق تکنيک هاي مختلف به عناصر خاصي القا کرد. در ميان آنها، فضاي منفي همان چيزي است که مستقيماً ما را در اينجا مورد علاقه قرار مي دهد.

فضاي منفي (فضايي که فاقد هر عنصري است) از طريق نيروي بصري متمرکز بر عناصر، توجه را به سمت عناصري سوق مي دهد که بيش از بقيه هستند.


نمونه اي از وزن بصري ايجاد شده از طريق فضاي منفي

فضاي بين مربع سياه و مربع سفيد چشم ها را به سمت عنصر سمت چپ هدايت مي کند. اما عنصر سمت چپ با 4 مربع سفيد کوچکتر بيشتر است. مربع سياه داراي نيروي بصري قوي تري است.

چيدمان هاي وب سايت متعادل
در طراحي متوازن وب، عناصر تشکيل دهنده طرح بندي از يکديگر پشتيباني مي کنند تا کاربر محتواي متن را با اهميت يکسان ببيند. علاوه بر اين، عناصر به راحتي در طرحي قابل اسکن هستند که به طور موثر همه آنها را ارائه مي دهد. طراحي احساس ثبات مي دهد و از نقطه نظر زيبايي شناسي واقعاً دلپذير است.

يکي از محبوب ترين طرح هاي متعادل، تعادل متقارن است که در آن، مشابه تصوير آينه اي، يک عنصر بصري در دو طرف مرکز يکسان به نظر مي رسد. تقارن تعادل، ظرافت و لذت را تداعي مي کند. احتمالاً شما هم با نگاه کردن به معماري برخي ساختمان‌ها، باغ‌ها و حتي بال‌هاي يک پروانه آن را احساس کرده‌ايد.

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

اين طرح از 2 بخش متمايز در وب سايت پشتيباني مي کند که يکي به پوشاک مردانه و ديگري به پوشاک زنان اختصاص دارد. تقسيم طرح بندي محتواي کاربردي را ارائه مي دهد که براي 2 مخاطب هدف متمايز بسيار مفيد است.

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

وب سايت Schweppes

منبع: Schweppes.ca

با اين حال به ياد داشته باشيد که UX طراحي را شکست مي دهد. هميشه به کاربر نهايي فکر کنيد. قبل از انتشار هر چيزي آزمايشات را انجام دهيد.



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

نقش آن اين است که کاربران را به صورت بصري تحريک کند تا روال وب گردي را قطع کنند و اطلاعات موجود در وب سايت را در يک نور کاملاً جديد پردازش کنند.


تنش بصري در طرح‌بندي وب‌سايت، از طريق قرار دادن غيرمنتظره برخي عناصر – منبع: Stripe

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

عناصر غالب در طرح هاي طراحي نقطه کانوني

منبع: Tesla.com

به دليل نقاط کانوني، شما کاربران خود را در نيمه راه تبديل خواهيد داشت (هر «تبديل» ممکن است براي وب سايت خاص شما باشد) – کاربران توجه خود را روي آن نقاط کانوني متمرکز مي کنند و تمايل بيشتري به انجام اقداماتي که مي خواهيد انجام مي دهند. گرفتن

طرح‌بندي‌هايي را طراحي کنيد که اهداف وب‌سايت را محقق مي‌کنند
بهترين روش اين است که قبل از شروع به طراحي يک طرح بندي/ براي مرور قالب هاي طرح بندي، بايد اهداف وب سايت را مشخص کنيد . آنها ممکن است براي فروش محصولات، جمع آوري ترافيک، يا صرفاً مسحور کردن کاربران با يک قطعه هنري باشند. طرح وب سايت بايد بر اساس اهداف وب سايت انتخاب شود. رفتارهاي کاربران خاصي را تحريک مي کند که منجر به تکميل آن اهداف more info مي شود.



اکنون یک وب سایت حرفه ای ایجاد کنید