نکات طراحی فروشگاه اینترنتی برای موبایل

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

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

رابط کاربری ساده و بی نظیر

هنگام طراحی رابط کاربر (UI) برنامه فروشگاه اینترنتی موبایلی، دو عامل مهم وجود دارد که باید همیشه در ذهن خود نگه دارید:

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

 

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

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

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

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

روند خرید و ثبت نام را طولانی نکنید

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

 

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

استفاده از دکمه "افزودن به سبد خرید"

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

 

استفاده از دکمه "افزودن به سبد خرید" تجربه خرید ساده تری را برای مشتریان ایجاد کرده و میزان فروش شما را بهبود خواهد بخشید.

کاهش دادن تعداد تصاویر

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

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

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

 

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

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

 

اطمینان از حفظ محرمانگی اطلاعات کاربران فروشگاه اینترنتی

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

ترجمه از سایت envato

اصل ساده نگه داشتن طراحی وب سایت

اصل ساده نگه داشتن طراحی وب سایت

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

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

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

سادگی : کمتر بیشتر است

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

اصل ساده نگه داشتن طراحی وب سایت

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

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

اصل ساده نگه داشتن طراحی وب سایت

طراحی وب سایت ساده ولی حرفه ای

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

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

اصل ساده نگه داشتن طراحی وب سایت

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

چند نکته برای طراحی ساده را در اینجا می‌بینید:

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

طراحی سایت مبتی بر اصل سادگی در شرکت طراحی وب افرا

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

آینده حرفه طراحی وب سایت چگونه خواهد بود؟

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

 

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

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

نام تجاری اختصاصی

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

کارکرد های تخصصی وب سایت

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

تجربه بازاریابی آنلاین واینترنتی

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

طراحی وب سایت بعنوان یک هنر است

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

کیفیت و استاندارد وب سایت

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

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

 

ترجمه از سایت huffingtonpost

اشتباهات شرکت های طراحی وب سایت

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

کار کردن بدون قرارداد با شرکت طراحی سایت

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

پرداخت کامل هنگام تکمیل پروژه

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

تغییر قیمت ها

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

پرداخت مالیات شرکت

در روزهای اول، زمانی که ما از یک مشتری پولی را دریافت کردیم، مالیات (مالیات بر ارزش افزوده) دولت حدود ۲۰٪ بود. از آنجایی که در آن زمان نقدینگی ما به نحوی بسیار ضعیف بود، ما اغلب این ۲۰% مصرف کردیم و سپس زمانی که نوبت پرداخت مالیات ها شد این بحث باعث ایجاد استرس شد. در نهایت ما یک حساب بانکی جداگانه برای این مالیات باز کردیم و به محض اینکه یک مشتری به ما پرداخت کرد، مبلغ مالیات بر ارزش افزوده را مستقیما به این حساب منتقل کردیم. این به مدیریت بهتر جریان نقدی منجر شد و به شرایط استرس زا پایان بخشید.

مدیریت ضعیف صورت حساب ها

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

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

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

ارزیابی نکردن سود آوری شرکت

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

ایجاد راهنمای سبک طراحی وب سایت

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

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

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

راهنمای سبک چیست؟

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

 

اهمیت ایجاد سبک طراحی در چیست؟

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

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

ایجاد سبک طراحی

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

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

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

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

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

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

 

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

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

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

 

صدا ها در طراحی

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

آیکون ها

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

 

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

تصاویر

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

 

فرم ها

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

دکمه ها

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

فاصله ها

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

باید ها و نباید ها

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

بهترین نمونه های سبک طراحی

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

Spotify 

Dropbox

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

 

نتیجه گیری

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

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