طراحی وب

من به عنوان مشتری طراحی وب چه چیزهایی را باید بدانم؟

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

– تفاوت طراحی وب با توسعه وب
– استانداردهای وب
– الگوها و نمونه های طراحی وب
– طراحی صفحه اصلی و صفحات داخلی
– سرس PSD و یا سرس گرافیکی اثر
– کد خوانا، معنایی و قابل درک
– طراحی و استایل عناصر فرم
– قیمت و هزینه طراحی

تفاوت طراحی وب با توسعه وب

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

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

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

من به عنوان مشتری طراحی وب چه چیزهایی را باید بدانم؟ بیشتر بخوانید »

وب مدرن در تقابل وب ایرانی با معماری اوس اکبر!

معمولا روال بر اینه که وقتی یه کسی ابراز وجود  واظهار فضل میکنه ملت روش زوم میشن تا یه سر نخی، ترک دیواری، جوراب سوراخی یا خلاصه یه چیزی توی وجود این بشر پیدا کنن و بهش یادآوری کنن که هی مشتی، یادت نره خودتم بعلهhttp://bamauniverse.com/forums/images/smilies/laughing-smiley.gif. با این مقدمه خواستم برای شما از این بنویسم که معمارهای وب ایرانی ما یعنی همون اوس اکبرها که من هم ممدشون هستم در قیاس با اوستاهای ینگه دنیا و اون ور آب در چه وضعی قرار دارند. خب مسلمه که این قصه در یک مقال نمی گنجه و منم تاب شنیدن اینکه کله خودمم کچل هست ندارم. بنابراین از نگاه چند مودار با تجربه سعی می کنم چند جنبه قابل تامل از طراحی وب ایرانی رو که فکر می کنم نیاز به وام برای نوسازی داره به شما معرفی کنم.

تراکم نوشته ها در حد آش شله قلم کار

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

1
یک سایت بدون توجه به شیوه صحیح نگارش پاراگراف ها در متن خبر
2
تصویر یک سایت بدون توجه به شیوه صحیح نگارش پاراگراف ها در متن خبر

برای جلوگیری از چنین خطاهایی اوستاهای عزیز باید به چند نکته توجه داشته باشن:

– اول اینکه از ادیتور های مطرح دنیای وب همچون CKEditor و یا TinyMCE و … بهره بگیرن تا علائم نگارشی در کنار سایر موارد فنی به خوبی رعایت بشه.

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

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

وب مدرن در تقابل وب ایرانی با معماری اوس اکبر! بیشتر بخوانید »

نمونه فرم قرارداد برای توسعه دهندگان وب

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

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

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


این فرم قرارداد برای سهولت دوستان در فرم Word و PDF آماده شده و با حجم  536 کیلوبایت از لینک زیر قابل دریافت هست:

دانلود کنید

مطلب مرتبط:

این اون چیزی نیست که مد نظر ماست

نمونه فرم قرارداد برای توسعه دهندگان وب بیشتر بخوانید »

نتایج نظرسنجی فعالان شاغل در حوضه طراحی و توسعه وب

survey-logoدر سال 2008 سایت معتبر A List Apart همانند سال قبلش دست به برپایی نظرسنجی از فعالان شاغل در حوضه طراحی و توسعه وب در سراسر دنیا زد که برای مدت ها لوگوی این نظر سنجی نیز در ستون کناری وبلاگم در دسترس بود. اما امروز نتایج این نظرسنجی مفید و جالب توجه به تفصیل اعلام شده که می تونه به خوبی حقایق مربوط به این حوضه رو در سطح دنیا به خوبی به تصویر بکشه. وجه شاخص و جالب توجه دیگه این نظر سنجی حضور چشمگیر آزادکارها در اون و درصد قابل توجه جامعه آزادکار ها در سراسر دنیاست که می تونه دید خوبی به ما بده.

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

برای مشاهده نتایج این جا را کلیک کنید

نتایج نظرسنجی فعالان شاغل در حوضه طراحی و توسعه وب بیشتر بخوانید »