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

 هم اکنون بیشتر برنامه های اندروید مانند: gmail، گوگل مپ، گوگل پلی و...  و حتی اینباکس گوگل به سبک متریال طراحی شده اند و به همین علت آرین سالومون تلاش میکند تا گوگل را به سبک متریال در آورد.

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

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

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

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

مدیا کوئری چیست؟

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

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

مدیا کوئری قادر به شناسایی دستگاه های زیر می باشد:

پرینتر ها (print)

مانیتورهای رومیزی، تبلت و موبایل (screen)

دستگاه هایی که متن صفحه را به گفتار و صدا  تبدیل می کنند (speech)

اگر میخواهید بر تمامی این دستگاه ها تغییر اعمال کنید باید از all  بجای نوع دستگاه استفاده کنید.

کاربرد مدیا کوئری در طراحی قالب ریسپانسیو

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

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

از مشهورترین متدولوژی های  تولید نرم افزار می توان از متدولوژی XP، متدولوژی  RUP، متدولوژی Agile، متدولوژی Hybrid نام برد.

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

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

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

اگر تمایل دارید یکی از روش های فوق را استفاده کنید به شما روش Agile را پیشنهاد می کنم.

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

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

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

fontastic.me

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

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

بررسی و تست: تمامی قسمت های سایت را به ویژه قسمت فرم ثبت نام و فرم ها را چند بار مورد سنجش قرار دهید.

نرم افزار ها را بروز نگهداری کنید:  سیستم مدیریت سایت، ماژول ها، کامپوننت ها، پلاگین ها و سایر نرم افزار های مربوط به سایت را بروز نگهدارید.

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

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

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

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

امنیت سرور: سروری که از آن برای میزبانی سایت تان استفاده می کنید یکی دیگر از راه های نفوذ هکر ها می باشد. در هنگام انتخاب، سروری را اتنخاب کنید که ار نرم افزار های Update  شده استفاده کند و داراری firewall و پشتیبانی قوی باشد.

استفاده از درگاه SSL: از این پروتکل برای ایمن سازی در هنگام ارسال و دریافت داده ها بین مرورگر ها و سرورها استفاده کنید چرا هکر ها به این داده های مهم که ممکن است شامل حساب های بانکی به همراه گذرواژه هایشان باشد علاقه زیادی نشان می دهند.

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

• مصرف کننده با مصرف کننده ( C to C  )
• شرکت با شرکت ( B to B  )
• شرکت با مصرف کننده ( B  to C  )
• مصرف کننده با شرکت ( C  to B  )
• شرکت با دولت ( B  to G  )
• دولت با مصرف کننده ( G to C  )
• شرکت با کارکنان ( B to E  )
• دولت ها با دولت ها ( G to G  )

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

مهمترین مزایای تجارت الکترونیک و کسب و کار الکترونیک را این موارد می توان داست:

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

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

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

1.ظاهر وب سایت

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

2. محتوا

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

3. هدایت

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

4. استفاده از نوار مسیر

بیشتر کاربران می دانند که به دنبال چه محصول یا خدماتی هستند ، در وب سایت خود نوار مسیر یابی برای کاربران قرار دهید که به راحتی بتوانند به بخشهای مورد نظر بروند.

5. وب سایت های واکنش گرا

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

6. دادن حس اعتماد به کاربر

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

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

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

بر اساس ارتباط مشتری و خریدار و همینطور وسعت معامله و تراکنش ، انواع مدل های تجارت الکترونیک به شرح زیر است :

B 2 B

Business to Business

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

B 2 C

Business to Consumer

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

B 2 A

Business to Administration

تعاملات تجاری ما بین سازمان ها ، ارگان ها و نهاد های دولتی مثل پرداخت مالیات و عوارض یک نهاد دولتی به نهاد یا سازمان دولتی دیگر.همان B 2 G  است .

C 2 B

Consumer to Business

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

B 2 G

Business to Government

مدلی از تجارت الکترونیک بین کمپانی و شرکت با یک نهاد و ارگان دولتی . B2G  یعنی تجارت با دولت که در حال حاضر در اول راه است.

C 2 C

Consumer  to Consumer

دو طرف معامله مستقیما مصرف کننده و مشتری است

G 2 G

Government to Government

کلیه تعاملات تجاری ما بین دولت ها  اعم از واردات و صادرات

G 2 C

Government to Consumer

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

C 2 G

Consumer to Government

یا هما ن مدل  C 2 A (Consumer to Administration)  به معنای تعامل تجاری بین مصرف کننده با دولت که در حال حاضر چنین مدلی رواج ندارد و زیاد استفاده نمیشود.

P 2 P

Peer to Peer

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

به دنبال رشد مدل های پر طرفداری مانند B2C  و B2A  ارگان ها و نهادهای دولتی  ارتباطات تجاری و تعاملات خود را با مردم افزایش خواهد داد .

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

شرکت طراحی سایت طرح و پردازش مبنا

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

بازاریابی محتوا چیست؟

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

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

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

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

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

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

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

5 نکته برای شروع بازاریابی محتوا

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

2.اطلاعاتی را تولید کنید که پوشش عمومی داشته باشد: بهتر است برای خریدن زمان از بانک اطلاعاتی و یا کتابخانه مقلات آموزشی و پژوهشی استفاده کنید. در هنگام ویرایش و تدوین نیاز های مشتریان را مد نظر داشته باشید. و قسمت هایی را که مشتری را از خرید منصرف می کند را پاک کنید.

3.تدوین سوالات و پاسخ ها برای ایده سازی محتوا:در بازاریابی محتوا باید به مشتری بینش و اطلاعاتی را که نیاز دارند عرضه کنیم. بطور مثال شرکت طراحی سایت مبنا با بارگذاری مقاله ها و ویدئو ها برنامه نویسیHTML آموزش می دهد.

4.برای بازاریابی محتوا اول یک وب سایت و سپس یک وبلاگ ایجاد کنید: پس از تولید محتوا وبلاگ نویسی را آغاز کنید. برای بازاریابی محتوا شما باید از SEO استفاده کنید و وبلاگ را بر روی سایت میزبانی کنید. بطور منظم سایت شما باید به روز شود تا برای کاربران و مشتریان مطالب تازه برای مطالعه وجود داشته باشد. لینک وبلاگ خود را در شبکه های اجتماعی منتشر کنید.

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