جهان ما بر اساس ریاضیات و اعداد ساخته شده، پس برای یک طراحی خوب باید از قواعد طراحی جهان تبعیت کنیم. ریاضیات، اولین اصل مورد نیاز همه طراحی هاست. اینو میتونید تو کارهای بزرگترین هنرمندان و طراحان همه اعصار هم ببینید.
این مسئله در مورد طراحی سایت و نرم افزار هم صادقه، ما همیشه باید نسبت به اعداد و اندازه های پیکسل کارمون حساس باشیم. اهمیت این اعداد و ارقام هم فقط بخاطر رعایت نسبت های طلایی یا عدد پی و این مسائل نیست، بلکه تو کار ما باید عددها و اندازه ها جوری باشن که طراحی دینامیک باشه تا بتونه تو دستگاه های مختلف درست نمایش داده بشه. به جز اون، وقتی ستون ها و حاشیه های سایت خوب تنظیم نشده باشن، به کاربر حس و خاطره بدی منتقل میکنن. میخوام از مدیرهای سایت ها یه سوال بپرسم. اگه سایتتون کاربردی و قابل اتکا نیست و حداقل چند تا از اصول طراحی توش رعایت نشده، قراره ناخودآگاه به مشتری ها چه پیامی برسونه؟
طراح هایی که تازه کارشونو شروع کردن باید بدونن، حداقل نیازهای اساسی طراحی باید تو کار رعایت بشه تا همگام با حرفه و تخصصتون پیش رفته باشن. همونطور که یه نویسنده یا ویراستار، سریع غلط های دستوری هر متنی رو پیدا می کنه، یه مدیر خلاق هم تو یه چشم به هم زدن نقایص کارو می فهمه. کارهایی که طراحی می کنید، برای مدیرهاتون حکم رزومه شمارو دارن، پس سعی کنید درست و بی نقص انجامشون بدید.
فایرفاکس و کروم یه سری افزونه دارن که باهاش سایت هارو تو دم و دستگاه خودشون نقد می کنن. بعضی وقتا هست که شما کار خودتونو تو فتوشاپ درست انجام میدید ولی وقتی میخواد از طراحی به توسعه برسه یه سری چیزها اشتباه میشن.
MeasureIt یکی از همون افزونه هاست که گفتم. تو فایرفاکس، سفری و کروم قابل دسترسه و باهاش میتونید مقدار پیکسل های عناصر مختلف صفحه های سایتتونو اندازه بگیرید.
Foxguide هم یه افزونه دیگست که از خط کش های افقی و عمودی فتوشاپ تقلید کرده. البته این یکی فقط تو فایرفاکس دردسترسه.
منم بیشتر وقتا با نقدهایی که این افزونه ها ارائه میدن برای کارهام استفاده می کنم تا مشکلاتشونو پیدا و رفع کنم.
نحوه کارشون اینطوریه که اول مطلب رو توش کپی می کنید. خط کش هایی مشابه خط کش های فتوشاپ سمت چپ نوشته هست که میانگین اندازه یک صفحه مانیتور تو دستگاه های مختلف رو نشون میده. با این خط کش میتونم ببینم که بخش عمده ای از طراحی تو بیشتر دستگاه ها قابل مشاهدست و به همین ترتیب، اگه صفحه رو افقی کنم میتونم ببینم صفحه زیادی باریک نباشه.
تو بخش افزونه های فایرفاکس هم یه سری توضیحات درباره فرمول حاشیه ها نوشته. البته اینا فقط چند پیکسل باهم فرق دارن و مشکلی درست نمی کنن مگه اینکه مشتری یا رئیستون بخواد در حد پیکسل دقیق باشه.
وقتی نقد کارهای خودتونو با این افزونه ها بخونید کم کم دیگه میتونید خودتون سایت های بقیه رو هم نقد کنید و مطمئن باشید طرح های خودتون با یکی از اصول طراحی سازگاره.
کارتونو ادامه بدید و همچنان سایت های زیبا و شکیل بسازید. موفق باشید.
چطور یک سایت خدمات مالی موفق طراحی کنیم؟
معمولا شرکت هایی که تو کار خدمات مالی هستن به تخصیصاتی که به مشتری هاشون ارائه میدن افتخار می کنن. بانک ها و مؤسسات اعتباری همیشه سعی می کنن با نمایش مشتری مداری تو کارشون، انتظارات سرمایه گذارهاشونو رو براورده کنن.
پس به نظرتون چرا موسسات مالی همچنان به خواسته های کاربران سایت هاشون بی توجهی می کنن؟
طبق گزارشی که خود بانک ها سال گذشته ارائه دادند، 74% سرمایه گذاران از بانکداری آنلاین و 35% مردمی که تو بانک ها حساب داشتند از تلفن بانک استفاده کردند. گوگل هم اعلام کرده ماهانه حدود 6 هزار نفر دنبال افتتاح حساب آنلاین میگردند.
سرمایه گذاری های آنلاین میتونن سهم بزرگی از معاملات مالی رو به عهده بگیرن. این نشون میده سایت های خدمات مالی دارن روزبروز مهمتر میشن و این صنعت، همونطور که تو شعبه های حضوریش مشتری مداری رو تو اولویت گذاشته، باید تو سایتهاش هم مشتری مداری رو اولویت کار قرار بده.
اساس یه سایت مشتری مدار هم طراحی تجربه کاربریه. طراحی تجربه کاربری این عناصر رو مد نظر قرار میده:
بخاطر اینکه موسسات، روزبروز ویژگی ها و عملکردهای تازه به کارهاشون اضافه می کنن، سایت های مالی روزبروز پیچیده تر میشن. اگه سایت تجربه کاربری خوبی داشته باشه، کاربرهاش میتونن با کمترین نگرانی کارهاشونو انجام بدن و علاوه بر اون، از نظر بصری، ارائه اطلاعات و انتظارات جهتیابی هم کاربرهارو راضی نگه میداره. مردم دیگه الآن توقع دارن تو کانال های آنلاین تجربه تعاملی هوشمندی بهشون منتقل بشه.
طراحان تجربه کاربری چه چیزهایی رو تو طراحی سایت های مالی اولویت قرار میدن؟
اگه میخواهید نکته های بیشتری درباره طراحی تجربه کاربری بدونید، مقاله های قبلیمونو بخونید.
شاید ساختن یه سایت تعاملی، با جهت یابی رضایت بخش که راحت هم قابل استفاده باشه، سخت باشه. اما یه سایت خدمات مالی که تجربه کاربری مثبتی رو القا کنه و بتونه مشتری رو راضی کنه، تا در نهایت مشتری تبدیل به یه مشتری دائم و وفادار بشه.
چرا سایت واکنش گرا؟
تو این مقاله میخوام دو تا جواب به این سوال بدم. اول، واکنش گرا بودن سایت دیگه داره تبدیل به یکی از استانداردهای سایت ها میشه و یه جورایی واجبه که سایتمون واکنش گرا باشه. هرچند، ریزه کاری های زیادی هست که باید قبلش درباره طراحی واکنش گرا بدونید.
طراحی واکنش گرا چیست؟
اگه بخوام سادش کنم، طراحی واکنش گرا یه روشیه که با استفاده از سیستم مدیریت محتوا، قالب سایت رو به طور خودکار با اندازه صفحه نمایش هماهنگ می کنه. اول قرار بود برای سایت های شخصی که افراد نمونه کارهاشونو توش به نمایش میذارن استفاده بشه، اما کم کم فراگیر شد و الآن دیگه تقریبا تو هر نوع سایتی با اهداف و کارایی های مختلف میتونید ببینید.
اگه کاربر با تبلت یا موبایل وارد سایتی بشه که طراحیش واکنش گراست، قالب سایت واکنش نشون میده و خودشو با اندازه صفحه نمایش هماهنگ می کنه. فهرست هم بالای سایت جمع میشه و به صورت یک دکمه درمیاد و با کلیک کاربر باز میشه. عکسی که معمولا بالای سایت ها میذارن، کوچیک تر میشه و با صفحه تبلت و موبایل هماهنگ میشه. عرض نوشته زیر عکس هم با عرض صفحه نمایش منطبق میشه. اما وقتی همین سایت با کامپیوتر باز بشه، فهرست بدون نیاز به کلیک قابل مشاهدست و عکس و نوشته فضای بیشتری رو اشغال می کنند. راز کار طراحی های واکنش گرا همینه: تو هر دستگاهی نسبت به اندازه صفحه نمایشش، به اندازه ای اطلاعات سایت رو نشون میده که صفحه بهم ریخته نشه و خاطره بدی تو ذهن کاربر نذاره.
طراحی واکنش گرا چطور کار می کند؟
سایت های واکنش گرا با استفاده از CSS تنظیم می کنن که بسته به اندازه صفحه نمایش، کدوم مطالب کجای صفحه نمایش داده بشن. به عبارت دیگه جای مطالب، عکس ها و فهرست های جهت یاب رو تغییر میده تا با تعداد پیکسل های موجود هماهنگ بشن. حتی لوگو و عناصر گرافیکی هم می تونن از صفحه نمایش های معمولی کامپیوتر تا تبلت و موبایل تغییر اندازه بدن.
همونطور که گفتم الآن خیلی از سایت ها واکنش گرا شدند، ولی اگه بخوام براتون یه مثال عالی از سایت های واکنش گرا رو معرفی کنم، میتونید سایت BostonGlobe.com رو ببینید. توسعه دهنده این سایت آقای Ethan Marcotte، همون کسیه که برای اولین بار واژه responsive design یا طراحی واکنش گرا رو بکار برد.
طراحی های واکنش گرا، به جز عکس های با اندازه مشخص، از عکس های تطبیقی هم استفاده می کنن. بنابراین هر وقت با موبایل سایتی رو باز کنید، عکس ها کوچیکتر دیده میشن و اگه همون سایت رو با مرورگر کامپیوتر باز کنید، عکس هارو بزرگتر میبینید. اینطوری عکس ها فضای صفحه نمایش بزرگ کامپیوتر رو بهتر می تونن پر کنن.
مزایای تغییر سایت به یک سایت واکنش گرا
چون معمولا عناصر تجملاتی کنار طراحی های واکنش گرا قرار میگیرن، اسم این طراحی ها خیلی ها رو میترسونه و فکر می کنن فقط بهترین و گرون ترین سایت ها از پس هزینه های اجرای این طراحی برمیان. درسته که طراحی واکنش گرا کار آسونی نیست، اما با این وجود میبینید که بیشتر شرکت ها هم طراحی سایت هاشون واکنش گراست. به علاوه کل دنیای وب داره به سمت استفاده از طراحی های واکنش گرا پیش میره، پس شما هم نباید از دنیا عقب بمونید. چون قطعا برای مشتری هاتون هم مهمه.
معمولا قیمت طراحی برای شرکت هایی که بودجه محدودی برای بازاریابی دارن خیلی اهمیت داره. اما اگه میخواهید مشتری هاتون خاطره خوبی از سایت تو ذهنشون بمونه و راحت بتونن باهاش کار کنن (به عبارت دیگه سایتتون تجربه کاربری خوبی داشته باشه)، باید حداقل هر دو تا نسخه موبایل و دسکتاپ رو توسعه بدید. که اینطوری اگه حساب کنید، طراحی واکنش گرا براتون مقرون به صرفه تر درمیاد.
اگه الان دارید به این فکر می کنید که رقیب هاتون طراحی واکنش گرا ندارن و بنابراین شما هم لازم نیست برای طراحی واکنش گرا پول خرج کنید، شک نکنید که در اشتباهید. چه فرصتی از این بهتر که بنیان گذار این طرح جدید بشید و خودتون هدایت بقیه رو به عهده بگیرید تا اینکه فقط پیرو و دنباله روی رقبا باشید.
بازطراحی موفق سایت: قبل از شروع حتما این مقاله را بخوانید!
تو این دوره و زمونه که استفاده از نت انقدر همه گیر شده، اگه میخواهید کسب و کارتون از دنیا عقب نمونه باید تو دنیای نت حضور داشته باشه. برای همین حتما باید یه سایت برای کارتون درست کنید تا اونایی که دنبال خدمات یا محصولاتتون میگردن، پیداتون کنن و دربارتون اطلاعات به دست بیارن و در نهایت ازتون خرید کنن. اینطوری میتونید فروشتونو به حداکثر برسونید.
با این وجود، قبل از اینکه بخواهید تو طراحی سایتتون تغییراتی اعمال کنید، باید این موارد رو در نظر بگیرید تا بازطراحی موفقیت آمیزی داشته باشید:
ببینید، طراحی سایت با توسعه سایت فرق داره. طراحی سایت به ظاهر سایت مربوط میشه، یعنی کارهایی که سایتتونو زیباتر و شکیل تر میکنه ولی توسعه سایت به عملکرد سایت ربط داره و کمک می کنه سایتتون کارهایی که میخواهید انجام بده رو درست اجرا کنه. اگه تفاوت بین این دو رو ندونید و ندونید چطوری این دو تا کنار هم میتونن یه سایت کامل بسازن، ممکنه سایتی که میسازید مشکل داشته باشه.
باید اول مشکلات سایت کنونی رو بدونید تا بتونید رفعشون کنید و توی بازطراحی دوباره همون مشکلات رو تکرار نکنید. اینطوری سایت تازه، قوی تر و بهتر از قبلی میشه. مشکلاتی که باید بررسی کنید شامل نقاط ضعف در جمع آوری اطلاعات کاربران، صفحات با ترافیک کم، درخواست اقدام ندادن به کاربر و از دست دادن موقعیت جذب مخاطب. میتونید این کارو با گوگل آنالتیک انجام بدید. پس اگه گوگل آنالتیک ندارید همین الآن رو سایتتون نصب کنید.
اگه دقت کنید متوجه میشید که بیشتر وقت ها چیزهای ارزون در نهایت گرون تموم میشن. مثلا شاید برای اینکه میخواهید کمتر خرج کنید، سایتی بسازید که ابزار بعضی از کارهایی که دوست داشتید انجام بدید رو نداشته باشه و در نتیجه کسب و کارتون نتونه خوب رشد کنه. سایت های رایگان یا ارزون هیچ وقت ظاهر حرفه ای ندارن مگر اینکه خودتون یه متخصص داشته باشید که تغییراتی که لازم دارید تو کدها و قالب سایت اعمال کنه. بهر حال اگه رو ظاهر آنلاین شرکتتون، که همون سایتتون باشه، سرمایه گذاری کنید بهتر نتیجه میگیرید و فرصت های بهتری نصیبتون میشه.
شرکت یا فردی که قراره طراحی سایتتونو انجام بده باید اونقدر حرفه ای باشه که بتونه یه سایت خوب براتون بسازه. طرف اونایی که خیلی مشتری دارن و سرشون شلوغه هم نرید، چون ممکنه نتونن به اندازه کافی براتون وقت بذارن. شرکتی رو انتخاب کنید که مطمئن باشید میتونید منظم باهاشون در تماس باشید و همیشه تو لیست کارهاشون هستید تا اگه یه وقت بابت مشکلی تو سایتتون نگران شدید بتونن براتون حلش کنن.
وقتی با متخصصان طراحی و توسعه سایتتون تماس میگیرد، حتما زمان تحویل و هزینه های مورد انتظارتون رو روشن کنید.
از اطلاعات سایت های رقیب هاتون استفاده کنید تا برای بازاریابی سایت خودتون ایده بگیرید. میتونید با ابزار Moz.com و Compete.com اطلاعات سایت رقباتونو دربیارید.
شاید شما بیشتر وقتا روی ظاهر سایتتون بیشتر کار کنید و بیشتر هم و غمتونو بذارید رو اینکه سایت زیبایی داشته باشید، طوری که از محتوا بازبمونید و نتونید رو تولید محتوای خوب وقت بذارید. ظاهر خیلی تأثیری روی کسب و کارتون نداره. پس نباید محتوا رو فدای ویدئوها و تصاویر متحرک پر زرق و برق کنید.
باید روی بخش های استراتژیک صفحاتتون ابزاری نصب کنید که اطلاعات تماس کاربرها رو بگیرن تا بتونید باهاشون در ارتباط باشید. مثلا یه ابزار عضویت خبرنامه بذارید تا کاربرها ایمیلشونو توش وارد کنن. ابزار MailChimp و Contant Contact ابزار خوبین.
اگه سایتتون تو موتورهای جستجو رتبه خوبی نداشته باشه، موتورهای جستجو زیاد تو صفحه نتایجشون نمیارنش و مشتری هم طبیعتا شانس زیادی نداره که سایتتونو ببینه و واردش بشه. پس باید سایتتونو از نظر سئو بهینه کنید. برای اینکه سئو و رتبه سایتتونو چک کنید میتونید از ابزار سئو استفاده کنید.
اگه نرخ تبدیل بازدید کننده به مشتری تو سایتتون پایینه، نشونه اینه که سایت ضعیفی دارید. اینم دلایل متعددی میتونه داشته باشه، از محتوای ضعیف گرفته تا مشکلات سختاری که کاربر رو ترغیب نمی کنه تو سایت بگرده و صفحات دیگه رو ببینه یا اطلاعاتشو وارد کنه.
همیشه باید مطالب تازه و جدید داشته باشید. اینجوری مجبورید همیشه درباره چیزهای بروز و رایج اطلاعات کسب کنید تا بتونید بازدید کننده ها رو با خودتون همراه و درگیر کنید. اگه کاربرها بدونن شما همیشه از تازه ترین و جدیدترین مطالب حرف میزنید هر از گاهی به سایتتون سر میزنن تا مطالب جدیدتونو بخونن.
روز به روز مردم بیشتر به دستگاه های جیبی دسترسی پیدا می کنن. برای همین باید سایتتون علاوه بر کامپیوترهای معمول برای مشاهده از دستگاه های مختلف مثل تلفن های هوشمند، آیپد و انوع و اقسام دستگاه های دیگه هم بهینه شده باشه.
اگه میخواهید بدونید چرا آیکون ها همیشه بهترین راه حل ممکن نیستن این مقاله رو بخونید، بعلاوه اینکه تو این مقاله چند تا راهکار برای حل مشکلاتتون داده میشه.
تو پیام های دریافتی ایمیلتون، یا توی فیسبوک، یا هر گوشه ای از دنیای وب که سرک بکشید، میتونید آیکون ها رو ببینید که گاهی در کنار متن و گاهی هم به جای متن میان.
اما اگه یادتون باشه در اصل آیکون خیلی قبل از ظهور وب و طراحی تجربه کاربری استفاده میشد. و چه توی وب و چه قبل از اون، هدف از استفاده از آیکون همیشه این بوده که پیامو با زبان تصاویری که برای همه قابل فهمه برسونیم.
برای اینکه به این هدف برسیم، دو تا چیز لازمه:
وقتی آیکون هر دو تای این ویژگی ها رو داشته باشه، میشه بگیم که آیکون قوی ای محسوب میشه. مثلا نمادهای مذاهب بزرگ جهان رو ببینید. اگه تو یه سمیناری شرکت کرده باشید، اگه هر کدوم از نمادهای صلیب، ستاره شش پر یا هلال ماه رو ببینید سریع میتونید متوجه بشید که نماد کدوم مذهبه. شاید به نظرتون این مثال بی ارتباط بیاد، چون که ما فقط در مورد کامپیوتر از کلمه آیکون استفاده می کنیم، اما در زبان انگلیسی یعنی نماد، و در واقعیت هم آیکون و نماد هر دو تصویری هستن که معنی خاصی دارن. پس می بینید که مثال بی ربطی هم نزدم.
اما تو دنیای دیجیتال، آیکون ها با یه سری مسائل چالشی مهم روبرو هستن. یکیش اینکه ممکنه دائمی استفاده نشن.
پس اجازه بدید یه نگاه دقیق تر به این مسئله بندازیم و ببینیم چطوری میشه تو این حوزه کار کرد.
درک جهانی و عدم درک در جهان
یکی از مشکلات، وسعت استفاده از یه آیکونه. شاید لازم باشه به نوعی استانداردسازی بشه مثلا از طرف یه مقام دولتی استفاده از یه آیکون اجباری بشه.
مسئله اینه که مردم همیشه یه برداشت مشترک از آیکون ها ندارن. تفاوت های فرهنگی و حتی شخصی رو برداشت ما از معنی یه آیکون اثر میذارن و بعضی وقتا این برداشت های متفاوت مشکل ساز میشه.
اگه یه آیکونی برای مردم تازگی داشته باشه، بر اساس تجربه های قبلیشون و نشونه های موضوعی که آیکون توش استفاده شده، تفسیرش می کنن.
این هم میتونه به نفع طراح آیکون باشه هم به ضرر.
مثلا علائم راهنمایی و رانندگی معمولا برای هر منطقه جغرافیایی خاص خودشه و بیشتر راننده هایی که تو کشور رانندگی می کنن هم از مردم همون کشورن، اگر هم مسافر یا مهاجر باشن، حتما با مطالعه قبلی وارد اون کشور شدن. پس باید علائم راهنمایی و رانندگی هر کشوری همتراز با استانداردهایی باشه که تو خود کشور معمولا بکار میره.
از طرف دیگه، اگه بخواهیم برای یه کشور کوچیک مثلا تو وسط اروپا علائم راهنمایی و رانندگی طراحی کنیم، حتما بزرگراه های بین المللی از این کشور رد میشن، پس باید استانداردها و زبان راننده هایی که ممکنه از کشورهای اطراف از اون منطقه رد بشن هم مد نظر قرار بدیم. بنابراین باید فرهنگ و زبان کشورهای بیشتری رو بررسی کنیم.
محدودیت های فرهنگی
اگه نمادی رو برای کل جهان طراحی می کنید، بد نیست به این نکته هم توجه داشته باشید که ممکنه همون مشکلی که برای ترجمه زبان های مختلف پیش میاد برای ترجمه نمادها هم پیش بیاد. یه آیکون میتونه برای فرهنگ های مختلف معانی متفاوتی داشته باشه و همون حس گیج کنندگی و سردرگمی رو داشته باشه که همیشه میگیم برای کاربرپسند بودن سایتون، تو طراحی تجربه کاربری و رابط کاربری باید ازش دوری کنید.
مثلا آیکون چشم رو در نظر بگیرید. آیکون چشم معمولا تو رابط های کاربری به معنی "مشاهده" استفاده میشه. اگه کسی پیشینه ای درباره نماد چشم نداشته باشه، قطعا با دیدن چشم، همین مشاهده رو برداشت می کنه. اما تو بعضی مناطق، چشم معانی بدی داره، مثلا چشم شیطان، چشم حسود و چشم زدن.
بکارگیری
آیکون هم مثل بقیه راههای ارتباطی، تو یک حالت دائمی تغییر معنا قرار داره و از این نظر دینامیکه، یعنی با نحوه استفاده ما تحث تأثیر قرار میگیره.
باید همینطور که یه آیکون، معانی جدیدی به خودش میگیره، ورژن های قبلیش کاملا از اذهان پاک بشه تا یه زبون تصویری استاندارد بتونه بوجود بیاد.
تو سایتتون اگه دیدید که کاربرها با کاربرد یه آیکون خوب آشنا شدن و ازش استفاده می کنن، پس یعنی اون آیکون راه ارتباطی خوبیه. خب همچنان ازش استفاده کنید. اگه یه دفعه معنی یه نمادی رو تغییر بدید، تجربه کاربری سایتتون افت می کنه و حس خوب کاربرها رو نسبت به سایتتون از بین میبرید.
ابهام پیام و اینکه چرا هنوز هم کلمات اهمیت دارند
از کلمات استفاده کنید
معمولا همه تصویرو سریع تر از متن تو ذهنشون پردازش می کنن، به خصوص وقتی معنی تصویرو بدونن.
ولی با این وجود نمیشه فقط از نماد استفاده کرد. خیلی وقت ها شاید بهتر باشه با یه توضیح مختصر با کلمات، پیام آیکون رو شفاف کنید و خیال مخاطبینتونو از بابت کلیک کردن رو آیکون راحت کنید. اینجوری اعتماد به نفس کاربر هم میره بالا و در نتیجه نسبت به سایتتون حس خوبی میگیره.
پس هر چند که آیکون ها سریعتر تو مغز پردازش میشن، اما کلمه ها قابل اعتماد ترن و اگه آیکون در کنار کلمه استفاده بشه تکمیله.
طراح های رابط کاربری هر روز بیشتر از قبل به سمت استفاده همزمان آیکون و کلمه رو میارن. درسته که یه چیزایی رو از دست میدید، ولی چیزای مهمتری اینجوری به دست میارید. آیکون های همبرگری که بخاطر نامفهوم بودنشون معروف شده بودن، الآن زیرشون یه کلمه "فهرست" مینوسن و مشکل حل شد. الآن دوباره افتادن رو دور.
از مدها دوری کنید
از اسمش مشخصه، مد، یعنی فقط تو همین دوره مد شده و قرار نیست دائمی باشه. اگه بخواهید برای بخش های دوره ای و کوتاه مدت سایتتون ازش استفاده کنید اتفاقا خیلی جالب میشه، اما برای برنامه هایی که قراره عمر طولانی داشته باشن بهتره به همون تصاویر کلاسیک بچسبید.
برای مثال خدمتتون یه مثالی رو میگم که تو یه سایت خارجی در مورد کاربرد آیکون های توخالی، تو یه موبایل دیدم. نوشته بود "در کل برنامه خیلی خوب بود، اما تو بعضی از طراحی ها از همون طرحی استفاده شده بود که سابقا iOS7 بکار برده بود. اون طراحی ها مناسب همون پلتفرم بودند".
همینطور که میبینید، برخلاف اینکه آیکون های تو خالی که فقط یه خط باریک داشتن، اونموقع مد بودن، اما در مقایسه با آیکون های تو پر انتخاب اشتباهی بود. طراح نباید کاربرد رو فدای ظاهر کنه و کاربر رو سردرگم کنه.
اگه آیکون هاتون فقط مخصوص همون یک موقعیت خاصی که ازشون استفاده کردید هستن، به نظرم بهتره یکم دیگه وقت بذارید و یه آیکون دیگه طراحی کنید.
چیزای قدیمی همیشه کلاسیک می مونن، چون بطور دائم دارن استفاده میشن. و بخاطر همین استفاده دائم، همه باهاشون آشنایی دارن. پس دقیقا همونیه که ما میخواهیم. همه ازش یک معنی مشترک برداشت می کنن، چون ازش پیشینه مشترکی تو ذهنشون دارن.
آیکون هایی که فقط یه مدت مد میشن، قابل درک نیستن و قابل درک بودن مهمترین عنصریه که کاربر از نماد های سایت توقع داره.
عدم نیاز به توضیح
از هر 10 آیکونی که نیاز به توضیح دارن، 9 موردشون با شکست روبرو میشن. آشنا بودن یه آیکون برمیگرده به تکرار مشاهدش و اگه یه آیکون خیلی اختصاصی باشه ممکنه باعث سردرگمی یا تجربه کاربری بد بشه.
اگه بخواهید معنی یه آیکون رو با یه چیز دیگه توضیح بدید، ارزششو کم کردید.
مثل وقتی که بخواهید کنار نماد ذره بین بنویسید "جستجو" تا نشون بدید، اینجا ذره بین نماد بزرگنمایی نیست. اینجوری مخاطب اول آیکون رو میبینه و متوجه میشه یه ابزار جستجو اینجاست، و بعد دوباره میبینه نوشته "جستجو"!
تو این صفحه میتونید یه نمونه طراحی نوار جستجو بازشدنی ببینید که علامت یه ذره بین هم کنارش گذاشته. میبینید که نوار جستجو تو اینجا که بکار رفته مشخصه برای جستجو کاربرد داره و علامت ذره بین معنیش رو تأکید کرده.
راه های بهتر شدن
آیکون ها رو حساب شده و به تعداد کم بکار ببرید
درسته که آیکون ها خیلی به درد بخورن ولی قرار نیست که همیشه همینطور دم دستی هر جا شد یکی بذاریم.
به جاش، اگه هوشمندانه و فقط برای کمک به طراحیتون ازش استفاده کنید، پیام آیکون هاتون هم بهتر دیده میشه و کاربر بهتر با سایت درگیر میشه. سایت های معروف و حرفه ای الآن همینکارو می کنن. به جای فهرست های همبرگری، جهت یاب های سطح بالا میذارن و یه آیکون سلسله مراتبی بکار میبرن. قالب های جدید هم، محبوب ترین صفحات سایت رو با آیکون نشون میدن که بخاطر استفاده زیادشون، تقریبا همه با شکل آیکونش آشنا هستن و دیگه برای اینکه قسمت های مختلف سایت رو نشون کاربر بدیم وابسته به آیکون های مبهم فهرست نیستیم و راههای مختلفی پیش رومونه.
فیسبوک هم وقتی سه سال پیش قالب فهرست هاشو بازطراحی کرد، جهت یابشو به "تب بار" تغییر داد تا بهتر نحوه کاربرد مردم رو بازتاب بده.
رسوم رو در نظر بگیرید
محتاط باشید و حواستون باشه از آیکون های ناآشنا استفاده نکنید. اگر میخواهید یه تصویر معمول و مورد قبول اکثریت رو به چیز خاصی اختصاص بدید باید هدفمند باشه، مثلا برای اینکه تو طراحیتون از یه مفهوم یا کاربرد غیرعادی بهره ببرید.
درک معنی آیکون هایی که از قواعد و رسوم گرفته شدن، برای بیشتر مردم راحتتره و اینطوری با اعتماد به نفس بیشتری از آیکون های سایتتون استفاده می کنن.
یه زمینه معنی دار طراحی کنید
آیکون های هم مثل زبان، معنیشونو از زمینه و شرایطی که توش بکار میرن میگیرن. پس با یه طراحی خوب که زمینه ی مناسبی رو آیکون هاتون بوجود میاره، معنی آیکون هاتونو تقویت کنید و کاری کنید تو زمینه سایت بدرخشن.
مثلا یه فلش تو گوشه سمت چپ یه کتاب دیجیتال میتونه هر معنی ای داشته باشه، اما با توجه به مکان قرارگیریش، اکثرا فکرشون به این سمت میره که احیانا با کلیک روش میریم صفحه بعد.
البته اینم در نظر بگیرید که این مثالی که زدم هیچ خطری نداره و کاربر اگه معنیشو متوجه نشه میتونه خیلی راحت امتحانش کنه. اما تو کارهای حساس تر، مثل ارسال یه مطلب جدید تو صفحات اجتماعی یا ارسال ایمیل، جای خوبی برای امتحان کردن چیزهای تازه نیست.
آیکون مسئولانه
درباره آیکون های سایتتون دقیق و هدفمند باشید و اگه به نظرتون نیاز هست، با نوشتن چند کلمه توضیح بدید، و از آیکون هایی استفاده کنید که تا حد امکان مشمولیت داشته باشن. در کنار همه اینها، از یه زمینه هماهنگ با آیکون ها استفاده کنید که معنیشونو تقویت کنید.
یادتون باشه که آیکونی خوب و مناسب محسوب میشه که اکثریت مردم متوجه منظورش بشن و پیامش ملموس و همیشگی باشه. اگه این نکته رو همیشه رعایت کنید، محاله اشتباه کنید.
نقش وبسایت بر فعالیت های بازاریابی شرکت ها
معمولا وقتی حرف از بازاریابی میشه، نقش مهم و خاص یه طراحی خوب سایت ندید گرفته میشه. در عوض بیشتر توجه ها میره به سمت برندسازی آفلاین مثل طراحی های چاپی، تبلیغات رادیویی و تلویزیونی و بیلبورد.
البته اشتباه برداشت نکنید، منظورم این نیست که نیازی به راهکارهای بازاریابی آفلاین نیست. البته که اوناهم ضرورین. اما با بازاریابی با یه سایت حرفه ای میتونید سودهای کلانی به دست بیارید.
همین تازگی ها یه مقاله نوشتم درباره اینکه طراحی یه سایت زیبا چطوری رو سودتون اثر میذاره. الآن میخوام درباره اهمیت سایت و اینکه چرا میگم کسی که به خودش زحمت توجه به سایت رو نمیده خیلی چیزها رو از دست داده، صحبت کنم.
اهمیت طراحی خوب سایت
منظور از طراحی خوب، فقط این نیست که سایت ظاهر خوب و بروزی داشته باشه، بلکه یه سایت خوش ساخت که به نظر سریع و هوشمند باشه، کاربرهارو با خودش درگیر کنه و معتبر و موثق باشه. همچین سایتی در عین حال باید با طراحی واکنش گرا و سازگار با همه دستگاه ها، همیشه قابل دسترس باشه.
سایت های قدیمی حس بدی به آدم القا می کنن، مثلا حس ناشی بودن. کاربر تو اینجور سایت ها یاد اوایل کار فیسبوک و گوگل و یاهو میفته. طبق آخرین بررسی ها، طراحی های بد ترافیک سایتو به شدت میارن پایین و در نتیجه نرخ تبدیل و میزان فروش هم افت می کنه.
اما اینم بگم که با وصله پینه کردن طراحی سایتتون مشکل حل نمیشه. البته انتظار اینم دارم که با همین گفتن ساده باورد نکنید که واقعا طراحی راه حل کلیدی بهبود و افزایش قابلیت های تجاریه برندتونه.
تحقیقات نشون میده که بهبود رابط کاربری قطعا نرخ تبدیل سایت رو افزایش میده. نرخ تبدیل هم برای مشتریای پر و پا قرصتون که مرتب به سایت سر میزنن مهمه، علاوه بر اون میتونید با جواب دادن تو بخش پشتیبانی به سوالای مشتری ها، رضایتشونو به دست بیارید و سر زبون ها بیفتید که اینم خودش یکی از راههای بازاریابیه.
بعضی وقتها هم از بعضی جهات ممکنه طراحی سایت به نظر مصنوعی بیاد. اما فقط به این فکر کنید که با یه طراحی خوش ساخت چقدر میتونید آدمای مورد نظر رو متوجه سایتتون کنید و جذبشون کنید تا یه روزی انشالله تبدیل به مشتری بشن.
من خیلی ماجراهای متفاوتی دیدم که تو یکی از مقاله ها هم براتون تعریف کردم، درباره اینکه چقدر طراحی خوب به بازاریابی شرکت کمک کرده و منجر به فروش و ارتباط طولانی مدت با مشتری ها شده.
باید یه هشداری هم بهتون بدم. وقتی سایتتونو بازطراحی می کنید، اشتباهه که فقط یکی از روش های بازاریابی رو مد نظر قرار بدید. بهترین کار اینه که یه شمای کلی از همه انواع و راهکارهای مختلف بازاریابی تو ذهنتون داشته باشید و با این دید پروژه رو پیش ببرید.
مثلا بازطراحی سایت صرفا با این هدف که یه برند جدید معرفی کنید یا فقط بخاطر اینکه سایتتونو بهینه کنید کار اشتباهیه. تک بعدی نگاه نکنید و همه جوانب رو در نظر بگیرید.
ویژگی های یک طراحی خوب
برای اینکه منافعی که سایتتون از یه طراحی خوب میتونه کسب کنه رو به حداکثر برسونید، باید همه تلاشتونو بذارید رو طراحی یه سایت درجه یک. برای همین باید مخاطبتونو در نظر بگیرید و ببینید بیشترشون بصری هستن یا سمعی.
جدیدا آمارها نشون میده که اکثریت مردم، یعنی 65%، بصری هستن. پس باید وقتی دارید برای طراحی سایتتون برنامه ریزی می کنید، طراحتون اطلاعاتی که قراره تو سایت بذارید رو در نظر داشته باشه.
مخاطباتون متن کدوم قسمت از سایت رو میخونن؟ فقط پیام بالای صفحه رو میخونن یا کلمه به کلمه سایت رو میخونن؟ اینجوری میتونید برای جای عنوان های مطالب سایت تصمیم بگیرید. چون عنوان مهمترین قسمت نوشته است. اگه زیر هر عنوان اصلی، عنوان های فرعی هم بنویسید، خواننده میتونه با یه نگاه بفهمه موضوع جزئی تر بحث چیه.
حالا که میدونید اکثر مخاطبینتون بصرین، باید درباره نحوه طراحی ستون های کناری سایت هم فکر کنید. این ستون ها باید تکمیل کننده بدنه ی اصلی سایت باشن.
چون آدمای بصری و سمعی به شکل های متفاوت و تو بعضی موارد حتی متضاد با هم، دنیارو می بینن، باید توازن رو رعایت کنید. با یه راهکار و نقشه خوش ساخت، میتونید به طراحی مناسب داشته باشید.
باید نمای کلی سایتتون یه توازنی بین نحوه نمایش پیام ها و یکپارچگیشون داشته باشه تا طراحی سایت یه هویت منحصر به فرد و قابل تشخیص داشته باشه. اینجاست که باید خلاقانه و درست از تلفیق تصویر و نوشته استفاده کنید. به این کار تایپوگرافی میگن. یه تایپوگرافی خوب، پیام و تصویر مشخصی رو برجسته می کنه و احساس مخاطب رو برمی انگیزه و پیام های تجاری برند رو تشدید می کنه و در نتیجه، پیام شما همیشه تو ذهن مخاطبانتون میمونه.
تأثیر استفاده دائمی از تصویر رو روی تجربه کاربری سایتتون (حسی که از سایت به کاربر القا میشه) فراموش نکنید.
نقش طراحی سایت روی فعالیت های بازاریابی
اگه عمیق تر به این موضوع فکر کنید و موقع بازطراحی، اجزای مختلف فعالیت های بازاریابیتونو در نظر بگیرید، میتونید از همه جنبه های بازاریابیتون، بیشترین نتایج و اثرات رو بگیرید و در نتیجه تو طولانی مدت تجارت خوبی داشته باشید.
با یه طراحی خوب، میتونید توقع داشته باشید که با فعالیت بازاریابی برندتون به نتایج زیر برسید:
آخرین بخش و حیاتی ترین نقشی که طراحی سایت میتونه تو فعالیت های بازاریابیتون داشته باشه، چیزیه که تو ذهن مشتری هاتون میسازه: اعتماد.
بازاریابی برند، نقش بزرگی تو اعتماد مشتری ها به شما و سازمانتون داره. اما همیشه یادتون باشه که هیچوقت اعتماد یه شبه بوجود نمیاد.
این حقیقت که بازاریابی کاری می کنه تا مشتری هاتون باهاتون ارتباط برقرار کنن، بازاریابی رو به یکی از ملزومات کار تبدیل می کنه. بعد از اینکه نیازهای بازار کارتونو پیدا کردید، قدم بعدی رفع اون نیازها به بهترین راه ممکنه.
بدون یه طراحی خوب متقاعد کننده که کاربر رو درگیر خودش کنه، محاله بتونید با فعالیت های بازاریابیتون مشتری رو همراه خودتون کنید. با یه طراحی خوش ساخت و مدیریت مناسب می بینید که مشتری هاتون همینطور مرتبا برای خرید سایت مراجعه میکنن.
چرا هنوزم طراحی های سفارشی رو بورسن؟
اگه یادتون باشه قبلا گفتم که طراحی سایت مثل مد میمونه. چون همیشه در حال تغییر و شکوفاییه و از امیال مردم تبعیت می کنه. اما اینجا واقعیتی که هست اینه که بعضیا خوب میتونن خواسته ها و امیال دیگرانو تو سایت پیاده کنن اما بعضیا هم نمیتونن. شاید یکی خیلی به روز باشه، یوگا انجام بده، دمنوش های گیاهی بخوره، با لبخند و انرژی مثبت راه بره و خودشو با امواج کارمایی جهان هماهنگ کنه، و هر بار هم که از ریاضت های زاهدانش خارج میشه ابراز پشیمونی کنه. تو یه مورد دیگه، مثلا شاید بانکدار محلتون اگه هرچی زودتر موهاشو کوتاه نکنه، احتمالا خیلی از مشتری هاشو از دست بده. حالا اگه همینو بیاریم تو کسب و کار شما و نیازهای آنلاینش، شاید شما همینکه آخرید مد روز تو سایتتون پیاده بشه براتون کافی باشه، اما شاید بعدا برید طراحی های سفارشی هم ببینید و دلتون بخواد از اونا استفاده کنید.
مشکلات مدهای امروزه طراحی سایت
وقتی از قالب ها و مدهای طراحی پیروی می کنید، مهمترین چیزی که از دست میدید توانایی به یاد آوردنه. احتمالا اولین باری که قالب standard bootstrap layout رو دیدید، با خودتون گفتید چقد صاف و براق و منظمه. شاید دفعه دومی که دیدیدش، گفتید من اینو قبلا ندیدم؟! و نهایتا دفعه 15م یا 20مین باری که یه سایتو ببینید، حافظه تون جزئیات همه سایت هایی که قبلا دیدید رو با هم قاطی می کنه و یه تصویر مبهمی با آیکون های مینیمالیسیتی و الگوها یا تصاویر HD تو ذهنتون میاد.
مورد دیگه ای که باید مد نظر قرار بدید اینه که همه استعاره های مد، وقتی میان به عرصه طراحی سایت، به یه سطح مشخصی میشکنن. فقط در مورد ظاهر سایت اینو نمیگم، حتی درباره عملکرد و مشکلات فنی جدی ای که بعضی از مدها دارن. مثلا Carousels زیبا و شکیله، اما جای متن تو صفحاتش خیلی کمه و در نتیجه کلیدواژه های کمی توش جا میگیره و برای سئو کارو سخت می کنه. یا مثلا فهرست های همبرگری، برای صرفه جویی تو فضا، تو گوشی ها خیلی چیز خوبیه و کاربرپسند هم هست، اما از طرفی شاید تنبل ها نتونن پیداش کنن و نرخ خروج از سایت زیاد شه.
برتری های طراحی سفارشی سایت
دوباره بزرگترین مزیتش قابلیت به خاطر آوریه، اما این یکی یکم بیشتر از قبلیه. مردم واسه تفریح وبگردی می کنن. کسی هم که واسه تفریح کاریو انجام میده، زیاد نمیخواد تو مطالب دقیق شه و در نتیجه خاطره ای که از سایت تو ذهنش می مونه فعال نیست. اما قالب سایت اگه زیبا و شکیل باشه، خاطره خوبش تحریکتون می کنه که بازخورد مثبت نشون بدید. دوست دارید تو اون سایت بیشتر بمونید و چند جای دیگشم سر بزنید.
طراحی سفارشی سایتم اگه توسط متخصص حرفه ای انجام بشه، یه تجربه کاربری بی نظیر درست می کنه. به جز سئو و مسائل مرتبط با عملکرد سایت، چون کاربر تا حالا مشابه طراحی سفارشی سایت شمارو جایی ندیده به چشمش میاید و به جای اینکه به جهت یابتون زل بزنن یا سریع از سایت برن بیرون، یه خاطره خوب و بیاد موندنی تو ذهنشون ثبت میشه. همین چیزها باعث میشه دوباره به سایت برگردن و این کار تو تجارت به معنی وفاداری و نرخ تبدیله. و به عنوان نکته آخر، اگه بخواهید برای یه سایتی یه نشونه در نظر بگیرید، بدون شک، اینجا هم طراحی سفارشی بهتر عمل می کنه.
طراحی سایت چطور می تواند روی فروش اثرگذار باشد؟
طراحی وب بر عملکرد تأثیر میگذارد:
جواب سوالی که تو عنوان مطرح کردم خیلی سادست. اگه سایتتون برای نرخ تبدیل بهینه نشده باشه، طبیعیه که بازدیدکننده هاتون تبدیل به کاربرهای دائمی نمیشن، و کاربرهاتونم تبدیل به مشتری نمیشن. دیدید چه راحت رو درآمدتون اثر میذاره؟
بعضی وقتا نرخ تبدیل سایت به خاطر یه سری مسائل میاد پایین و بعضی ها برای حلش یه سری راه پیشنهاد میدن، مثل تخفیف دادن، کوپن دادن به مشتری ها، پیشنهادهای ویژه یا مثلا فروش های فوق العاده چند روزه. معمولا تجار با این روش ها یه جور بازاریابی و تبلیغ برای خودشون انجام میدن.
اما یکی از طراح های مشهور سایت، توی کارهاش متوجه شد قیمت کالا یا خدمات سایت ربطی به اینکه مشتری ها از سایت بدشون بیاد نداره و دلیل اینکه مردم از سایت میرن بیرون، معمولا اینه که از پیام هایی که برای محصولات نوشته شده خوششون نمیاد یا از تبلیغات زیاد سایت اذیتشون می کنه. یه سری چیزهایی که رو بازدیدکننده ها اثرمیذاره ایناست:
هرچند قصد شما فروش محصول یا ارائه خدماته، اما می بینید که اصلا هیچ کدوم از اینا کاری به تجارت و کسب و کارتون نداره، بلکه مربوط به نحوه طراحی سایتتون میشه.
پس اگه مشتری هاتون از ضعیفیه سایت و طراحی بدش شکایت میکنن و نرخ تبدیلتون پایین اومده، الآن مشکلتون کشف شد.
البته توقع نداشته باشید حالا دیگه یه شبه همه چیو راست و ریست کنید. فعلا برای شروع، سه تا از همین مواردی که نام بردم باز می کنم تا ببینیم چطوری میتونن رو نرخ تبدیل سایتتون اثر بذارن.
باید به کاربراتون نقشه راه بدید. اگه کاربر بیاد تو سایتتون، ولی هیچ راهنمایی پیدا نکنه و ندونه چطوری مطلبی که دنبالشه پیدا کنه، خب از سایتتون میره بیرون. اما برعکسش، اگه کاربرا بیان و زود و بدون اینکه بگردن بتونن اون کاری که بخاطرش اومدن تو سایتتونو انجام بدن، احتمالا بیشتر هم میمونن و یکم تو قسمت های دیگه میگردن.
اصلا این یه چیز مشخصیه. اما خب بعضی وقتا مدیرهای سایتا میخوان مطالب مختلف جورواجور تو سایتشون ارائه بدن، برای همین سایت شلوغ میشه و کاربرها توش گیج میشن.
برای اینکه این مشکل پیش نیاد و سایتتون همیشه تمیز و متمرکز باشه، مطالبتونو اولویت بندی کنید و به ترتیب اولویت پیش برید، هر بار فقط رو یه مورد تمرکز کنید و قبل از اینکه براش تصمیمی بگیرید با آنالیتیک بررسیش کنید تا علمی و حساب شده پیش رفته باشید.
اگه تو خیابونای شلوغ پلوغ تهران گم شده باشید، حتما فهمیدید چقد سخته تا آدم بفهمه کجاست و راهشو پیدا کنه. سایتم همینطوریه. اما اگه سایت جهت یاب داشته باشه خیلی راحت راهتونو پیدا می کنید و راحت می تونید هرجا که میخواهید برید.
حواستون باشه که جهت یاب سایت از همه صفحه ها و دستگاه ها (چه موبایل و چه دسکتاپ) قابل دسترس باشه.
خیلی وقتا آدما یادشون میره عملکرد سایتشون چقد میتونه رو برگشت سرمایه اثر بذاره. بذارید با عدد و رقم براتون روشنتر کنم. یه سایتی که روزی 3 میلیون تومن فروش داره، اگه فقط یک ثانیه بارگذاری صفحه هاش بیشتر طول بکشه، سالی 2 میلیارد تومن ضرر می کنه.
با بالا نگهداشتن عملکرد سایتتون هم به نوعی صرفه جویی کردید و هم خیالتون راحته که خاطره خوبی از سایت تو ذهن کاربرها می مونه. به جز بهینه سازی عقب-پایان، باید تعداد زرق و برق سایتم کمتر کنید، ویدئوها، عکس های بزرگ، عناصر متحرک و غیره تأثیر منفی رو عملکردتون دارن.
اگه این مشکلات براتون آشناست، میتونید برای بهینه کردن سایت با ما تماس بگیرید تا به کسب و کارتون رونق بدیم.
از میان مراحل طراحی سایت، مفرح ترین مرحله، مرحله ی پرزنت است، موقعی که طرح و شِمای کلی وب سایت تکمیل شود و شما خواستید نظر سفارش دهنده طراحی را در باره این طرح بدانید،شما در واقع وارد مرحله پرزنت (ارائه و تشریح و نمایش طرح و شِمای کلی وب سایت) شده اید و از این ببعد تا پایان پروژه نظرات سفارش دهنده را نیز در نظر خواهیم گرفت درنظر گرفتن نظرات ایشان طی خواهد شد. همیشه افکارتان را روی کاغذ پیاده کنید. این نکته شاید بدیهی به نظر برسد اما بارها دیده‌ام که طراحان از ابتدا به سراغ فتوشاپ میروند! طراحی یعنی حل مشکلات و این مشکلات را نمیتوان با سایه روشن حل کرد بلکه در این مرحله به یک لی اوت واضح و سلسله مراتب روشن نیاز دارید
در این مرحله، چارچوب اصلی طرح خود را بصورت طرح اولیه پیاده سازی کنید. وقتی از من خواسته میشود احساس و ظاهر یک پروژه را نشان دهم، فورا به سراغ ایجاد و تهیه طرح اولیه چارچوب اصلی کار می‌روم که می‌تواند تمامی مشکلات طراحی را حل کند. این چارچوب همان رابط کاربری است که انجام فعالیت‌های و مرور سایت را ممکن می‌کند.
نقل قول های طراحان قدیمی حکایت از این حکایت دارد که پرزنت و تشریح طرح، عبارتست از تهیه پرینت از طرح کلی سایت. اغلب با چاپ کردن، طرح ها بهتر بنظر می آیند(به خصوص اگر از کاغذ مات نیز استفاده شده باشد) علاوه براین چاپ کردن باعث میشود که مشتریان بصورت قابل فهم تر و زیباتری آن را ببینند و جهات مختلف کار را بررسی کنند. اما تهیه پرینت از طرح وب سایت در این مرحله از کار، اشتباهی بنیادی است باین دلیل که طرح کلی سایت در یک رسانه متفاوت دیگر نمایش داده میشود! همچنین در مقایسه بین این دو نوع نمایش، ارتباط بین نسبت و میزان رنگ ها روی کاغذ تأثیر متفاوت تری می گذارد. به تجربه ثابت شده که برخی از طرح ها، در نسخ قابل چاپ قدرتمندتر عمل می کنند و برخی دیگر بر روی صفحه نمایش، بطور کلی نحوه تصمیم گیری منجر به چگونگی عملکرد خواهد شد. علاوه بر مواردی که تاکنون مطرح کردیم، مورد دیگری که منجر به شکست شما خواهد شد را نیز در ذیل مطرح میکنیم: نمای همزمان باهم تمامی عناصر سایت، در قالب یک رکن جدید طراحی شما را بد نشان می دهداما اگر کلیه المان ها در یک صفحه (از مانیتور) باهم و بطور یک جا نمایش داده شوند (در اینجا، منظور از نمایش نشان داده شدن بروی صفحه نمایش است) (حتی اگر در واقع و بصورت عادی بطور همزمان باهم در یک صفحه نباشند)
بهترین راه حل اینست که پرزنت خود را روی مانیتور ارائه کنیمدر مرحله پرزنت و ارائه، یکی از راه ها اینست که از طراحی خود پرینت بگیریم افراد مختلف و گروه های سفارش دهنده، از این طریق آپشن های مختلف را به شکل زیبا و ملموس بررسی خواهند کرد استفاده از طرح چاپ شده در پرزنت ها از ، بمعنای اینست که شما طرح های موجود در صفحات نمایش را در یک رسانه دیگر نمایش میدهید؛ این کار پروژه شما را لکه دار خواهد کرد! نحوه نمایش اندازه، نسبت و رنگ بندی طراحی ها، در دو حالت چاپی و نمایش در مانیتورها، متفاوت خواهد بود؛ بعضی مواقع، طرح ها در حالت چاپی، بهتر به نظر می آیند و برخی دیگر هم در صفحات نمایش بهتر هستند! نحوه نمایش اندازه، نسبت و رنگ آمیزی در کاغذ با نمایش این موارد در صفحه نمایش متفاوت خواهد بود. به تجربه ثابت شده که برخی از طرح ها، در نسخ چاپی زیباتر و قدرتمندتر خواهند بود اما بعضی دیگر در صفحات نمایش عملکرد بهتری دارند. نحوه تصمیم گیری ها، جریان و روال کلی کار را تعیین خواهد کرد ارائه طرح بصورت یکجا و یکدفعه منجر به ایجاد نمای بد آن خواهد شد،این در شرایطی که آن ها بصورت همزمان باهم در صفحه نیستند نیز رخ خواهد داد
راهکار مناسب اینست که طراح خود را بروی مانیتور و بعنوان شمای کلی از نحوه نمایش سایت طراحی شده پرزنت کنید امروزه عموم اتاق های مدیریت، به پروژکتور یا تلویزیون های بزرگ برای ارائه، مجهز اند اما حقیقتا این امکان وجود دارد که رنگ های طرح، بشکل دیگری دیده شوند و این امکان نیز وجود دارد که جزئیات طراحی نیز بدرستی دیده نشوند، همچنین، میزان نسبت نوسازی این صفحات نمایشِ ( تعداد دفعاتی که یک صفحه نمایش، در هر ثانیه عناصر خود را نوسازی می کند) عریض عموماً به خلق نرخ نوسازی نهایی نامناسبی خواهد شد، بعبارت دیگر، تغییر سایز و بزرگ نمایی هر بیت از تصویر شما، در فن چاپ(تایپوگرافی) اگر باندازه سایز عناوین سایت باشد،
راهکار بهینه اینست که طراح خود را بروی مانیتور و بعنوان شمای کلی از نحوه نمایش سایت طراحی شده پرزنت کنید امروزه عموم اتاق های مدیریت، به پروژکتور یا تلویزیون های بزرگ برای ارائه، مجهز اند اما حقیقتا این امکان وجود دارد که رنگ های طرح، بشکل دیگری دیده شوند و این امکان نیز وجود دارد که جزئیات طراحی نیز بدرستی دیده نشوند، همچنین، میزان نسبت نوسازی این صفحات نمایشِ ( تعداد دفعاتی که یک صفحه نمایش، در هر ثانیه عناصر خود را نوسازی می کند) عریض عموماً به خلق نرخ نوسازی نهایی نامناسبی خواهد شد، بعبارت دیگر، تغییر سایز و بزرگ نمایی هر بیت از تصویر شما، در فن چاپ(تایپوگرافی) اگر باندازه سایز عناوین سایت باشد،
ابزارهای برگزار کننده کنفرانس های آنلاین مثل ... و ... و ... هم باندازه ابزار همگانی مثل Skype خوب بوده و به شما این امکان اشتراک گذاری صفحه نمایش تان را با افرادی که طرف معامله و مشتریان شما هستند، میدهد. اما بطور کلی در راهکار پرزنت آنلاین طراحی ها، مشکل اصلی اینجاست که، همیشه تعداد زیادی از کاربران بطور همزمان باهم و تحت یک محیط در حال انجام عملیات خود هستند و در این محیط امکان نصب نرم افزارهای اشتراک گذاری صفحه نمایش را نداریم، علاوه بر این، هیچگونه پلاگینی را روی بروزهای افراد نمیتوان نصب کرد. و مازاد بر این ها، مشکل دیگری که در اشتراک گذاری صفحات داریم اینست که صفحات، در قالب مانیتورهای بااندازه های مختلف نمایش داده میشوند که پاسخ این اقدامات، تجربه نه چندان موفق این راهکار است
اگر تنها یک نفر از تصمیم گیرندگان مشتری شما هستند، قرار گرفتن شما و این فرد در مقابل صفحه نمایش (در زمان پرزنت) امر مهمی است، اما به محضی که با یک گروه از افراد مواجه شوید این روند از هم می پاشد
در حالت ایده آل خواسته شما اینست که افراد تصمیم گیرنده، در قالب یک گروه دور یکدیگر و در مقابل مانیتور حاضر شوند اما حقیقتاً ایجاد چنین شرایطی در اتاق هیأت مدیره شرکت سفارش دهنده ممکن است کمی مشکل باشد. روش دیگری که میتوانیم برگزینیم، اینست که طرح افراد را مه از قبل انجام شده است را با برپا کردن ویدئو کنفرانس هایی که در آن تمامی افراد پشت سیستم های شخصی خود نشسته اند ارسال کنیم
در شرایطی که کلیه افراد به خودی خود میتوانند در طول صفحات اسکرول کنن، همچنین میتوانند به خواست خودشان، با گذر از برخی مراحل، به بررسی طراحی بپردازند خواست ما در بهترین شرایط عبارتست از: تشریح و پرزنت مطالب بر اساس تفکرات خودمان
شاید بهترین راهکار، ترکیبی باشد از تمامی مواردی که در این مقاله بررسی شد
نشان دادن طرح چاپ شده برای ایجاد وضوح در طراحی
مشاهده طراحی ها در لپ تاپ
استفاده از پروژکتور (حتی درصورت عدم نیاز به آن)
مشتاقیم بدانیم بقیه چه راهکاری را بکار میبرند؟ استفاده از راهکار ساره تهیه پرینت / استفاده از یکی از ابزارهای مختص ارائه آنلاین/ (درست مثل ما) استفاده از یک راه حل ترکیبی(از چندین راهکار)
تا حالا به این فکر کردید که کارهای خونه چطوری می تونه کمک کنه طراح بهتری باشید؟ چه طرفندهایی از کارهای فنی و تعمیرات منزلتون یاد گرفتید که میتونید توی طراحی کارتون هم ازش استفاده کنید؟ اجازه بدید یه نگاهی بندازیم.
قبل از شروع هر کاری باید ابزار کارتون رو آماده کنید (شما که بدون یه سطل رنگ نمی رید خونه رو رنگ بزنید، میرید؟) یه لیست از وسایلی که لازم دارید بنویسید و برای کارهاتون برنامه بریزید. اول همه چیو جمع کنید بعد کارتونو شروع کنید.
دقیقا مثل بازسازی خونه که همه چیو دم دستتون میذارید، وقتی میخواهید سایتتونو طراحی کنید باید اجزای کارتونو آماده کنید. مثلا لوگوها، عکس ها، رنگ و مدل پالت ها و خط مشی های محدوده کاریتون.
با یه سیستم بایگانی کاغذی و دیجیتالی کارتونو سازماندهی کنید. دو تا پوشه با اسم یکسان درست کنید، یکی توی سیستم کامپیوترتون برای بایگانی دیجیتالی و یکی هم کاغذی برای پرینت هاتون. (باید همه چیزو بایگانی کنید، از نمونه هایی که مشتری ها بهتون دادن تا یادداشت هایی که خودتون برای کارهاتون برداشتید.) اگه پوشه هاتون مرتب باشه مدیریت کارها و دسترسی بهشون راحتتر میشه. (درست مثل وقتی که بعد از نقاشی خونه، روی رنگ های باقی مانده اسم اتاقی که اون رنگی شده رو می نویسید تا بعدا دوباره استفاده کنید.)
اگه برنامه های تلویزیونی که بازسازی خونه رو یاد میدن دیده باشید، همه می خوان فضاهای کوچیک رو دلبازتر نشون بدن.
این نکته هارو از یکی از سایت های تعمیرات خونه گرفتم که نشون میدن چطوری فضای کوچیک رو بزرگ جلوه بدیم. ببینید چطور میشه تو طراحی سایت بکار گرفتشون:
چه مدل هایی برای اتاقتون در نظر دارید؟ از محل اتاق گرفته تا رنگ دیوارها و چیزهایی که می خواهید به دیوار آویزون می کنید یا پوششی که برای زمین انتخاب می کنید، توی همش یه نقطه کانونی و تکیه وجود داره.
همین کارو هم برای سایتتون انجام بدید. صفحه فرود باید یه قسمت اصلی داشته باشه. معمولا یه عکس بزرگ با نوشته های ساده یا یه ویدئو میذارن. اما می تونید بهش یه سری اجزای دیگه اضافه کنید تا طرحتون کامل بشه- مثلا کاربر رو تشویق به انجام کاری بکنید، دکمه های هدایتی و فهرست اضافه کنید.
حواستون باشه که این تکیه های اضافی نباید به جذابیت نقطه کانونی باشن. باید نقطه های تکیه متفاوتی داشته باشید که همشون توجه کاربر رو دوباره به نقطه کانونی و پیام اصلی جذب کنن. هرچیزی توی صفحه باید یک ایده رو تقویت کنه.
هیچ کس تا حالا نگفته طراحی کار آسونیه. چه طراحی خونه، چه طراحی سایت فرقی نمی کنه. (هر بار ما تصمیم گرفتیم یه بازسازی اساسی تو خونمون انجام بدیم من به جایی رسیدم که حتی می خواستم کلا خونه رو بفروشم و از شرش خلاص شم. و هر بار هم می خواستم یه سایتی با یه کیلو ریزه کاری طراحی کنم بازم یه حسی تو همین مایه ها بهم دست میداد)
خراب کاری هم یه قسمتی از کاره. شاید خرابکاری هاتون منجر به فوران خلاقیت بشه. پس با آغوش باز بپزیریدش. فقط اجازه ندید ناامیدتون کنه.
هر چند وقت یکبار مدل اتاقتونو تغییر میدید؟ ما معمولا خیلی نظرمون عوض می شه، از بالش های جدید گرفته تا مبلمان، رنگ دیوارها و اثاثیه ثابت. شاید بخاطر مدل هایی باشه که تو تلویزیون می بینیم، یا مدهای جدید یا حتی تغییر روحیه و تجربه های زندگی. بهرحال تغییر بوجود میاد و نمیشه ازش دوری کرد.
اگه نظرتون عوض شد الزاما به این معنی نیست که قبلا اشتباه کردیم، بلکه نشون دهنده تغییر اطلاعات شما به عنوان یه طراح هست. باهاش همگام بشید و برای اینکه یه ظاهر جدید به اتاق (یا سایتتون) بدید آماده بشید.
حالا توی طراحی سایت، تغییر ایجاد کردن می تونه آسون باشه میتونه پیچیده باشه. از تغییرات اساسی ساده شروع کنید و زندگی جدید رو بیارید به سایت های قدیمی. (مثلا الآن هدایتگرهای پاپ-آپ و انیمه های کوچیک مد شده) یه تغییر کوچیک مثل این احتیاجی به بازطراحی اساسی نداره، اما در عین حال حس تازگی به سایتتون میده.
شاید هم دلتون بخواد کلا تغییر ایجاد کنید و همه رو از اول شروع کنید.
تو هر کاری که انجام میدید دنبال نتیجه بگردید. از کارهایی که تو زندگی روزمره انجام میدید کمک بگیرید و کارهاتونو رو با کارتون تطبیق بدید. نذارید خلاقیتتون حیف بشه. هرچیزی می تونه براتون الهام بخش باشه.