طراحی سایت - از 0 تا 100

اصول طراحي وب سايت موثر
جريان خواندن متوالي در وب کار نمي کند. اسکرين شات سمت راست روي تصوير در پايين، مسير اسکن يک صفحه مشخص را توصيف مي کند.
کاربران از شهود خود پيروي مي کنند. در بيشتر موارد، کاربران به جاي خواندن اطلاعاتي که يک طراح ارائه کرده است، درگير مي شوند. به گفته استيو کروگ، دليل اصلي آن اين است که کاربران اهميتي نمي دهند. «اگر چيزي را پيدا کنيم که کار مي کند، به آن مي چسبيم. براي ما مهم نيست که بفهميم کارها چگونه کار مي کنند، تا زماني که بتوانيم از آنها استفاده کنيم. اگر قرار است مخاطبان شما طوري رفتار کنند که شما در حال طراحي بيلبورد هستيد، بيلبوردهاي عالي طراحي کنيد.
کاربران مي خواهند کنترل داشته باشند. کاربران مي خواهند بتوانند مرورگر خود را کنترل کنند و به ارائه داده هاي ثابت در سراسر سايت تکيه کنند. به عنوان مثال، آن‌ها نمي‌خواهند پنجره‌هاي جديد به‌طور غيرمنتظره ظاهر شوند و مي‌خواهند بتوانند با دکمه «بازگشت» به سايتي که قبلاً بوده‌اند برگردند: بنابراين تمرين خوبي است که هرگز پيوندها را در پنجره‌هاي مرورگر جديد باز نکنيد .
1. آيا نمي کاربران فکر مي کنند #
طبق قانون اول استفاده کروگ، صفحه وب بايد واضح و قابل توضيح باشد. هنگامي که شما در حال ايجاد يک سايت هستيد، وظيفه شما اين است که از شر علامت هاي سوال خلاص شويد – تصميماتي که کاربران بايد آگاهانه اتخاذ کنند و مزايا، معايب و جايگزين ها را در نظر بگيرند.

اگر ناوبري و معماري سايت شهودي نباشد، تعداد علامت‌هاي سوال افزايش مي‌يابد و درک نحوه عملکرد سيستم و نحوه رسيدن از نقطه A به نقطه B را براي کاربران سخت‌تر مي‌کند. ساختاري واضح، سرنخ‌هاي بصري متوسط ??و به راحتي قابل تشخيص است. پيوندها مي توانند به کاربران کمک کنند تا مسير خود را به سمت هدف خود بيابند.

نمونه طراحي سايت خوب

بياييد به يک مثال نگاهي بيندازيم. Beyondis.co.uk ادعا مي کند که "فراتر از کانال ها، فراتر از محصولات، فراتر از توزيع" است. چه معني ؟ از آنجايي که کاربران تمايل دارند وب‌سايت‌ها را مطابق با الگوي «F» کاوش کنند، اين سه عبارت اولين عناصري هستند که کاربران پس از بارگيري آن در صفحه مشاهده خواهند کرد.

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

دستورالعمل هاي طراحي وب سايت

ExpressionEngine از ساختار مشابه Beyondis استفاده مي کند، اما از علامت هاي سوال غير ضروري اجتناب مي کند. علاوه بر اين، اين شعار کاربردي مي شود زيرا به کاربران گزينه هايي براي آزمايش اين سرويس و دانلود نسخه رايگان ارائه مي شود.

با کاهش بار شناختي، درک ايده پشت سيستم را براي بازديدکنندگان آسان تر مي کنيد. هنگامي که به اين هدف دست يافتيد، مي توانيد دليل مفيد بودن سيستم و نحوه بهره مندي کاربران از آن را بيان کنيد. اگر افراد راه خود را در وب سايت شما پيدا نکنند، از وب سايت شما استفاده نخواهند کرد.

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

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

اسکرين شات

Stikkit يک نمونه عالي براي يک سرويس کاربر پسند است که تقريباً به هيچ چيز از بازديدکننده نياز ندارد و مزاحم و راحت است. و اين همان چيزي است که مي خواهيد کاربران شما در وب سايت شما احساس کنند.

اسکرين شات

ظاهرا مايت نياز بيشتري دارد. با اين حال ثبت نام را مي توان در کمتر از 30 ثانيه انجام داد - از آنجايي که فرم داراي جهت افقي است، کاربر حتي نيازي به پيمايش صفحه ندارد.

در حالت ايده آل همه موانع را حذف کنيد ، ابتدا نيازي به اشتراک يا ثبت نام نداريد. ثبت نام کاربر به تنهايي مانعي براي ناوبري کاربر براي کاهش ترافيک ورودي است.

3. مديريت براي تمرکز توجه کاربران #
از آنجايي که وب‌سايت‌ها هم محتواي ثابت و هم پويا را ارائه مي‌کنند، برخي از جنبه‌هاي رابط کاربري بيش از سايرين جلب توجه مي‌کنند. بديهي است که تصاوير چشم نوازتر از متن هستند - همانطور که جملاتي که به صورت پررنگ مشخص شده اند جذاب تر از متن ساده هستند.

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

انسو

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

تمرکز توجه کاربران به مناطق خاصي از سايت با استفاده متوسط ??از عناصر بصري مي تواند به بازديدکنندگان شما کمک کند تا از نقطه A به نقطه B برسند بدون اينکه فکر کنند read more واقعاً چگونه قرار است انجام شود. هرچه بازديدکنندگان علامت سوال کمتري داشته باشند، حس جهت گيري بهتري دارند و اعتماد بيشتري نسبت به شرکتي که سايت نشان مي دهد، افزايش مي دهد. به عبارت ديگر: هر چه کمتر نياز به فکر کردن در پشت صحنه باشد، تجربه کاربري بهتر است که در وهله اول هدف استفاده از آن است.

4. تلاش براي قرار گرفتن در معرض ويژگي #
طراحي‌هاي وب مدرن معمولاً به دليل رويکردشان در راهنمايي کاربران با 1-2-3-گام‌هاي انجام شده جذاب، دکمه‌هاي بزرگ با جلوه‌هاي بصري و غيره مورد انتقاد قرار مي‌گيرند. اما از منظر طراحي، اين عناصر در واقع چيز بدي نيستند. برعکس، چنين دستورالعمل هايي بسيار مؤثر هستند زيرا بازديدکنندگان را به روشي بسيار ساده و کاربرپسند از طريق محتواي سايت هدايت مي کنند.

اسکرين شات

Dibusoft جذابيت بصري را با ساختار واضح سايت ترکيب مي کند. اين سايت داراي 9 گزينه ناوبري اصلي است که در نگاه اول قابل مشاهده است. اگرچه انتخاب رنگ ها ممکن است خيلي روشن باشد.

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

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

تجارت صحبت کنيد. از نام‌هاي زيبا يا هوشمندانه، نام‌هاي ناشي از بازاريابي، نام‌هاي خاص شرکت و نام‌هاي فني ناآشنا اجتناب کنيد. به عنوان مثال، اگر خدماتي را توصيف مي کنيد و مي خواهيد کاربران يک حساب کاربري ايجاد کنند، «ثبت نام» بهتر از «اکنون شروع کنيد!» است. که دوباره بهتر از "کاوش در خدمات ما" است.

اسکرين شات

Eleven2.com مستقيماً به موضوع مي رسد. بدون کلمات زيبا، بدون اظهارات اغراق آميز. به جاي يک قيمت: دقيقاً همان چيزي که بازديدکنندگان به دنبال آن هستند.

يک راه حل بهينه براي نوشتن موثر اين است که



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