دیدن ارسال ها
صفحه: [1] 2 3 4 5
1  دانشگاه مجازي Virtual Un / متفرقه / برنامه ریزی روزانه برای طراحی سایت : 09 مرداد 1398,ساعت 15:44:14
برنامه ریزی روزانه برای طراحی سایت
اما در مورد کار روزمره طراحی وب سایت خود به عنوان یک مترجم آزاد اهداف روزانه شما و شرکت شما را سازماندهی و افزایش بهره وری را حفظ خواهد کرد نگه داشتن زبانه ها در اهداف خود می تواند چالش برانگیز باشد، به خصوص اگر شما یک تیم را مدیریت کنید. خوشبختانه، یک تون از ابزارهای مدیریت طراحی سایت پروژه و ردیابی زمان وجود دارد که به شما کمک می کند تا پیشرفت را ثبت کنید، صفحه های حسابداری صادراتی را وارد کنید و زمان خود را به تیم خود برگردانید. البته، اهداف طراحی سایت شما به کسب و کار آزاد در حال حاضر وب سایت محدود نیست چه آرمان های شخصی شما دارید یک لیست ایجاد کنید شاید میخواهید یک مهارت جدید ایجاد کنید یا راهی برای درآمد بیشتری کسب کنید پر از بودن رئیس خود شما این است که شما می توانید استانداردها را برای طراحی سایت تنظیم کنید و کمی بالاتر برسید.
دانشجویان طراحی سایت تخفیف در سایت CMS را برای سال دریافت می کنند از آنجا که ما به قدرت آموزش طراحی سایت اعتقاد داریم. تخفیف خود را دریافت کنید نام بازی را بازی کنید با کسب و کار شما، اهداف و پیشنهادات در محل، وقت آن است که کسب و کارتان را نام ببرید. تأثیر نام خود را نفی نکنید. این اولین چیزی است که مشتریان شما درباره آن یاد می گیرند شما، با دقت طراحی سایت انتخاب کنید.

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

2  برنامه نويسي Programing / ++C , C / چگونه در ۱۵ دقیقه یک وب سایت واکنشگرا طراحی کنیم : 09 مرداد 1398,ساعت 15:29:05
چگونه در ۱۵ دقیقه یک سایت واکنشگرا طراحی کنیم

آموزش طراحی سایت

در این آموزش CSS و HTML5 سریع نحوه ایجاد وب سایت پاسخگو باشید. هر دو نسخه ویدئویی و متن در دسترس هستند.
جعبه ابزار طراح شما
نامحدود دانلود: 500،000+ قالب وب، مجموعه آیکون، تم ها و طراحی دارایی

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

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

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

سعی کنید نسخه ی نمایشی را بر روی گوشی هوشمند خود باز کنید و این را ببینید:

iphone-screenshot-responsive

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

شما تمام فایل ها، از جمله تصاویر، را در لینک دانلود زیر پیدا خواهید کرد.

قبل از رفتن، بستر Web Framework را دانلود کنید و آن را به یک پوشه ای که تمامی فایل های خود را برای این آموزش در آن قرار دارید را بردارید. این باید مانند این باشد:



با استفاده از ویرایشگر متن مورد علاقه خود، یک فایل با نام index.html ایجاد کنید و سپس در ابتدای فایل زیر را اضافه کنید:

به بنیاد خوش آمدید

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

ما قبلا توضیح دادیم که این "ردیفها" و "دوازده ستون" بالا هستند.

نکته: اگر برای شما روشن نیست که چرا باید نوار کناری و بدن را با "12 ستون" بسته کنیم، می توانید آن را پاک کنید و ببینید چه اتفاقی می افتد!

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

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

این مرحله لازم است تا ببینید که چگونه صفحه وب در شکوه کامل آن ظاهر خواهد شد. کپی برخی از Lorem Ipsum و آن را بر روی دیسک "body" خود قرار دهید و سپس تصاویر را با استفاده از برچسب وارد کنید، سپس شما در راه تبدیل شدن به یک ستاره فوقالعاده هستید!
اگر شما به عقب برگردید و نسخه آزمایشی را بررسی کنید، ممکن است متوجه شوید که پس زمینه دقیقا سفید نیست، اما با یک الگوی ظریف یکی را انتخاب کنید در SubtlePatterns و برای خودتان که بهترین کار را انجام دهید، را انتخاب کنید.
مرحله 4: مرحله 4 وجود ندارد

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

بسیاری از ابزارهای دیگر شما می توانید از بنیاد استفاده کنید، اما این ایده اساسا یکسان است. فراموش نکنید که مستندات را بررسی کنید!
چگونه یک وب سایت پاسخگو ویدئویی ایجاد کنید

در حال حاضر اگر شما به دنبال یک ویدیو هستید و شما آماده ساخت یک طراحی وب پاسخگو با HTML5 و CSS3 هستید، شما در جای مناسب قرار می گیرید. فقط فایلهای منبع را دانلود کنید، نسخه ی نمایشی را مشاهده کنید و روی ویدیوی بازی کلیک کنید - اجازه دهید یک وبسایت پاسخگو ایجاد کنیم!
3  اينترنت و شبكه Network & Internet / مدیریت محتوای وب / نحوه نوشتن یک پست بلاگ بهینه شده ( SEO )در وردپرس : 09 مرداد 1398,ساعت 15:24:05
نحوه نوشتن یک پست بلاگ بهینه شده ( SEO )در وردپرس

وردپرس

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

ما به طور عمده بر وردپرس تمرکز می کنیم،
4  برنامه نويسي Programing / Delphi / ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js . : 04 مرداد 1398,ساعت 02:21:33
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js


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

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


 یک ابزار جاوا اسکریپت جدید به نام Reflection.js برای  جی کوئری  و MooTools  موجود است. باعث می شود ایجاد انعکاسی برای سایت شما بسیار ساده تر و سریعتر باشد.

خوب شروع کنید.

نسخه CSS3

برای HTML ما، ما به سادگی یک تصویر اضافه می کنیم و آن را بر روی یک عنصر HTML5 قرار می دهیم.

        rocket
   
برای CSS ما قصد داریم به موارد زیر عمل کنیم:

1. با استفاده از مقدار خودکار، حاشیه 60px را در بالای صفحه قرار دهید و آن را روی صفحه قرار دهید.
2. بعد، از منوی -webkit-box-reflect CSS برای نشان دادن تصویر به پایین استفاده کنید.
3. سپس تصویر را با استفاده از -webkit-gradient ماسک می کنیم تا تصویر را در پایین پایین بیاوریم و فقط یک قسمت یا کمتر از تصویر را نمایش می دهیم.

با استفاده از کدهای بالا، شما یک تصویر بازتابی شبیه تصویر زیر دارید.
5  دانشگاه مجازي Virtual Un / متفرقه / طراحی سایت وردپرس با پروسه ساده : 04 مرداد 1398,ساعت 02:13:33

طراحی سایت وردپرس با پروسه ساده

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

ریسپانسیو بودن وردپرس در طراحی وب سایت
از دیگر فواید وردپرس ریسپانسیو بودن آن است که باعث می شود در موبایل وتبلت وهر سیستم عامل با هر اندازه قابل تطبیق باشد. در مرحله بعد باید به دنبال خرید دامنه و هاست برای طراحی سایت تان باشید منظور از دامنه آدرس طراحی سایت شما در صفحات وب است که برای انتخاب نام آن می توانید از نام شرکت یا از نام خدمات ارائه دهنده تان استفاده کنید که باید بگویم دومین انتخاب است زیرا سئوطراحی سایت شما و رتبه طراحی سایت شما رادر گوگل بالا خواهد برد. اهمیت هارد برای ذخیره اطلاعات است و سبب می شود اطلاعات محلی برای ذخیره در صفحات وب را داشته باشد در این قسمت ممکن است متحمل هزینه کمی شوید برای خرید هاست ودامنه در طراحی سایت به سایت های معتبر مراجعه کنید و ازهر جایی هاست و دامنه تهیه نکنید .
انتخاب قالب طراحی سایت در ورد پرس
بعد از نصب ورد پرس حالا نوبت انتخاب قالب برای طراحی سایت است انتخاب قالب برای طراحی سایت به این صورت است که به داشبورد طراحی سایت ورد پرس وارد شده و در سمت راست بروی نمایش پوسته ها کلیک کنید وقالب را نیز بروی ورد پرس نصب کنید اما در صورتی که در بین پوسته های ورد پرس در طراحی سایت هیچ کدام نظرتان را جلب نکرد فایل زیپی دیگر بروی ورد پرس آپلود کنید. سفارشی سازی ابزارهای طراحی سایت را نیز مطالعه نمایید.
6  اينترنت و شبكه Network & Internet / طراحی وب سايت / زیبایی یا عملکرد در طراحی وب کدام مهمتر است؟ : 04 مرداد 1398,ساعت 02:07:45
زیبایی یا عملکرد در طراحی وب

طراحی رابط کاربری

به فکر ساختن ساتی با بهترین طراحی ممکن هستید، ممکن است برای طراحی از ابتدا و یا طراحی مجدد سایت، بفکر یک طراح وب خوب باشید. اما بیاد داشته باشید حتی حرفه ای ها در این زمینه نمی توانند زیبایی و عملکرد را کاملا متوازن پیاده سازی کنند. اجازه دهید توافق کنیم که جنبه های خاصی از طراحی  بیش از حد معمول طول می کشد. بعنوان مثال در طراحی وب سایت، زمان زیادی را برای تولید نتیجه مطلوب  مورد نظر مشتری قبل از تحویل پروژه طول می کشد. طراحان وجود دارند که تجارب بسیار بدی با مشتریان دارند، زیرا  از هدف وبسایت و طراحی مورد نظر مشتری خسته شده اند.
طراحی برای زیبایی
همیشه ممکن است به دنبال یک وب سایت، لوگو یا پوستر باشید و به خودتان بگویید "خوب، این بهتر است"  و بخواهید سایت یا طرح خود را بروزرسانی کنید.همیشه باید   تفکر کاربران را  دنبال کنید. آیا آنها به طراحی فعلی عادت کرده اند؟ اگر تغییری ایجاد شود از آن  خوششان می آید؟
طراحی زیبایی  فقط به ظاهر را بهبود می بخشد. اما موجب پیچیدی و  افزودن قابلیت ها یا اطلاعات جدید می شود، زیرا یک طراحی مجدد به معنی تغییر هویت است. در حال حاضر ما بر روی طراحی وب تمرکز می کنیم، اما به خاطر داشته باشید که این امر در مورد همه چیزهایی است که می تواند طراحی شود صادق است. در طراحی وب، چرا مجبور به طراحی مجدد هستند؟ به دو دلیل: 1. طراحی موجود شکست بخورد و 2. نگاه تازه مورد نیاز است.
در مورد اول اگر همه چیز درست باشد به احتمال زیاد کاربران به طراحی جدید علاقه مند می شوند. فقط به خاطر داشته باشید که برای سهولت دسترسی طراحی مجدد شده است تا  استفاده از سایت را آسوده تر کند.
درباره دلیل شماره دو  کمی هوشمندانه تر باید عمل کرد. بازطراحی فقط برای بدست آوردن چیزهای تازه واقعا کار  عاقلانه نیست. یک شانس 50-50 وجود دارد که اگر طرح قبلی  مقبولیت زیادی داشته باشد و تغییر ناگهانی ، ممکن است تغییراتی ایجاد کند که می تواند منجر به کاهش شدید خوانندگان شود ، مانند آنچه در Digg و شبکه Gawker اتفاق افتاد 
طراحی برای کارایی

هیچ چیز فانتزی در اینجا وجود ندارد ، درست مانند بسیاری از وب سایت های خبری. در واقع، اگر به وب سایت های خبری نگاه کنید، ممکن است در ابتدا سرگیجه را تجربه کنید زیرا همه چیز به نظر می رسد پراکنده شده است. این وب سایت ها زمان زیادی را برای ایجاد عادت  در کاربران صرف می کنند، اما هنگامی که کاربران شناخت پایه پیدا می کنند، همه چیز خوب است.
یک مثال کامل Reddit است. بیش از سه سال پیش، وقتی که من برای اولین بار وارد وبسایت شدم، به خودم گفتم: " این چه طراحی؟ حتما همه کاربرا رو فراری میده "، اما همانطور که چند دقیقه و چند ساعت در آنجا سپری کردم،  به همه چیز عادت کرده ام، من ترجیح می دهم  با همین رنگها و لوگوها و ظاهر از این سایت استفاده کنم. چرا؟ از آنجا که هدف خواندن، اشتراک گذاری و مشاهده رسانه های مختلف از منابع دیگر است.
7  اينترنت و شبكه Network & Internet / مرورگرهای وب و مسنجرها / نکاتی درباره تجربه استفاده از وب سایت ضروری : 29 تير 1398,ساعت 02:19:47
نکاتی درباره تجربه استفاده از وب سایت ضروری

طراحی رابط کاربری

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

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

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

برای اطمینان از طراحی صفحه اصلی، ممکن است بخواهید زیر را بخوانید:
جعبه ابزار طراح UX
نامحدود: 500000 + Wireframe & UX Templates، Kits UI & طراحی دارایی

navigation

یکی از چیزهایی که کاربران در وب سایت شما دنبال می کنند ناوبری است. این به بسیاری از راه های وب سایت شما کمک می کند:

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

در اینجا چند راهنمایی دیگر وجود دارد:
استفاده از معماری اطلاعات

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

flat icons < br>

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

به همین دلیل استفاده از آیکون ها در ناوبری نیز توصیه می شود. با این وجود، با وجود این توصیه، شما هنوز هم باید چندین مورد را به یاد داشته باشید:

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

دست کشیده شده -website

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

به همین دلیل است که خواندن بیشتر مطالب شما بسیار مهم است. در اینجا چند نکته وجود دارد:
طرح های سنگین متن No-no
هستند
به یاد داشته باشید که طول خط بهینه برای متون بدن فقط 50-60 کاراکتر در هر خط و نه بیش از 600-650 پیکسل عرض در هر ردیف است. این به این معنی است که هرگز متون طولانی و غیر ضروری را نباید اضافه کنید. فقط به نقطه دست یابید.
اندازه قلم را به اندازه کافی نگه دارید

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

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

کوچک متن
استفاده از Italics مناسب

Italics ارائه می شود تاکید خوبی بر روی محتوا است، اما متن خواندن را دشوار می سازد. به همین دلیل است که من پیشنهاد می کنم به جای استفاده از boldface بجنگید زیرا به راحتی متن مورد تاکید را آسان تر می کند. این بهتر است از این ، درست است؟ اگر کلمات لینک نیست را برجسته کنید
بله، تأکید می تواند بر متن شما تأکید داشته باشد، اما بازدید کننده گیج کننده است. در خواندن مقالات در وب، دیدن یک کلمه تحت تأثیر، یک لینک hyperlink را نشان می دهد. احتمالا کاربران بر روی آن کلمات متمرکز کلیک کرده و احساس می کنند که این کار را انجام می دهند چون لینک ها نیستند. شما نمی خواهید این اتفاق بیافتد.
نتیجه گیری

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

و من می دانم که به زودی به آنجا خواهد رسید. نگه داشتن این نکات در ذهن شما یک راه عالی برای شروع است. موفق باشید!
src = "24.jpg
8  اينترنت و شبكه Network & Internet / اينترنت / برای موفقیت کمپین آنلاین چه باید کارد؟ : 29 تير 1398,ساعت 02:15:09
برای موفقیت کمپین آنلاین چه باید کارد

بازاریابی و بهینه سازی


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

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

در ادامه ۸ نکته در جهت اجرای یک کمپین موفق تبلیغات آنلاین را بررسی خواهیم کرد.

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

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

marketing tips black friday

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

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

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

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





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

marketing-strategy-article

بهینه‌سازی صفحه فرود:
صفحه فرود یکی از مهمترین المان‌های مهم تبلیغات کلیکی است که می‌تواند در موفقیت کمپین تعیین کننده باشد. در  بررسی مطالعاتی ما، مشخص شده که حدود ۷۰% کمپین‌های PPC به خاطر ایرادات درون صفحه فرودشان شکست می‌خورند.

دانستن اینکه چگونه می‌شود صفحه فرود را برای دریافت نرخ تبدیل (Conversion Rate) بیشتر بهینه سازی کرد می‌تواند در ارزیابی و نتیجه نهایی کمپین شما تاثیر گذار باشد.

 

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



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

9  اينترنت و شبكه Network & Internet / طراحی وب سايت / طراحی چیدمان شبکه برای طراحی وب پاسخگو : 29 تير 1398,ساعت 02:09:53
طراحی چیدمان شبکه برای طراحی وب سایت پاسخگو
آموزش طراحی سایت


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

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

سیال یک ماده است که به طور مستمر تحت جریان استرس برشی اعمال می شود - Wikipedia

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

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

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

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

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

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

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

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

fluid_grid_sample1
10  اينترنت و شبكه Network & Internet / Hosting & Domain / چگونه در ۱۵ دقیقه یک سایت واکنشگرا طراحی کنیم : 23 تير 1398,ساعت 15:23:24
چگونه در ۱۵ دقیقه یک سایت واکنشگرا طراحی کنیم

آموزش طراحی سایت


در این آموزش CSS و HTML5 سریع نحوه ایجاد وب سایت پاسخگو باشید. هر دو نسخه ویدئویی و متن در دسترس هستند.
جعبه ابزار طراح شما
نامحدود دانلود: 500،000+ قالب وب، مجموعه آیکون، تم ها و طراحی دارایی

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

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

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

سعی کنید نسخه ی نمایشی را بر روی گوشی هوشمند خود باز کنید و این را ببینید:

iphone-screenshot-responsive

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

شما تمام فایل ها، از جمله تصاویر، را در لینک دانلود زیر پیدا خواهید کرد.

قبل از رفتن، بستر Web Framework را دانلود کنید و آن را به یک پوشه ای که تمامی فایل های خود را برای این آموزش در آن قرار دارید را بردارید. این باید مانند این باشد:



با استفاده از ویرایشگر متن مورد علاقه خود، یک فایل با نام index.html ایجاد کنید و سپس در ابتدای فایل زیر را اضافه کنید:

به بنیاد خوش آمدید

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

ما قبلا توضیح دادیم که این "ردیفها" و "دوازده ستون" بالا هستند.

نکته: اگر برای شما روشن نیست که چرا باید نوار کناری و بدن را با "12 ستون" بسته کنیم، می توانید آن را پاک کنید و ببینید چه اتفاقی می افتد!

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

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

این مرحله لازم است تا ببینید که چگونه صفحه وب در شکوه کامل آن ظاهر خواهد شد. کپی برخی از Lorem Ipsum و آن را بر روی دیسک "body" خود قرار دهید و سپس تصاویر را با استفاده از برچسب وارد کنید، سپس شما در راه تبدیل شدن به یک ستاره فوقالعاده هستید!
اگر شما به عقب برگردید و نسخه آزمایشی را بررسی کنید، ممکن است متوجه شوید که پس زمینه دقیقا سفید نیست، اما با یک الگوی ظریف یکی را انتخاب کنید در SubtlePatterns و برای خودتان که بهترین کار را انجام دهید، را انتخاب کنید.
مرحله 4: مرحله 4 وجود ندارد

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

بسیاری از ابزارهای دیگر شما می توانید از بنیاد استفاده کنید، اما این ایده اساسا یکسان است. فراموش نکنید که مستندات را بررسی کنید!
چگونه یک وب سایت پاسخگو ویدئویی ایجاد کنید

در حال حاضر اگر شما به دنبال یک ویدیو هستید و شما آماده ساخت یک طراحی وب پاسخگو با HTML5 و CSS3 هستید، شما در جای مناسب قرار می گیرید. فقط فایلهای منبع را دانلود کنید، نسخه ی نمایشی را مشاهده کنید و روی ویدیوی بازی کلیک کنید - اجازه دهید یک وبسایت پاسخگو ایجاد کنیم!
11  اينترنت و شبكه Network & Internet / Html / چگونه طراحان وب می توانند ارتباط با مشتریان را توسعه دهند؟ : 23 تير 1398,ساعت 15:18:30
چگونه طراحان وب می توانند ارتباط با مشتریان را توسعه دهند

طراحی وب سایت

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

1. شما یک هنرمند هستید، نه یک کارگر
خوب است که با این یکی شروع شود. از ابتدا به آنها توضیح دهید که کاری که شما انجام می دهید، کاری خلاقانه است. به آنها بگویید طراحان نیاز به استعداد، مهارت و تجربه دارند تا بتوانند محصولات با کیفیت بالا را ارائه کنند. طراحان/هنرمندان مانند هر نوع   متخصص دیگر می دانند که چگونه کار خود را انجام دهند. هیچ کس به پزشکان نمی گوید که چگونه شغل خود را انجام دهند و این بدین خاطر است که مردم می دانند که دکترشان خیلی بیشتر از سلامت آنها می داند. باید با بین طراحان و مشتری همین رفتار باشد. فقط به این دلیل که مشتریان می دانند که آبی و قرمز بنفش  را تفکیک کنند،از آنها کارشناس  نمی سازد.
به مشتریان خود بگویید که بدون در نظر گرفتن آنچه که می دانید و تجربه دارید، طراحی آسان نیست. به آنها توضیح دهید که حتی اگر بازخوردشان را می پذیرید شما متخصص هستید و تنها کاری که فکر می کنید برای محصول نهایی بهتر است انجام می دهید، حتی اگر آنها با شما مخالف باشند . این اغلب با طراحان مستقل اتفاق می افتد. مشتریان فکر می کنند که به دلیل اینکه شما یک طراح آزاد هستید و دفتر یا کار 9-5 از شنبه تا جمعه ندارید، شما حرفه ای نیستید.  به مشتری خود بگویید که ساعت های که کار می کنید مثل همه افراد دیگر و اجازه ندارند مثلا در ساعت 10:30 با شما تماس بگیرند تا یک یک تنظیم نهایی کوچک را قبل از اینکه آگهی ها صبح روز بعد  به چاپ برسد  برای شما ارسال کنند. با تنظیم این مرزها مشتریان نیز محتاط تر خواهند .
2. شما متخصص هستید، نه آنها

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

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

4. ارتباط بسیار مهم است

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

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

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

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

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

12  اينترنت و شبكه Network & Internet / Xml / تفاوت UI و طراحی UX چیست؟ : 23 تير 1398,ساعت 15:12:07
تفاوت UI و طراحی UX چیست؟

طراحی رابط کاربری


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

راه دیگری برای قرار دادن آن طراحی UX فرایندی است که رضایت و وفاداری مشتری را افزایش می دهد. این کار را می توان با بهبود قابلیت استفاده، لذت و سهولت استفاده انجام داد که مشتری با محصول ارتباط برقرار می کند.
جعبه ابزار طراح UX
نامحدود دریافت شده: 500،000 + Wireframe & UX Templates، Kits UI & Assets Design

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

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

بهترین روش برای نشان دادن تفاوت UX و UI با استفاده از استعاره سکته قلبی است.

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

طراحی جدید نه تنها مشکل را حل کرد، بلکه تجربه کاربر را بهبود بخشید، چرا که باعث وفاداری به محصول شده است. از لحاظ زیبایی شناسی یا UI، طراحی جدید زیباتر و مفید تر به نظر می رسید. نتیجه گیری
هر دو UX و UI با یکدیگر همبستگی پیدا کرده و با هم تداخل دارند. نمیتوان بدون یک دیگر وجود داشته باشد. علاوه بر این، آنها هرگز نباید خودشان را اجرا کنند، بلکه باید به منظور دستیابی به موفقیت در طراحی شما هماهنگ شوند. src = "0.jpg
13  اينترنت و شبكه Network & Internet / شبكه / بازاریابی ویدیویی راه حلی برای شرکت های نوپا : 16 تير 1398,ساعت 00:25:08
بازاریابی ویدیویی راه حلی برای توسعه شرکت های نوپا

بازاریابی و بهینه سازی

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

۱- قرار دادن ویدیو در صفحه فرود:
تحقیقات و بررسی‌ها روی صفحات فرود مختلف، نشان داده که میزان نرخ تبدیل صفحات فرودی که در آنها ویدیو به کار رفته، حدود ۸۰٪ بیشتر از صفحات فرودی است که حاوی متن و تصاویر هستند. از طرفی میزان Time-on-Site صفحه فرود را افزایش می‌دهد که یکی از کمیت‌های مهم سنجش موفقیت صفحه فرود به حساب می‌آید. از طرفی بسته به هدف صفحه فرودتان، ویدیو به شما این امکان را می‌دهد که در  زمان کم‌تری، کلی محتوا را به مخاطب خود انتقال دهید.



۲- راحت‌تر می‌توانید مخاطبان دارای موبایل را جذب کنید:
در حال حاضر ۵۰٪ افرادی که با اینترنت سر و کار دارند، از طریق موبایل‌ها به وب‌گردی و جستجو می‌پردازند. بازدید از محتواهای نوشتاری و عکس‌دار بواسطه موبایل‌ها با کمی محدودیت همراه است و افراد ترجیح می‌دهند که محتوای مورد نظرشان را در قالب ویدیو تماشا کنند. از طرفی، ویدیوها به شما این امکان را می‌دهند که حجم بسیاری از محتوا را یک جا به مخاطب خود ارائه دهید.

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

۳- محصولات تولیدی خود را حین استفاده نمایش دهید:
نوشتار و تصاویر نمی‌توانند به اندازه ویدیوها، در جذب مخاطب برای فروش یک محصول به کسب‌وکارها کمک کنند. شما می‌توانید با ساختن ویدیوهایی از محصولات تولید شده کسب‌وکار خود، در کنار نشان دادن آن و کاربردش، مخاطب را مستقیما هدفگیری کرده و او را تشویق کنید که محصول تبلیغ‌شده را خریداری کند. همچنین ایده خوبی است در تبلیغات ویدیویی خود از یک CTA (call to action) استفاده کنید. می‌توانید از یک url یا #هشتگ یا برچسب ساده برای این مورد در نظر بگیرید. این امر موجب افزایش برندینگ و همینطور تاثیرگذار در بحث فروش شما باشد.

top-reasons-why-you-need-video-marketing
آماری جالب!

۴- از ویدیوها به منظور افزایش میزان تعامل بهره ببرید:
برای مثال می‌توانید یک جلسه سوال و جواب ویدیویی (Q&A) به صورت آنلاین انجام دهید و اطلاعات مورد نظر مخاطبان کسب‌وکارتان را، مستقمیا به آنها انتقال دهید. وبینارها از مواردی هستند که سبب افزایش تعامل مخاطب می‌شوند و کاملا یک راهکار بازاریابی ویدیویی به حساب می‌آیند.



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

حرف آخر در بازاریابی ویدیویی
همیشه به یاد داشته باشید که باید به واسطه ویدیو، میزان تعامل را افزایش دهید و در تولید ویدیو، کیفیت از اهمیت بسیار بالایی برخوردار است.
14  اينترنت و شبكه Network & Internet / وبلاگ WebLog / چگونگی ایجاد فرم های ساده با SVG : 16 تير 1398,ساعت 00:20:17
چگونگی ایجاد فرم های ساده با SVG

آموزش طراحی سایت

در گذشته، تنها فرمت تصویری که توسط تمام مرورگرها پشتیبانی می شد، GIF بود، یک فایل تصویری که توسط CompuServe طراحی شده بود. سپس فایل تصویری JPEG که فشرده سازی وحشتناکی بدون از بین رفتن جزئیات ارائه شد، اما در مقایسه با فرمت تصویر GIF بسیار کوچک است.

پس از مدتی، هدف گرافیک کامپیوتری بردار 2 بعدی بر روی وب ایجاد شد. با استفاده از فرمت های بسیار رقابتی که به W3C منتقل شد، SVG در نهایت در سال 1999 توسعه یافت.

حالا ما آموزش اشکال CSS را منتشر کردیم، ما می خواستیم به شما نحوه ایجاد اشکال با SVG را نشان دهیم. این آموزش نحوه استفاده از SVG را در صفحات وب توضیح می دهد.
جعبه ابزار طراح شما
نامحدود دانلود: 500،000+ قالب وب، مجموعه آیکون، تم ها و طراحی دارایی

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

به عنوان یک فایل XML، SVG را می توان ایجاد، سفارشی و با دیگر استانداردهای W3C مانند DOM و XSL با استفاده از هر ویرایشگر متن سازگار کرد. تصاویر SVG همچنین می توانند با استفاده از برنامه های طراحی یا بردار مانند Adobe Illustrator، به صورت بصری ایجاد شوند.
چرا از SVG استفاده می شود؟

SVG را می توان به راحتی در HTML با استفاده از برچسب های SVG تعبیه کرد. نحو زیر را در نظر بگیرید.

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

بنابراین بگذارید این آموزش عالی را شروع کنیم.
ایجاد دایره در SVG

SVG های دایره ای را می توان با استفاده از برچسب دایره اجرا کرد. در اینجا یک مثال است.

تصویر حلقه SVG تصویر به نظر می رسد:

circle-svg

در این مثال، از تگ دایره استفاده کردم و سپس cx (مختصات x) و cy (y مختصات) را تعیین می کند که مرکز دایره را تعیین می کند. بعد، من مقدار 50 را در r (شعاع) قرار داده ام، که طول قطعه خط را از مرکز آن به محیط آن تعریف می کند. در نهایت، سبک های اضافه شده برای رنگ پر رنگ، سکته مغزی و سکته مغزی عرض را اضافه کردم که بسیار خود توضیحی است.
ایجاد یک مستطیل در SVG

مستطیل را می توان با استفاده از برچسب مستطیل اجرا کرد و می تواند انواع مختلف ارتفاع و عرض را بسازد. کد زیر را بررسی کنید.

تصویر حاصل از Rectangle SVG مانند این خواهد بود:

rectangle-svg

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

Ellipse SVG را می توان با استفاده از برچسب بیضی اجرا کرد. Ellips ها نیازی به ارتفاع و عرض ندارند و بر خلاف SVG دایره، شعاع ( cx و cy ) متفاوت است. کد زیر را در نظر بگیرید.

کد زیر را در نظر بگیرید.

تصویر Ellipse SVG به این صورت خواهد بود:

ellipse-svg

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

خط SVG را می توان با استفاده از برچسب خط اجرا کرد. از نام خود، برچسب برای رسم خطوط استفاده می شود. مثال زیر را بررسی کنید.

تصویر خطی SVG تصویر به صورت زیر خواهد بود:

line-svg

در این مثال، x1 ( محور x ) و y1 ( محور y ) نقطه شروع خط در حالی که x2 ( محور x ) و y2 ( محور y ) نقطه پایانی خط را تعریف می کنند. با استفاده از ویژگی سبک، من یک رنگ سکته مغزی سیاه و یک عرض 5 پیکسل ایجاد کردم.
ایجاد یک Polyline در SVG

یک SVG چند خطی را می توان با استفاده از برچسب چند خطی اجرا کرد. این برای رسم اشکال است که از خطوط مستقیم تشکیل شده است. در اینجا یک مثال است.

نتیجه نتیجه Polyline SVG مانند این خواهد بود:

polyline

با استفاده از x ( محور x ) و y ( y محور )، می توانید هر نقاط از خطوط برای ایجاد یک شکل خاصی که می خواهید. همانطور که می بینید، من 4 امتیاز را با خطوط پیوستم. من همچنین یک سکته مغزی سیاه و یک سکته مغزی عرض 3 پیک اضافه کردم.
ایجاد چندگانه در SVG

چندگانه SVG را می توان با استفاده از برچسب چند ضلعی اجرا کرد. این عنصر شکل را شکل می دهد که دارای بیش از 3 طرف است. کد زیر را بررسی کنید.

تصویر Polygon SVG نتیجه به نظر می رسد:

polygon-svg

در Polygon SVG، نقاط توسط محور x و y برای هر طرف چند ضلعی از آخرین نقطه به آخرین تعریف می شود. در این مثال، من شش گوشه ای با 6 طرف ایجاد کردم. همانطور که می بینید، 6 امتیاز وجود دارد که با هم توسط x و y تعریف می شود. سپس رنگ پر رنگ سایه را پس از رنگ سکته مغزی قرمز و سکته مغزی عرض 1 پیک قرار داده ام.
ایجاد مسیر در SVG

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

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

تصویر مسیر تصویر SVG مانند این خواهد بود:

path-svg

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

بنابراین برای این مثال، من محور x را به 30 سفید محور y به 40 حرکت می دهم. منحنی از 140، -30 به عنوان نقطه شروع نقطه آستانه ما شروع می شود. بعد منحنی به سمت راست با نقاط 180، 90 و به پایان می رسد با 20، 160 به سمت راست اشاره دارد. برای نهایی کردن مسیر، یک خط با نقاط 120 و 160 ایجاد کردم.
ایجاد متن در SVG

متن SVG ها را می توان با استفاده از برچسب محصور شده با برچسب متن اجرا کرد. این عنصر برای نوشتن متن در تصویر SVG استفاده می شود.

تصویر Text SVG تصویر به صورت زیر خواهد بود:

text-svg

در این مثال من موقعیت x محور متن را به 20 تنظیم می کنم. این متن 20 پیکسل را از سمت چپ قرار می دهد در حالی که من محدوده y را به 30 تنظیم می کنم که متن 30 پیکسل را از بالا قرار می دهد. بعد، رنگ پر رنگ آبی را تنظیم کردم و اندازه فونت را به 20 پیکسل تنظیم کردم. این متن "این نمونه عالی برای متن SVG است" را نمایش می دهد
src = "40.jpg
15  اينترنت و شبكه Network & Internet / CSS / بررسی فرآیند User Onboarding در وب و موبایل : 10 تير 1398,ساعت 23:31:37
بررسی فرآیند User Onboarding در وب و موبایل


 User Onboarding برای رشد کسب و کار بسیار مهم است زیرا به تبدیل کاربران جدید به کاربران منظم و فعال شما کمک می کند. به طور کلی می‌توان گفت که User Onboarding رویکردی است که باعث می‌شود مشتریان یا بهتر بگوییم کاربران، ارزش‌های محصولات و خدمات شما را درک کنند. این تعریف به دو دلیل محقق می‌شود: اولاً در طی مراحل آشنایی و پیشرفت کاربر  یعنی حتی قبل از ثبت‌نام و آشنایی او با محصول می‌باید کاربر با ارزش‌ها، خدمات اختصاصی، ویژگی‌ها و… آشنا شود. ثانیاً این تعریف فقط شامل ارائۀ دستورالعمل‌های لازم برای استفاده از محصول شما نیست؛ برای اینکه به مشتریان خود کمک کنید که به درستی از محصول شما استفاده کنند و ارزش پیشنهادی که در آن محصول نهفته است را درک کنند، باید علاوه بر ارائۀ دستورالعمل لازم به مشتریان، به آن‌ها نشان دهید که چرا به این محصول نیاز دارند.
اهداف فرآیند Onboarding چیست؟
نکته منحصر به فرد در مورد کاربر در هنگام ثبت نام این است که این عمل یک بار انجام می شود. این فرآیند تنها یک بار انجام می شود، درست بعد از ثبت نام کاربر، طراحی یک جریان چالش برانگیز است طراحی جریان برای کاربری است که هیچ چیز در مورد محصول یا سرویس شما نمی داند.
با توجه به صحبت های  ادال هالن ،  بنیانگذار Klaviyo، سه هدف اصلی برای یک فرآیند بزرگ در حال اجرا وجود دارد:
مراقبت فرایندهای یک مرحله ای باشید: به عنوان مثال، در توییتر، یک تصویر نمایه را آپلود می کند، یک توضیح را وارد می کند. این فرایند باید بدون دردسر باشد - و بهتر است، سرگرم کننده یا جذاب باشد.
هیجان را در مورد استفاده از محصول در آینده ایجاد می کند. حتی اگر کاربر به طور کامل ثبت نام کرد،  باید آنها را مایل به بازگشت کنید  چون ممکن است سایت را ترک کنید . این جایی است که Instagram خوب کار کرده است - بلافاصله تصاویر زیبا را برای کاربر نمایش می دهد که آنها را تشویق کند تا خودشان عکس آپلود کنند.
 نحوه استفاده از محصول را به کاربر آموزش دهید . مقدمه گوگل در MapsGL مثال خوبی است.   MapsGL، آموزشی دارد که شما را از طریق برخی از نشانه ها به اماکن تاریخی محبوب در سراسر جهان هدایت می کند.


ابزار و نرم افزار Onboarding

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

Intercom یک نرمافزار مدیریت ارتباط با مشتری (All-in-One) (CRM) است که به شما امکان می دهد تا به اطلاعات خود کاربران و عادات  روزمره آنها  بصورت بلادرنگ با کاربران خود ارتباط برقرار کنید.

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

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

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

heap
Onboarded

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

onboarded
اولارک

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

olark
Zopim

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

Tutorialize
Tutorialize  
tutorialize

مقالات مرتبط
16  اينترنت و شبكه Network & Internet / طراحی وب سايت / طراحی تکنولوژی های پوشیدنی و ارتباط آن با طراحی سایت : 10 تير 1398,ساعت 23:24:12
طراحی تکنولوژی های پوشیدنی و ارتباط آن با طراحی سایت


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

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

google-glass
فناوری پوشیدنی؟ این چیست؟

تکنولوژی پوشیدنی اساسا هر وسیله ای است که با لباس، لوازم جانبی و موارد دیگر می رود. معمولا در مچ دست یا عینک های چشم می آید. این سبکتر از انواع دیگر تکنولوژی و اغلب غیرقابل انکار است.

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

با این حال، آن را به عنوان یک نوع اساسی از تکنولوژی که توده ها می توانند استفاده کنند تبدیل شد. یک نمونه عالی از این Google Glass است. اگر قیمت نوآورانه در بازار 1500 دلار فروخته شود، محصول نوآورانه گوگل مطمئنا ابروها را افزایش می دهد، اما هنگامی که رقابت فراوانی به دست می آید، می توان انتظار داشت قیمت آن کاهش یابد (که ما امیدواریم بتوانیم آن را تامین کنیم).
Where it all started

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

در دهه 1960، مخترعین فناوری پوشیدنی از ابزارهایی استفاده کردند که برای تعداد کارتها انجام شده است. آن را به شدت افزایش می دهد شانس خود را برای برنده شدن در جدول رولت.
beat-the فروشنده

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

شاید دلیل آن این است که فناوری پوشیدنی در سالهای گذشته راهی برای دوستی بیشتر در مورد UI پیدا نکرده است.

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

و احتمالا، تا آن زمان، ما در نهایت آنچه را که آنها به عنوان اینترنت چیزها

این بدان معناست که در 10 سال آینده احتمالا گوشواره های هوشمند یا iNecklaces را خواهیم داشت. این ممکن است به اختراعات دیگری نیز باز گردد. با فناوری پوشیدنی به طور کامل تاسیس شده است، برخی از نابغه های فن آوری نیز امکان گجت هایی را که قادر به تعامل هولوگرافی هستند، می بینند. بله، مثل Ironman است. تنها تفاوت این است که شما می توانید تونی استارک بازی کنید.
width of wearable-gadget

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

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

ممکن است فکر کنید که تکنولوژی پوشیدنی آنقدر محبوب نیست. بنابراین، حس تطبیق چیست؟

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

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

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

در اینجا چند بینش وجود دارد:
طراحی ها مطمئنا به وسیله قابل پوشیدن واکنش نشان خواهند داد

این بسیار واضح است قبل از سن گوشی های هوشمند و قرص، طراحی وب بیشتر برای مانیتورهای رایانه مناسب بود. هنگامی که گوشی های هوشمند به یک روند تبدیل شدند، ناگهان، طراحی پاسخگو به یک روند تبدیل شد. حالا که سن
smart-watch

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

تقاضا در اطلاعات فوری نیز قطعا افزایش خواهد یافت. نکته اصلی استفاده از ابزار برای شما این است که برای دسترسی به اطلاعات حتی بدون دستیابی به جیب شما دسترسی پیدا کنید.
social -network-smart-watch
این معنی برای طراحی وب؟

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

ioptik

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

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

من این را برای تأکید تکرار میکنم: تکنولوژیهای پوشیدنی فضاهای صفحه کوچکتر را دارند.

این به این معنی است که 16px-font اندازه در برخی از دستگاه ها نیز بسیار کوچک است. جالب است که چگونه طراحی وب مدیریت می شود تا محتوا را روی یک صفحه کوچک قرار دهد بدون این که کاربر بتواند فقط به خواندن دستگاه نزدیکتر شود.
minimal

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

هرگز نمی توانیم بگوییم تکنولوژی پوشیدنی در بازار تسلط پیدا می کند. اما ما باید برای آن آماده باشیم. به عنوان یک طراح وب پیشگیرانه، باید پیش از این روند فکر کنید تا زمانی که وارد شود، از تنظیم تنظیمات عبور نخواهید کرد. بهتر است آماده شود.
src = "48.jpg
17  اينترنت و شبكه Network & Internet / مدیریت محتوای وب / معرفی چارچوب های وردپرس : 05 تير 1398,ساعت 18:33:15
معرفی چارچوب های وردپرس


سال ها، توسعه دهندگان تم وردپرس طرح ها و فرآیندهای خود را ایجاد کرده اند تا کار خود را سریع تر و آسان تر انجام دهند. بعضی ها با ایجاد یک قالب HTML شروع می کنند و سپس کد وردپرس را به آن اضافه می کند.  توجه داشته باشید  در این روش شما مجبور به نوشتن کد ها از HTML به PHP هستید.اما در نهایت، کسانی که  از بهترین روش ممکن یعنی چارچوب Theme استقاده می کنند موفق تر هستند.
چارچوب های تم پشتیبانی آسان و ایجاد تم را آسوده تر فراهم می سازد و قابلیت استفاده  از تم وردپرس را  گسترش می دهد. WordPress Codex اصطلاح "چارچوب" را تعریف می کند: چارچوب تم وردپرس به عنوان تم اصلی استفاده می شود. این به این معنی است که تمام توابع به چارچوب تم بستگی دارد. توسعه دهندگان می توانند تم ها را براحتی سفارشی کنند. در ادامه چند چهارچوب را معرفی می کنیم.
Genesis


Cherry Framework



Headway


Ultimatum

Thesis

18  نرم افزار Software / نرم افزارهای امنيتی،آنتی ویروسها / پنج KPI اصلی برای پیگیری UX : 05 تير 1398,ساعت 18:23:59
پنج KPI کلیدی برای پیگیری UX



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




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

KPI هایی که نشان دهنده پیشرفت در رابطه با اهداف مربوط به تجربه کاربر هستند به عنوان KPI UX شناخته میشوند.


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

کمی دشوار است ، اما از سوی دیگر KPI UX بینش بزرگ را در مسائل مربوط به قابلیت استفاده است.
تیم طراحی UX می توانند از دو نوع KPI UX استفاده کنند: کمی و کیفی.

KPI  های کمی UX
میزان موفقیت وظیفه
زمان بر روی وظیفه
استفاده از جستجو در مقابل ناوبری
نرخ خطای کاربر
مقیاس قابلیت استفاده سیستم (SUS)
KPI کیفی UX
انتظارات و عملکرد گزارش شده است
رضایت کلی

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





اگر چه این متریک هیچ چیزی در مورد اینکه چرا کاربران موفق نمی شوند ارایه نمی دهد اما این یک آمار مفید است.



2. زمان انجام وظیفه

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


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


به طور کلی، ماتریس زمان کار بر روی کار، تجربه کاربری بهتر است.

3. استفاده از جستجو در مقابل منو ناوبری

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


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




4. نرخ خطای کاربر

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

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



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

نرخ وقوع یک خطا :





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

نرخ خطا :




مثال: پنج کاربر پرداخت آنلاین کارت اعتباری انجام داده اند. این وظیفه دارای هفت موقعیت خطا است. هر یک از این کاربران بر این اساس اشتباهات زیادی را انجام داده است: 2، 4، 1، 2 و 3.


میانگین خطای رخداد خطای کار پرداخت آنلاین کارت اعتباری

(2+4+1+2+3)/7×5= 0.34
  0.34* 100 = 34%
5. مقیاس پذیری سیستم (SUS)
این یکی از ابزارهایی است که به طور گسترده ای مورد استفاده برای ارزیابی قابل استفاده بودن در نظر گرفته شده است. این KPI بر اساس نظرسنجی کاربر است و می تواند به سادگی بر اساس اطلاعات آماری محاسبه شود. نیاز به مشارکت کاربران دارد و می تواند به عنوان بخشی از آزمون قابلیت استفاده مورد استفاده قرار گیرد. SUS یک روش برای اندازه گیری داده های کیفی، مانند رضایت مشتری از محصول است. این شامل 10 اظهارنامه است که کاربران سطح توافق آنها را در مقیاس پنج نقطه ای می سنجند.


19  اينترنت و شبكه Network & Internet / طراحی وب سايت / افزونه های کاربردی فایرفاکس رابهتر بشناسید : 02 تير 1398,ساعت 01:23:35
افزونه های کاربردی فایرفاکس


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


AdBlock Plus
بیشتر ما می دانیم که برخی از سایت ها همیشه از تبلیغات مسئولانه استفاده نمی کنند؛ AdBlock Plus به شما این امکان را می دهد بر روی این تبلیغات کنترل داشته باشید و از شما در برابر نرم افزارهای مخرب محافظت می کند.


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

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


Tab Mix Plus
 اگر به طور مداوم نیاز به باز کردن تب های جدید دارید این افزونه می تواند به شما کمک کند. این افزونه دارای ویژگی هایی مانند نسخه برداری از تب ها، کلیک بر روی تب قابل تنظیم، تنظیمات فوکوس تب و session منیجر است که شما را قادر به ذخیره و بازگردانی مجموعه ای از تب ها به صورت همزمان می سازد.

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


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


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

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


All-in-One Sidebar
این یکی از افزونه های خوب برای مدیریت سایدبار است که دارای ویژگی هایی مانند نمایش یا عدم نمایش سریع، دسترسی سریع به بوک مارک ها، تاریخ، دانلودها، افزونه ها، گزینه های مکانی، و همچنین پشتیبانی از ترفندهای دیگری است.

Turn Off The Lights
گاهی اوقات ساده ترین ایده ها بهتر هستند. زمانی که در حال تماشای ویدئو بر روی وب هستید این افزونه حالت cinema را فعال می کند، بدین ترتیب بقیه صفحه نمایش را کاهش داده و تجربه تماشای ویدئو بهتری در اختیار شما قرار می دهد.


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

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


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

Enhanced Middle Click
این افزونه قدرت فوق العاده ای به چرخ اسکرول موس شما می دهد. برای مثال می توانید از آن برای نمایش منوی تب های فعلی، بستن تب فعلی، اجرای یک جستجو و.... استفاده کنید.


20  برنامه نويسي Programing / NET. دات نت / راهنمای مفصل برای جریان کاربری در طراحی وب سایت : 29 خرداد 1398,ساعت 01:40:29
راهنمای مفصل برای جریان کاربری در طراحی وب


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

know_your_user

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

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

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

رسانه های معمولی که از طریق آن کاربر می تواند به وب سایت شما وارد شود عبارتند از:
سوالات مهم در نظر بگیرید

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

water_flow

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

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

پایان

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

صفحه: [1] 2 3 4 5