طراحی سایت

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

· طول خط : تعداد کاراکترهای که در یک خط قرار می گیرند به طوری که همه آنها وضوح درستی داشته باشند .

· فاصله : مقدار فضای بین خطوط متن به همان اندازه مهم است که طول خط برای خوانای مهم می باشد چرا که اگر فاصله در کنار و بالا و پایین مناسب نباشد به درستی متن دیده نمی شود.

· سبک متن : سبک متن نیز می تواند بر خوانایی تاثیر بگذارد. فونت های ساده و بدون تزئیانت خاص بیشتر قابل خواندن و اسکن می باشند، در حالی که سبک های اسکریپت برای خواندن دشوار می باشند .

· رنگ و کنتراست : رنگ متن در برابر پس زمینه باید قابل نمایش باشد بنابراین بهتر از از رنگ های متضاد استفاده شود چرا که توجه نکردن به آن می تواند باعث شود متن به درستی دیده نشود مثلا استفاده از رنگ آبی در پس زمینه و رنگ سبز در متن چیزی است که چشم کاربران را اذیت می کند .

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

می توان برخی از قالب نوشتاری را که در سایت مهم می باشد به صورت زیر طبقه بندی کرد :

· سربرگ ها

· لینک ها

· متن یا کدر در متن

· بالت یا لیست شماره

· عناصر گرافیکی مانند عکس

· زیرنویس ها

· استفاده از نقل قول در متن

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

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

آیا مشتریان نمی دانند چه می خواهند ؟

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

آیا مشتری نمی داند چگونه خواسته های خود را توضیح دهید

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

آنها ارزش تلاش و زمان پروژه را نادیده می گیرند

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

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

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

تجسم دانش شامل فرمت های تصویری مختلف ، طرح ها ، نمودارها ، تصاویر ، اشیاء و غیره است . در مورد صحبت برای نمودار های مفهومی ، روش های مختلفی وجود دارد روش های مانند گانت ، Ishikawa ، Mindmap ، فلوچارت و.. که می توان از آنها استفاده کرد . منطق نمودار درب (Doors Diagram) بسیار ساده می باشد . یک کاربر در نقطه ای از سایت قرار دارد و آنچه که باعث می شود کاربر از نقطه و یا محلی از سایت به محل دیگری از سایت حرکت کند (مانند وارد شدن به یک مکان به وسیله در آن ) و سپس تصمیم می گیرد که برای رفتن به مراحل بعدی چه کاری را انجام دهد که یک نقطه شروع دیگر نامیده می شود و دوباره توسط یک درب نشان داده می شود همچنین در این لحظه کاربر درب ها مختلف (میسرهای مختلف) دیگری را می بیند . نقطه شروع در یک سایت می تواند یک صفحه اصلی یا هرصفحه ای در سایت باشد ، سپس کاربر تعریف می کند به کجا برود که هدف را مشخص می کند .

برخی از هدف های کاربر در سایت می تواند شامل موارد زیر باشد:

· خرید محصول و یا خدمات

· ثبت نام در سایت

· دانلود فایل و یا فایل ها در سایت

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

· [^] یک درب قفل شده است (با یک قفل قرمز به تصویر کشیده می شود)

· [*] درب اطلاعات گمراه کننده ای دارد (با یک برچسب زرد در شیشه به نمایش گذاشته می شود )

· [-] درب قابل رویت نیست (با خطوط نقطه ای نشان داده شده است)

· [#] یک درب مرده است (با آجر نشان داده شده است)

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

[*]کاوش لینک ها :

کاربر هنگام ورود با جمله ای روبروی می شود "شما هنوز به دنبال شخص خاصی نیستید." برای پیدا کردن عکس ها و بازیکنان به لینک بالا اشاره می کند.

[-] درب قابل رویت نیست :

هنگامی که نظرات را کاربر می بیند انتظار دارد در پایان نظرات یک فرم برای درج نظر جدید وجود داشته باشد اما این فرم وجود ندارد ، روشن نیست چرا کاربر نمی تواند نظر جدید وارد کند .

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

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

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

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

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

سرمایه گذاری در اینفوگرافی

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

تمرکز بر روی فولد(Fold)

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

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

طراحی تجربه کاربری (UX ) بسیار فراتر از یک زیبا شناسی بصری است که در طراحی سایت قدیمی مورد استفاده قرار می گرفت . یک مطالعه توسط موسسه مدیریت طراحی نشان می دهد که شرکت های که از طراحی مبتنی بر تجربه (UX) استفاده می کنند 228 درصد بیشتر از ده سال پیش بوده اند . صرف نظر کردن از سایت ها ، کسب و کارهای که به طور قابل ملاحظه ای به مبحث UX توجه کرده اند توانسته اند مشتریان زیادی را به خود جذب نمایند شزکت های مانند اپل ، ای بی ام ،کوکاکولا و.... ما در این مقاله پنج دلیلی که باید طراح در هنگام طراحی سایت از تجربه کاربری (UX ) استفاده نمایند را شرح می دهیم :

طراحی را به عنوان یک زیباشناسی مشاهده می کند

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

فروش تجارب نه فقط یک طراحی ویا یک محصول

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

درک درست از مشتریان

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

· 75 درصد از کاربران راحتی کار با سایت را ملاک اعتماد به سایت می دانند

· 88٪ از کاربران آنلاین کمتر احتمال دارد به یک سایت پس از یک تجربه بد بازگردند

· 94 درصد کاربران آنلاین برداشت اولیه از سایت را در ذهن خود دارند

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

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

ویرایشگر ادیتور

ویرایشگر ادیتور فایرفاکس این امکان را به طراحان سایت می دهد تا سورس یک صفحه سایت را به صورت کامل ببینند و بتوانند براساس اطلاعاتی که آن ادیتور به آنها می دهند تمامی فایل ها آن را دریافت کند همچنین به صورت کاملا live می توانند تغییرات مورد نظر را در ادیتور دهند تا ببنید بعد از تغییرات صفحه سایت به چه صورت می شوند این ویرایشگر در خود فایرفاکس می باشد بدون آنکه نیاز به هیچ ابزار اضافی برای نصب آن نیاز باشد .

تست سایت ریسپانسیو

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

کنسول وب برای جاوا اسکریپت و سایر المان ها

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

مانیتور کردن صفحات سایت

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

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

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

پس زمینه پاستا

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

Bold Pastels

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

Pastels for Mood

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

پاستل در تصویر

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

کنتراست پاستل

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

در زیر چند نمونه از طراحی های دیگر با رنگ پاستل را مشاهده خواهید کرد .

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

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

The Capitol

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

Grovemade

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

Sokruta

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

Huge Inc

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

Quay

این سایت یکی از نمونه های زیبا یک رستوران برای جلب توجه کاربران بوده است نشان دادن یک تصویر زیبا در کنار نوار لغزنده برای پیمایش سایت و دیدن منو غذا آن را برای کاربران جذاب کرده است

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

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

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

اولین برخورد

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

تاثیر ماندگار

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

تشخیص دهند

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

درست فکر کنید

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

یک داستان مشترک ایجاد کنید

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

تشویق به اشتراک گذاری

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

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

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

طراحی فلت (تخت)

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

مزیت های طراحی فلت (تخت)

· این طرح محدودیت های صفحه نمایش را در نظر می گیرد و تدابیری برای آن اندیشیده است

· فلت طراحی ساده را انجام می دهد و عناصر گرافیکی و متحرک غیر ضروری را از بین می برد و زمان بارگذاری را کاهش می دهد

· طراحی غیر ضروری را حذف می کند و باعث تسهیل در طراحی سایت می شود

معایب طراحی فلت (تخت)

· طراحی فلت طراح را محدود به چند رنگ می کند و از رنگ های ساده استفاده می نماید

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

طراحی متریال دیزاین

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

مزیت های طراحی متریال دیزاین

· طراحی متریال دیزاین دارای خاصیت سه بعدی و سایه برای المان ها می باشد که ارتباط بین آن ها را زیبا تر می کند

· برخلاف طراخی فلت ، طراحی متریال دیزاین دارای دستورالعمل های دقیق و خاص هستند و چیزی برای حدسو گمان وجود ندارد

· با استفاده از طراحی متریال دیزاین طراحان می توانند یک انیمیشن جذاب و سبک داشته باشند

معایب طراحی متریال دیزاین

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

· انیمیشن های به کار گرفته درست است سبک می باشند ولی در موبایل هر چیزی با افکت های منحصر به فرد بسته به سرعت اینرنت می تواند صفحه مورد نظر را کند تر نشان دهد

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