طراحی گرافیکی وب سایت بایگانی - همسانه طراحی اپلیکیشن موبایل اندروید صفحه اصلی //

تفاوت وب سایت با اپلیکیشن موبایل چیست؟

با سلام خدمت دوستان

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

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

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

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

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

تفاوت بعدی در سایز دستگاهی است که قرار است یک اپلیکیشن یا سایت را باز کند. در مورد سایت هدف یک دستگاه پی سی حداقل ۱۵ اینچی است و طراحی سایت بر این پایه طراحی میشود. البته بماند که امروزه سایت ها ریسپانسیو طراحی میشود ولی طراحی بر اساس یک پی سی است. اما در طراحی یک اپلیکیشن هدف اجرا شدن بر روی همه نوع سایز از ۳ اینچ تا ۱۰ اینچ مد نظر و طراحی به نحوی که در مثلا یک دستگاه ۳ اینچی اون طرح مورد نظر را نشان دهد. این تفاوت در طراحی باعث تفاوت در طراحی و قرار دادن المان ها میشود. در یک سایت میتوان جدول را به صورت کامل نشان داد ولی ممکن است همان جدول رو مجبور باشیم برای قرار دادن در اپلیکیشن گرافیکش رو عوض کنیم.

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

طراحی رابط کاربری وب سایت ( قسمت سوم)

با سلام خدمت دوستان عزیز

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

قسمت اول طراحی رابط کاربری وب سایت

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

 

و اما امروز میخواهیم راجب یکی از ریزه کاری های سایت صحبت کنیم:

فونت

application

 

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

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

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

 

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

 

برای دانلود فونت مخصوص وب سایت میتوانید سری به سایت های زیر بزنید:

http://www.fontsquirrel.com/home

http://fontsforweb.com

 

ادامه دارد….

موفق باشید.

طراحی رابط کاربری وب سایت ( قسمت دوم)

با سلام خدمت تمامی دوستان عزیز

اگر یادتان باشد هفته پیش بحثی رو آغاز کردیم در مورد طراحی گرافیکی وب سایت.

در این هفته قصد داریم ادامه موضوع رو با یکدیگر پیش بگیریم.

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

 

اما امروز قرار است به این سوال پاسخ دهیم:

رنگ سایت به چه صورت باید باشد؟

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

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

 

 

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

 

hamsane

 

 

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

color_emotion_guide

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

 

اثرات روانی رنگ ها – سایت خبرگذاری برنا

روان شناسی رنگ از دید قرآن و روایات – سایت ویکی فقه

 

ادامه دارد….

موفق باشید.

طراحی رابط کاربری وب سایت ( قسمت اول)

اگر بخواهیم منصفانه در مورد یک سایت نظر دهیم، بدون شک طراحی رابط کابری یا به عبارتی GUI (Graphical user interface) را می توان از مهم ترین بخش های طراحی آن در نظر گرفت. قصد داریم در یک سلسله مطالب نکات مهم برای این منظور را شرح و بسط دهیم.

 

گام اول در طراحی رابط کاربری وب سایت: چیدمان سایت

 

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

 

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

حال چه مواردی را باید برای این کار در نظر بگیریم:

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

 

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

 

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

 

  • میزان مطالب صفحه اول سایت را با توجه به خدمتی که ارائه می‌دهید تنظیم کنید. طولانی بودن یا کوتاه بودن صفحه ابتدایی سایت بسته به نوع خدمت می‌تواند از یک بخش مثل اسلایدر تا بیش از ۵-۶ بخش متفاوت باشد. همیشه زیاد بودن یا همیشه کوتاه بودن صفحه اول نشانه خوب بودن آن نیست. برای مثال یک سایت خبری با توجه به بخش های مختلف و اصلی باید بخش های مختلفی داشته باشد ولی بخش های سایت یک دکتر با یک خدمت خاص باید کم باشد.

 

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

ادامه دارد….

موفق باشید.