طراحي وب سايت

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

متن وب سايت

شما ممكن است فكر كنيد طراحي سايت مربوط به گرافيك، رنگ، پيكسل و غيره است، اما متن بخش مهمي از آن است كه هميشه ناديده گرفته مي شود. متن اكثريت سايت شما را تشكيل مي دهد، به همين دليل است كه بسيار مهم است كه در سايت شما به خوبي ارائه شود.

برخي از نمونه استفاده هاي نادرست از متن در وب سايت ها عبارتند از:

• متن كوچك كه خواندن آن دشوار است.
• فونت هاي نامعتبر (به عنوان مثال فونت هايي كه به نظر دست نوشته اند).
• متن هايي كه به نظر مي رسند با هم شلوغ شده اند.
• كنتراست رنگ، خواندن متن را دشوار مي كند.
• متن زير خط دار لينك نيست.
• متن رنگي كه لينك نيست.
• پاراگراف هاي برجسته.

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

ناوبري بد وب سايت

ناوبري يكي از چيز هايي است كه مي تواند در ذهن مخاطب يك ديد خوب يا بد نسبت به وب سايت شما ايجاد كند. هنگامي كه شما به دنبال چيزي در سايت باشيد و نتوانيد آن را پيدا كنيد بدون آن كه دليل آن را بدانيد. ناوبري بد وب سايت شامل موارد زير است:

• ناوبري ضعيف
• ناوبري ناشناس
• ناوبري پيچيده
• لينك هاي شكسته در ناوبري
• پيشمايش بي پايان
• ناوبري بدون نوار جستجو 

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

استفاده از طرح كلي بد براي وب سايت

برخي از ويژگي هاي طراحي وب سايت وجود دارند كه فرياد مي زنند تا ثابت شوند، اما به هر دليلي، برخي از صاحبان وب سايت ها تصميم به ناديده گرفتن آن ها دارند. اين نه تنها بازديد كنندگان بالقوه را به سايت شما كاهش مي دهد، بلكه مي تواند سبب محدود كردن تعداد افرادي شود كه قصد يافتن وب سايت شما را دارند.

بعضي از اين ويژگي هاي طراحي بد طراحي وب عبارتند از:

• وب سايت هايي كه در مرورگرهاي خاص كار نمي كنند (يا داراي مسائل عمده اي هستند).
• وب سايت هايي كه در دستگاه هاي تلفن همراه يا تبلت ها كار نمي كنند يا نادرست به نظر مي رسند.
• استفاده بيش از حد از فريم ها
• پيشمايش افقي سايت

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

پس زمينه وب سايت

درباره پس زمينه وب سايت ها نكات زيادي وجود دارند. برخي آن ها را دوست دارند و برخي ديگر از آن ها متنفر هستند. اما بدون شك روش هاي اشتباهي براي استفاده از آن ها وجود دارند كه عبارتند از:

• پس زمينه هاي شلوغ و منحرف كننده كه سبب از بين رفتن تمركز روي محتوا سايت مي شوند.
• پس زمينه هاي مورد استفاده در متن كه خواندن را سخت مي كنند.
• پس زمينه هايي كه موجب سرگيجه مي شوند و مايل به استفراغ هستند (مانند تصوير بالا).

پس زمينه هنگامي كه به درستي استفاده شود، مي تواند يك طراحي عالي براي يك سايت را در پي داشته باشد.

لينك هاي وب سايت

همانطور كه مي دانيد همه وب سايت ها داراي لينك هايي هستند. اما بعضي از صاحبان اين وب سايت ها تصميم مي گيرند كه مشاهده اين لينك ها براي بينندگان دشوار باشد. سعي كنيد از موارد زير جلوگيري كنيد:

• لينك هاي شكسته و خراب
• لينك هايي كه به دليل كنتراست كم رنگ مشاهده آن ها آسان نيست.
• پيوندهايي كه هم رنگ و شبيه همان متن شماست. (چطور مردم آنها را پيدا خواهند كرد؟)
• لينك هاي غير مرتبط

سعي كنيد با ساخت لينك هاي خود دسترسي مردم را به نقاط مختلف وب سايتتان بهبود بخشيد.

تصاوير

تصاوير، هنگامي كه به درستي استفاده نمي شوند، مي توانند مشكلات بيشتري را ايجاد كنند. بزرگترين عامل اين است كه افراد از تصاويري كه واقعا بزرگ هستند (از لحاظ ابعاد و اندازه فايل) استفاده مي كنند كه باعث مي شود بارگيري سايت شما بسيار كندتر شود. از جمله مواردي كه در هنگام استفاده از تصاوير بايستي از آن ها بپرهيزيد عبارتند از:

• تصاوير بزرگ كه بارگذاري آن ها طول مي كشد.
• تصاويري بزرگتر از صفحه نمايش كاربران.
• تصاوير بدون برچسب هاي Alt.
• تصاوير بند انگشتي بزرگ (از نظر اندازه فايل)

پس سعي كنيد از تصاوير بهينه استفاده كنيد. انجام كارها به صورت ساده و آسان مي تواند سرعت سايت شما را تا حد زيادي افزايش دهد.

وب سايت خالي از محتوا و بي فايده

در زير ليستي از مواردي را ذكر كرده ام كه استفاده بيش از حد آن ها وبسايت شما را بيشتر شبيه به يك وب سايت بي فايده و خالي از محتوا خواهد كرد:

• قرار دادن بيش از حد آگهي ها در وب سايت
• جوايز و دعوت نامه هاي زياد در وب سايت
• قراردادن نادرست آمار بازديد صفحات
• استفاده از هر چيزي كه چشمك مي زند
• استفاده از لينك هاي زياد در نوار كناري سايت
• ويديو يا صوتي خودكار كه هنگام باز كردن يك صفحه شروع مي شود.

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

طراحي بد

نظرات مختلفي درباره چگونه طراحي وب سايت هاي خوب و بد وجود دارند، اما مواردي موجود دارند كه همه در آن ها به توافق رسيده اند:

• نمايش نادرست سايت در موبايل
• استفاده بيش از حد از انيميشن هاي فلش
• پنجره هاي پاپ آپ
• موسيقي يا ويدئو كه به طور خودكار پخش مي شود.
• محتوا بيش از حد
• تايپوگرافي نامناسب
• بارگيري كند وب سايت
• وجود نرم افزارهاي تبليغاتي و يا نرم افزارهاي مخرب
• استفاده بيش از حد از بسياري از تبليغات
• كنتراست بصري ضعيف
• ناوبري ضعيف
• محتواي نامربوط 

طراحي خوب 

توصيف طراحي بد، قطعا اين پرسش را مطرح مي كند كه طراحي خوب چيست؟ 

يكي از طراحان بزرگ دوران مدرن، طراح صنعتي آلمان، ديتر رامز، ده اصل اساسي طراحي خوب را معرفي كرد. درست است كه رامز اشياي فيزيكي را به جاي وب سايت ها طراحي كرده است، اما اصول طراحي محور كار او محسوب مي شود، بنابراين مي توان گفت كه استدلال خوبي براي اعمال آنها به طراحي وب سايت همراه با مصنوعات ديگر وجود دارد. در زير ده اصل مربوط به رامز را ذكر كرده ايم:

نوآوري

نوآوري، از روش هاي خسته كننده جلوگيري مي كند و از فناوري هاي فعلي براي دستيابي به رابط كاربري و قابليت هاي نوآورانه استفاده مي كند.

سودمندي و قابليت استفاده

كاربر نبايد براي پيدا كردن چيزي كه به دنبال آن هست، دچار مشكل شود. محتواي مختصر، با كيفيت بالا و دقيق سبب مي شود كه كاربران و همچنين موتور هاي جستجو راحت تر بتوانند با وب سايت شما در ارتباط باشند.

زيبايي شناسي

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

درك آسان

سايت شما شامل توضيحات و عوامل بصري است. به اين نكته توجه داشته باشيد كه طراحي كاملا به اهداف وب سايت وابسته است.

محبوبيت

سعي كنيد فقط آن چيز هايي كه ضروري هستند در وب سايت خود قرار دهيد تا كاربر بتواند هر چيزي كه مورد نيازش هست را سريع تر پيدا كند.

صداقت

تمام گزينه هايي كه در وب سايت شما وجود دارد را در اختيار كاربران قرار دهيد. اين باعث مي شود زماني كه آن ها به اين موارد نياز دارند به وب سايت شما رجوع كنند.

طول عمر

يك وب سايت خوب، قابل استفاده در طول زمان است، نه از طريق باقي ماندن، بلكه با تكامل و ماندن در عصر فعلي. اين موضوع در مورد محتوا و طرح سايت نيز صادق است.

دقت

همه چيز هايي كه بايد وجود داشته باشند، هستند و چيز هاي اضافي نيز حذف شده اند.

محيط

يك وب سايت با كاهش داده هايي كه بارگيري مي شوند و بهينه سازي تصاوير مي تواند كارآمد تر باشد. دست است كه اين موضوع در طراحي وب سايت ها تاثير زيادي روي محيط ندارد، اما از اصول پيروي مي كند.

شما چه ويژگي هايي از يك طراحي وب سايت بد را داريد؟

 به منظور ايجاد يك سايت خوب شما بايد به عنوان يكي از خوانندگان خود فكر كنيد. آيا مي توانيد چيزها را به آساني پيدا كنيد؟ آيا همه چيز به خوبي كار مي كند؟ چگونه سايت خود را بارگذاري كنم؟ چه چيز توجه من را منحرف مي كند؟ به اين سوالات پاسخ دهيد و در مسير ايجاد يك وب سايت بسيار بهتر قدم برداريد. هميشه به ياد داشته باشيد كه طراحي وب يك فرآيند مداوم است. فناوري هميشه در حال تغيير است و كار شما اين است كه مطمئن شويد كه سايت شما هميشه به روز است و به درستي كار مي كند. 

شما فكر مي كنيد چه ويژگي هاي ديگري وجود دارد كه مي تواند طراحي وب سايت شما را بهبود بخشد؟ منتظر شنيدن نظرات و پيشنهادات شما هستيم.

طراحي وب سايت سوالات زيادي را ممكن است در ذهن شما ايجاد نمايد. شما ممكن است از خودتان بپرسيد چرا به دنبال به روز رساني وب سايت شركت خود هستيد؟ در حقيقت ، وب سايت فعلي شركت شما در مقايسه با رقبا قديمي است، اما آيا طراحي وب سايت معتبر و قانع كننده واقعا مهم است؟ قطعا ، شما در حال بررسي يك شركت طراحي سايت هستيد تا وب سايت كسب و كارتان توسط اين شركت طراحي و يا بروزرساني شود . اما آيا كاملا مطمئن نيستيد كه يك طراحي وب سايت جديد يا بروز رساني آن در كسب و كار شما چه تغييري ايجاد مي كند ؟ يا در واقع طراحي وب سايت چرا مهم است ؟ با ما همراه باشيد .

طراحي وب سايت چرا مهم است ؟

با وجود شك و ترديد شما، بسياري از مطالعات نشان مي دهد ، طراحي وب سايت خوب ، ترافيك مشتري بيشتري ايجاد خواهد كرد و يك رابط كاربري بهبود يافته ، بازديد را افزايش خواهد شد و كسب و كار جديد را با سرعت نمايان مي كند. اما چگونه ؟

طراحي وب سايت چگونه مي تواند در موفقيت كسب و كار شما تاثير بگذارد ؟ دلايل زيادي وجود دارد كه يك و بسايت طراحي شده مناسب ، مشتري ايده آل و گفتگو سريع با شركت طراحي سايت شما را جذب خواهد كرد يا خير . در زير پنج عنصر كليدي برجسته كه طراح وب بايد در هنگام طراحي يك وب سايت به آن توجه داشته باشد ؛ عنوان شده است .

طراحي وب سايت چرا مهم است ؟

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

احتمالا مهمترين قسمت وب سايت ، ناوبري است. ناوبري يك وب سايت مي تواند يك سايت را ايجاد و يا نابود كند، اين امر در حقيقت مخصوصا براي وبسايت هاي قوي با تعداد زيادي صفحات صدق مي كند . ناوبري وب سايت معمولا شامل يك نوار ناوبري يا ليستي از برچسب هايي است كه صفحات وب را متمايز مي كنند.ناوبري خوب بايد به پيدا كردن و درك آسان  وب سايت كمك كند. براي سريع و آسان گشتن در كل وبسايت ؛ طراحان وب ، هنگام طراحي ناوبري، گاهي اوقات با طرحها و قلمهاي فانتزي از هدف دور مي شوند. در اغلب موارد، ناوبري بيش از حد ساده شده، استفاده آسان را براي محدوده وسيعي از مشتريان به حداكثر مي رساند.يك نكته خوب اين است كه ناوبري وب سايت شركت شما بايد بسيار شهودي باشد در اين صورت حتي مادربزرگ شما نيز مي تواند آن را درك كند !!!

سازگاري نام تجاري

اگر شركت شما يك آرم داشته باشد و اين لوگو اغلب در مواد چاپي (يعني كارتهاي كسب و كار، جزوه ها، سربرگ ها و غيره) استفاده شود،  لوگو، رنگ لوگو يا برند، پيام هاي نام تجاري و تصاوير مورد استفاده براي چاپ بايد در طراحي وب سايت استفاده شوند .

براي مشتريان شما مهم است كه بتوانند برند شما را در تمام انواع ارتباطات تشخيص دهند بنابراين آنها موقعيت تجاري شما را مرتبط شناخته و به كسب و كارتان وفادار مي مانند . اغلب هنگامي كه ارتباطات بصري و نام تجاري تغيير مي كند، مي تواند موجب ناراحتي مشتريان شود، كه ارتباط منفي با شركت شما را سبب مي شود.

الگوهاي خواندن و سئو

اكثر مردم راحت خواندن يك صفحه وب را به همان شيوه اي كه كتاب را مي خوانند، از بالا به پايين، چپ به راست مي دانند . طراحان وب همچنين هنگام طراحي وب سايت، اين نكته را در نظر مي گيرند. بسياري از طراحان اطمينان مي دهند كه مهمترين اطلاعات در ستون سمت راست بالا قرار گيرد. اين كمك مي كند تا پيام به طور موثر تر براي بازديد كنندگان وب سايت كه مي توانند مشتري هاي فعلي يا بالقوه باشد ، به نمايش گذاشته شود.  اما آنچه بسياري از مردم نمي دانند اين است كه قرار دادن اطلاعات مهم در اين قسمت ها در يك وب سايت  به بهينه سازي موتورهاي جستجو (SEO) نيز كمك مي كند . هنگامي كه شما كلمات كليدي مرتبط با شركت را در متن مبتني بر HTML قرار مي دهيد، موتورهاي جستجو مانند Google و Bing مي توانند  به راحتي در وب سايت شما بخزند. اين كار سبب مي شود كارايي موتور هاي جستجو افزايش يابد و وب سايت و كسب و كار شما بهتر نمايش داده شود.

طراحي وب سايت چرا مهم است ؟

محتواي سايت

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

اعتماد

ايجاد اعتماد در ميان مشتريان بسيار مهم است، اما اتفاق نخواهد افتاد، مگر اينكه شما واقعا آنها را بشناسيد و بدانيد هدف شان چيست . تاكتيك هاي بازاريابي مي توانند به عنوان يك گفت و گو با مشتريان بالقوه عمل كنند كه اين امر مي تواند راهي عالي براي كشف نيازهاي مشتريان شما باشد. با تقويت گفتگو با مشتريان، شما مي توانيد آنچه را كه در طراحي خود با آنها سازگار است ، پياده سازي كنيد. در هنگام ايجاد وبسايت ؛ بازديدكنندگان بيشتر ، استقبال و اعنماد آنها ، سبب افزايش ترافيك وب سايت شما خواهد شد و بهبود كسب و كار از طريق طراحي وب سايت عملي خواهد شد .

اينترنت مي تواند يك مكان ترسناك براي افرادي باشد كه بيشتر به انجام كارها مشكوك هستند. اينترنت مي تواند صحنه هاي حيرت انگيزي از فيلم The Matrix، را براي آنها تداعي كند كه ممكن است براي صنايع خاص مناسب باشد. طراحي وب سايت يك راه عالي براي ايجاد يك محيط كاربر پسند است كه مردم براي راهنمايي مفيد و بهترين شيوه ها به آن مراجعه مي كنند . اگر يك وب سايت به درستي طراحي و مديريت شده باشد، مشتريان به طور مداوم به سايت شما باز مي گردند و با شركت شما كار مي كنند.

ترجمه از bopdesign.com

امروزه طراحي وب سايت ها پيچيده تر از گذشته شده است و معمولا طوري نيست كه شخص بتواند بدون داشتن مهارت كافي در زمينه طراحي سايت اين كار را انجام دهد. نكته اي كه بسيار اهميت دارد اين است كه مطمئن شويد وب سايت شما متناسب با اهداف تجاري و كسب و كار شما طراحي شده است و تجربه كاربري مناسبي را براي بازديدكنندگان ايجاد خواهد نمود. 

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

در ادامه مي خواهم نگاه دقيق تري به چگونگي ايجاد سبك طراحي سايت براي پروژه هاي شما داشته باشم.

راهنماي سبك چيست؟

راهنماي سبك مجموعه اي از عناصر طراحي شده، گرافيك و قوانين است كه طراحان و يا توسعه دهندگان بايد اطمينان حاصل كنند كه قطعات جداگانه وب سايت سازگار و يك تجربه ي منسجم در انتها ايجاد گرديده است.

اهميت ايجاد سبك طراحي در چيست؟

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

براي راحتي بيشتر كار برنامه نويسان، وظيفه طراحان اين است كه تمام حالت هاي احتمالي مانند كليك، بازديد و غيره را براي دكمه ها، عناوين، لينك ها و غيره در نظر بگيرند.

ايجاد سبك طراحي

بررسي نام برند تجاري

در ابتدا، شما بايد نام برند تجاري خود را بررسي كنيد تا بدانيد كه چه چيزي براي آن تعريف مي شود. مطلع شدن از داستان هاي پشت نام تجاري، مشاهده تيم، ماموريت و ارزش هاي شركت، مهم است. پس بايد به بررسي نام تجاري بپردازيد تا راهنماي سبكي كه توليد مي كنيد به خوبي نمايانگر برند تجاري شما باشد.

اگر شما يك طراحي هستيد كه از كدنويسي اطلاعاتي نداريد. به راحتي فتوشاپ خود را باز كرده و براي سند خود يك عنوان و يك توضيحات كوتاه از آن چه كه انجام داده ايد را ايجاد نماييد. اگر هم كدنويسي مي كنيد اين كار را با استفاده از html انجام دهيد.

تعريف تايپوگرافي

به گفته اوليور ريك اشتاينشتاين، تايپوگرافي 95 درصد از طراحي وب سايت است. 

شما بايد تايپوگرافي خوبي را ايجاد كنيد زيرا اين يكي از مهمترين ابزار هاي ارتباطي بين بازديدكنندگان و وب سايت شماست. در تعيين سلسله مراتب و شناسايي آن ها به مواردي مانند، انواع تگ هاي هدر: h1، h2، h3، h4، h5 و h6، تغييرات حرفه اي و كلاسيك براي سفارشي كردن طراحي لينك ها، متن شروع، ارائه خانواده فونت، وزن و رنگ و غيره فكر كنيد.

رنگ ها در طراحي

اين باور نكردني است كه چگونه انسان رنگ و رنگ هاي مرتبط با مارك هاي معروف را درك مي كند. مثلا كوكا كولا، مطمئن هستنم كه شما الان ببينيد قرمز است. 

رنگ هاي اوليه براي راهنماي سبك وب سايت خود را متناسب با قالب سايت تنظيم نماييد، رنگ هاي غالب بايد شامل بيش از سه سايه باشد. با اين حال، در برخي موارد، به منظور نشان دادن رابط كاربري نياز به رنگ هاي ثانويه و حتي گرم تري داريد، همچنين مطمئن شويد كه آنها را نيز تعريف مي كنيد. رنگ هاي خنثي مثل سفيد، خاكستري و سياه را بعنوان رنگ هاي اصلي نام تجاري براي برجسته سازي بيشتر انتخاب كنيد.

صدا ها در طراحي

در طراحي وب سايت شما صدا ها مي توانند اثر بخشي خوبي داشته باشند. اين مي تواند يك صداي ساده براي استقبال از كاربران باشد يا يك هشدار براي خطاي 404 سايت شما. مثلا به جاي اعلام "خطاي 404" شما مي توانيد بگوييد: "متاسفانه شما با خطاي 404 مواجه شده ايد".

آيكون ها

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

Iconfinder يك ابزار عالي براي پيدا كردن آيكون بسيار جذاب براي پروژه هاي شما است.

تصاوير

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

فرم ها

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

دكمه ها

دكمه ها تركيبي از پالت رنگ، فرم ها و صدا ها هستند. با استفاده از اين امكاناتي كه قبلا ايجاد شده براي ساخت دكمه هاي ثابت و كاربردي با طرح هاي مختلف استفاده نماييد.

فاصله ها

چگونه مي توان فاصله را در راهنماي سبك قرار داد؟ بسيار مهم است كه فاصله را ذكر كنيد. اين مي تواند به صورت يك شبكه براي طرح استفاده شود؛ مي توان فاصله بين سرصفحه، دكمه ها، تصاوير، فرم ها و عناصر ديگر را تعريف كرد. استفاده منظم از فاصله ها باعث مي شود كار شما ساختار يافته و حرفه اي باشد.

بايد ها و نبايد ها

يك بخشي از بايد ها و نبايد ها براي طراحي ايجاد كنيد. اين قسمت شبيه به يك FAQ مي باشد. در اين قسمت مي توانيد شايع ترين مشكلات را بررسي كنيد و براي حل آن ها تصميم درست را اتخاذ نماييد.

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

در اين جا برخي از بهترين نمونه هاي راهنماي سبك طراحي را قرار داده ايم. به ياد داشته باشيد كه اين راهنمايي ها به شدت تحت تأثير تنظيم سازمان، ديد، مأموريت و ارزش ها قرار مي گيرند و برخي از تصميمات ممكن است در ارتباط با آنچه كه انجام مي دهيد، بي اهميت يا غير منطقي باشد، بنابراين كوركورانه چيزهايي را كه در آنجا انجام مي شود دنبال نكنيد.

Spotify 

Dropbox

 راهنماي طراحي Kickstarter

نتيجه گيري

شما بايد درباره برندي كه قصد ايجاد راهنماي سبك طراحي مطالعه نماييد و اطمينان حاصل نماييد كه قسمت هاي مختلف طراحي شما به درستي با هم ارتباط دارند، راهنماي سبك هماهنگ است و شامل تمام سناريوهاي ممكن است.

اميدوارم اين مقاله براي شما مفيد واقع شده باشد. در صورتي كه فكر مي كنيد نكته اي را فراموش كرده ايم يا نظر و پيشنهادي داريد در زير براي ما نظر خود را ارسال كنيد.

تحقيقات اخير نشان داده است كه بيشتر كاربران ترجيح مي دهند كه به جاي اين كه در گوگل به دنبال محصول مورد نياز خود بگردند، اين كار را از طريق وب سايت آمازون انجام دهند. بيشتر شركت هاي و فروشگاه هاي اينترنتي بزرگ دنيا در حال تغيير نگرش خريد مشتريان نسبت به طراحي وب سايت ها هستند. امروزه بيشتر فروشگاه هاي اينترنتي پيشرفته از فن آوري هاي چت بات ها و جستجو هاي صوتي و غيره استفاده مي كنند. طبق گفته Gartner، تمام شركت هاي بزرگ تجارت الكترونيك تا سال 2021 از محصولات صوتي و بصري استفاده خواهند كرد. علاوه بر اين، راه حل هاي هوش مصنوعي در طراحي وب سايت، شركت هاي تجارت الكترونيك را قادر مي سازد تا به راحتي خواسته هاي مصرف كنندگان را درك نمايند و محصولاتي را كه متناسب با نيازهاي مشتريان باشد را ارائه دهند. بنابر پيش بيني Futurologists اين روش ها تا سال 2020 به ميزان 30 درصد بر افزايش فروش وب سايت ها كمك خواهد كرد. در ادامه به بررسي مزاياي هوش مصنوعي در طراحي سايت مي پردازيم.

جستجو سريع تر در وب سايت

مشتريان هميشه دوست دارند كه اطلاعات مورد نياز خود را در وب سايت شما به سرعت و راحتي هر چه تمام تر پيدا كنند. استفاده از جستجو هاي صوتي در حال حاظر يكي از محبوب ترين روش هاي جستجو در مخصوصا ميان جوانان است. بايد ديد آيا Siri ،Cortana و ساير نرم افزار هاي جستجو صوتي مي توانند به عنواني دستيار در خريد هاي مجازي به مشتريان كمك كنند يا نه! در هر صورت استفاده از جستجو هاي صوتي بخش مهمي از طراحي و توسعه وب سايت هاي فروشگاهي خواهد بود.

تعامل بهتر با مشتريان

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

ايجاد تجربه كاربري مناسب تر

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

• نمايش نظرات درباره كالا ها
• ارائه دادن قيمت ها در زمان مناسب
• نمايش تبليغات شخصي
• محتواي ويدئويي مناسب براي تحريك مشتريان فروشگاه

ايجاد تجربه شخصي در وب سايت براي مشتريان

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

بازاريابي موثرتر

فن آوري يادگيري ماشين، به عنوان بخشي از هوش مصنوعي و تجزيه و تحليل داده هاي بزرگ، فرصت هاي عالي براي بازاريابان تجارت الكترونيك  ايجاد خواهد كرد. با استفاده از اين فن آوري ها پيش بيني هاي بازاريابي، بر اساس رفتار مشتري ممكن خواهد بود. مثلا:

• چه نوع محصولاتي مشتريان را آزار مي دهد؟
• فهميدن آستانه قيمت مناسب براي مشتري 
• درك زماني كه مشتري احتمال تمايل بيشتري براي خريد محصول دارد.

به نظر شما آيا ايده هاي ديگري هم وجود دارند كه در اين جا گفته نشده اند؟ منتظر شنيدن نظرات شما هستم.

ترجمه از سايت stfalcon

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

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

• Pixate

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

• Affinity

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

• Avocode

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

• Antetype

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

• Sketch

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

• Atomic

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

• IXPin

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

• Macaw

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

• Marvel

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

• Webflow

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

• Frontify

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

• Origami

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

• PowerMockup

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

• Invision

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

• Wire Flow

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

يه ابزار طراحي سايت خوب بايد كمكتون كنه تا طرحتونو زودتر آماده كنيد و بتونيد با مشتري و تيمتون به اشتراك بذاريدش و مشكلاتي كه معمولا آدمو پشيمون مي كنه رو از سر راه برداره. حالا اين طرح ميخواد يه اسكچ ساده باشه يا مدل كاربردي، فرقي نميكنه.
ابزارهايي كه براتون معرفي كردم روي همكاري و ارتباط با مشتري و اعضاي تيم تأكيد داشتن و خيلي راحت با چند تا كليك امكان حاشيه نويسي و نظر دادن رو براتون فراهم كرده بودن.