آموزش متدهای طراحی سایت

۵ مطلب در بهمن ۱۳۹۵ ثبت شده است

چند وقت یکبار میبایست سایت خود را بروز کنیم؟

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

  • فناوری ها فرق کردند؟

مرورگرها مرتب ارتقا پیدا می کنن. چون بالاخره باید بروز باشن تا بتونن امنیت کاربرهاشونو تأمین کنن، ویژگی های جدید و بروز به خودشون اضافه کنن و با تلفن های همراه جدید سازگار بمونن. کاربرهای موبایل روز بروز بیشتر میشن و مرورگرها باید یه سری تغییرات اعمال کنن. طبعا سایت شما هم باید خودشو با شرایط جدید تطبیق بده.
تا حالا به این فکر کردید که سایتتون در آینده چه شکلی میشه؟ با این فناوری های جدید، احتمالا تو 5-8 سال آینده میگیم دیگه همه سایت ها باید سه بعدی باشن.
تو سایتتون راحت میتونید با ابزارهای دیگه ارتباط برقرار کنید؟ همینطور که فناوری APII یا رابط کاربردی برنامه نویسی پیشرفت می کنه و بیشتر شرکت ها برای خودشون نرم افزار درست می کنن، احتمالا بعضی از این پیشرفت ها هم برای شرکت شما مفید واقع بشه و بتونید ازش برای رشد و توسعه شرکتتون استفاده کنید.

  • اهداف تجاریتون تغییر کرده؟

احتمالا خیلی از صاحبان صنایع تأیید می کنن که هرچی تو کارشون جلوتر میرن، اهداف تجاریشون هم تغییر می کنه یا بیشتر میشه یا اولویت هاش جابجا میشه. مثلا شاید بعدا متوجه بشید که بهتره از یه شرکت خدماتی به یه شرکت تولیدی تغییر کنید. 
 به تناسب این نوع تغییرات، سایتتون هم باید تغییر کنه.

  • خیلی وقته که بروزرسانی نشده؟

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

  • میتونید دیگه بروزرسانی نداشته باشید؟

مورد 4 منو میرسونه به مورد 5. معمولا علت اینکه تو سایتتون فهرست کارمندان و پروژه ها هنوز همون فهرست قدیمیه، اینه که ویرایشش برای گروهتون سخته. قبلا، اگه HTML یا CSS بلد نبودید نمیتونستید خودتون سایتتونو بروزرسانی کنید. اما امروز باید به طور منظم سایت بروزرسانی بشه. وقتی به طور مرتب مطالب جدید گذاشته بشه و گالری عکس ها بروزرسانی بشه، به گوگل نشون میدید که فعالید و میتونید منبع خوبی برای کاربرها باشید.

  • پلتفرم سایتتون از اسکریپت ها و رابط کاربری قدیمی استفاده می کنه؟

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

  • شرکتتون نام تجاریشو تغییر داده؟

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

  • رقیبتون سایتشو بازطراحی کرده؟

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

طراحی سایت و بازاریابی دیجیتالی

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

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

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

مناسب ترین ابزارهای طراحی سایت

  • Pixate

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

  • Affinity

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

  • Avocode

با آووکادو میشه خیلی راحت یه پل بین طراح ها و توسعه دهنده ها زد. می تونید طراحی هایی که تو فتوشاپ انجام دادید یا اسکچ هاتونو تو آووکادو باز کنید بدون اینکه عناصر و لایه هاش دست بخوره. پس اگه از اون دسته توسعه دهنده های front-end هستید که دنبال یه راه آسون میگردن تا کارشونو بریزن سر کدنویس های back-end، این برنامه به کارتون میاد. 
 طبیعت این برنامه طوریه که باهاش میتونید کارتونو یه جای مرکزی بذارید و همه با هم روش کار کنید و دیگه لازم نیست هر بار برای کارتون دنبال آخرین نسخه ای که همکاراتون اصلاحش کردن بگردید. این هم بگم که آووکادو هم تو ویندوز کار می کنه و هم تو لینوکس و iOS. 
این برنامه یه نسخه 144 روزه رایگان داره و بعد از اون باید برنامه رو بخرید.

  • Antetype

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

  • Sketch

اسکچ از ۷ سال پیش که ساخته شد تا الآن میلیون ها فالوئر گرفته. سرعت پیشرفتش واقعا تحسین برانگیزه. مثلا تو آخرین ورژن اسکچ یک سری ابزار جدید برای گرید یا شطرنجی کردن و یه سری نمادها یا سیمبل های جدید معرفی شده به اضافه اینکه سیستم بارگذاری کار (export) هم ارتقا یافته. 
اسکچ تو برنامش از منطق CSS استفاده کرده و برای همین هم خیلی راحتتر میتونید طراحی هایی که باهاش انجام دادید رو به CSSS منتقل کنید. یه ویژگی به درد بخور دیگش برش یا قطعه بندی خودکارشه که سرعت طراحی/توسعه رو خیلی بالا میبره، و دیگه لازم نیست دستی برش بدید طوری که با هر کلیک میتونید یه برش 0.5x, 1x, 2x و 3x با انواع و اقسام فرمت ها (PNG, JPG, TIFF) درست کنید.
این هم مثل برنامه قبلی بعد از 300 روز باید خریداری کنید.

  • Atomic

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

  • IXPin

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

  • Macaw

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

  • Marvel

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

  • Webflow

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

  • Frontify

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

  • Origami

اریگامی رو تیم فیسبوک ساختن و خودشون هم برای ساخت خیلی از محصولات شناخته شدشون مثل اینستگرام،  Rooms، Groups و Slingshot ازش استفاده کردن.
اریگامی رایگان ارائه شده، احتمالا فیسبوک میخواد ازش برای یه تجارت جدید استفاده کنه. اما متأسفانه در حال حاضر فقط برای iOSS قابل استفادست. ایده پشت اریگامی این بوده که بشه باهاش مدل ساخت و کدهاشو برای مهندس ها فرستاد.

  • PowerMockup

این ابزار یه add-on برای پاورپوینته که باهاش پاورپوینت به یه ابزار طراحی سایت تبدیل میشه و احتمالا برای ارائه سخنرانی و همکاری با مشتری هایی که زیاد فنی نیستن چیز مناسبی باشه.
بیشتر از 8000 رابط کاربری داره که هر کدومشون از از روی اشکال پاورپوینت ساخته شدن. میتونید خیلی راحت این عنصر ها رو فقط بکشید تو صفحه و رها کنید (درگ و دراپ). پاور ماکاپ به درد این میخوره که مدل هاتونو تو پلت فرم های رایجی که همه استفاده می کنن و بهشون اعتماد دارن، ارائد بدید. 
 این ابزار رایگان نیست اما میتونید برای امتحان یه مدتی ازش رایگان استفاده کنید.

  • Invision

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

طراحی سایت دوم چقدر میتواند موثر باشد؟

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

تو برنامه گرفتن بازخورد از مشتری باید این نکته ها رو مد نظر قرار بدیم:

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

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

نداشتن CSS تجملی در طراحی سایت

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

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

نداشتن CSS تجملی

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

فونت

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

توجه کمتر به اندازه ها

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

بازگشت به فناوری میراث

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

این ها برای طراح ها چه معنی ای میدن؟

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

  • CSS رو از سایتتون خارج کنید

بعضی سایت ها برای قسمت های افقی به شدت رو CSS تکیه دارن، ولی در مقابل تو بعضی سایت ها میشه همه طراحی ها جدا کرد و سایت بازم درست نمایش داده بشه. مثلا:
اگه سایتتون رو انیمیشن های پر زرق و برق، جاوااسکریپت یا CSSS تکیه داره و میخواهید از این مدل طراحی استفاده کنید باید دوباره سایتتونو از نو بسازید. من برای اینکه نمی تونم زمینه ای که به تصورم بخوره تو وردپرس پیدا کنم ازش استفاده نمی کنم. من اوایل سال 80 با ویرایش یه قالب قدیمی HTML/CSS رو یاد گرفتم و اینطوری اعتماد به نفسم برای ادامه کار بیشتر شد و دوباره شروع کردم CSS اشتباه خودمو از نو نوشتم و از یه سایت مدرن شسته رفته چیزهای جدید ساختم.

  • کمتر از زمینه های تک رنگ استفاده کنید

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

  • برای جای مطالب خلاقیت به خرج بدید

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

  • روش های قدیمی و اصولی رو دوباره یاد بگیرید

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

این طراحی کجاها خوب جواب میده و کجاها بدرد نمی خوره؟

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin