Now, when I talk about the idea of branding I’m saying that you want to attach your business or your identity to a certain brand, like me, my name is Larry Lee and I’m in the mortgage business, but I call myself Larry the mortgage guy. I also talk about the cells disruptor right because I’m actually bringing myself to you guys these sales community.
Now, why is that important? Well, you want to associate yourself with something that’s easy to remember: okay, that’s what branding really is okay and you got to be consistent about it. So, every single time you read my articles, you notice, I introduced myself. This is Larry the mortgage guy, yourselves, disrupt it. Every single time right so by doing that you’re kind of subliminally speaking to the audience that this is the brand that you represent.
This is who you are right now. How do you take advantage of that? Well, on your personal page, you probably should mention that or put something like that, so maybe on your list of jobs or list of businesses or whatever you should put your brain on it. I also have, if you look at my profile, it says literally in the parentheses. It says it says your mortgage insider right, because I actually have a article blog called your mortgage insider again, another brand right, but anything to associate myself with something easy to remember.
I’m not telling you to pummel your entire, you know profile picture and your cover photo with you know, logos and and your brand. That’s not what I’m saying you can if you want, but what I’m saying is that you need to choose something. That’s easy to remember and make sure you present it every single time you interact with someone right. You know. I don’t even talk about more years when I’m talking to you guys, but I say I’m Larry the border guy.
That way, you know I do more. Yes, even though I’m not talking Amy about mortgages, okay, that’s what I mean by branding you’re, literally just associating yourself with an idea or a thought, or something easy to remember and you’re consistently pushing it out there. So people can remember it. Okay and if you put up pictures and such that are visibly, you should probably get a logo like that. You know at the mortgage guy or whatever right and another thing about branding is your pages.
You should share content from those pages to your personal page, with your brand, so you’ll notice that a certain post I post on my personal page and certain post, I post from my business page, which says literally the mortgage guy, okay and also check in if you Can that will again push your brain out there? Okay and that’s about it. So you guys any questions. Give me a call or text me email me whatever you want.
This is Larry the mortgage guy yourselves disrupter,
Hire a professional to manage your website! Find out how much it costs in the video below.
So, for instance, I’ve got this input here, wrapped in a label and that’s going to produce a visual UI like the one that you’re seeing here this radio button.
But that’s also going to create a spoken UI based on the built in semantics of those native HTML tags. Now, if you’re not quite sure how all of that happened, or why those semantics matter be sure to check out our previous episode on semantic. So I’ll include a link down in the show notes and we can also maybe drop in an annotation up here for you to click on. I just I have some background on how semantics work and why those are important in the first place now.
This is all good and everything, but there are instances where a simple layout in native HTML just aren’t going to cut it and so to handle these situations. We have the web accessibility initiative accessible, rich internet applications, spec, which is a bit of a mouthful. So you oftentimes see this referred to as wai-aria or maybe just Aria, so audio works by allowing you to specify attributes on elements which then modify the way.
Those elements are translated into the accessibility tree. So let’s take a look at a really basic example. Just to show how this works, so, if you create a a plain checkbox a screen reader is going to announce it. As you know, a checkbox it’ll tell you what its label, if it has one like we do in this case, where it says, receive promotional offers and it’ll also tell you the the state of the checkbox right, whether it’s checked or not, but let’s say you’re in A situation where, for whatever reason, you need to implement your own check box using something like like a div right, maybe you need to style it in a really special way.
So, in this case, we’ve got a div checkbox we’ve created here, and the screen reader is going to give the user really like no indication that this element is meant to be a checkbox. It might announce the the text inside of the div there, but it’s not going to tell you the role of the element. I can say it’s a checkbox. It’s also not going to tell you the state so excited you sure is going to be able to see these visual cues and they’ll be able to figure out that this is a checkbox.
But nothing is going to be announced to our screen reader users and that’s a really big problem. So using Aria, we can actually tell the screen reader about this extra information here up at the top, I’ve got some custom checkboxes just created using gives down at the bottom. I’ve got some checkboxes using the native input element so using voiceover. Let’s see how these are announced differently: voiceover, I’m chrome, custom checkboxes in custom check intense group with three items there and then slices group with two items: heading ten times check, check box and then slices uncheck, checkbox voiceover off.
So you see there that the the div elements just are announced as groups. It doesn’t indicate to the user in any way that these are checkboxes where it’s the native element. It indicates it’s a checkbox and it tells you the state whether it’s checked or not. So, let’s see if we can add some Aria to improve upon this so over in my dev tools, I will select these the checkbox elements and I’m going to start off by just giving them a role of checkbox and I’m also going to give them a state Of Aria, checked of either true or false, depending on you know the actual state of the element there.
So if a role checkboxes to the one Aria checked equals false and let’s try it again using the screen reader voiceover, I’m dropping custom. Checkboxes 10 pens check the checkbox and then slices contract checkbox always go over all. So adding that role and Aria checked attribute causes the middle Union accessibility tree to actually have the desired role and state without changing. You know anything else about the nodes, appearance or its behavior, which is pretty awesome right, we’re just adding in additional semantics using Aria.
So in terms of the accessibility tree, what ru does is it really allows you to subdue like tree surgery? So you take the accessibility tree as generated by plain HTML. You add Aria to that, and now you get a different accessibility tree and it may be subtly different or it could be radically different, depending on what attributes you use, however, keep in mind that this is really the only thing that ru changes.
It doesn’t change anything about how the element behaves on the page. For instance, it’s not going to suddenly make your element focusable, it’s not going to add keyboard event, listeners for you or anything like that, or you does not change behavior in any way. It really only is for adding in additional semantics. So if you, you know, if you’re making a custom control, it’s really on you to make sure you go back, and you also add in that keyboard support so you’re kind of like maintaining that that consistent experience for your users.
So now that you understand more about what ru is and kind of some of the basics of how it works, I want to cover some of the things that Aria will. Let us do in our application, as we saw in that check box example. Aria can add semantics to an element where no native semantics already exists. So, for instance, you take a div element, it has no built-in semantics, but we can use Aria to be able to role.
We can use already to give it a check State, for instance, build a custom check, box or radio button, or something like that, or you can also be used to modify existing element semantics. So, for instance, let’s say I’ve got a button element that I want to. Actually turn into more like a toggle button, so I can on/off switch type of control. I can give it a roll of switch. I’m give it an already check state of true or false, and now I’ve sort of modified the semantics of this control, and now it’s more of a even more specific kind of thing.
It’s like a toggle button right to switch button. It’s important to note here, though, that the switch rule is part of the newer aria 1.1 spec. So, as I’m recording this, you know there’s probably a number of assistive technologies which do not support this role. Just yet, just like all web standards. Aria is you know, constantly evolving and advancing to try and keep pace with new UI patterns, so that’s something important to realise as well right, if you, if you come across an aria rule, you also want to check for the support of that role in assistive technology To make sure it’s widely supported, and then you can use it another thing or you can do is it can express semantics and UI patterns which really like don’t already exist in HTML, and I think this is where Aria kind of comes into its own Aria.
Basically, will let you create accessible widgets, which are not possible using plain HTML. To give you an example. Here is like a tree: widget component, okay, we can take an unordered list and add all your rules of we tree item and group and add an already expanded attribute to a few those children and now we’re expressing the more rich semantics of this tree element and Again, there’s no tree tag in native HTML, so it’s something that you know we wouldn’t be able to build otherwise without aria, which is really important.
Another thing we can do and as we saw this in our previous episode on labeling or you can add extra labeling and descriptive text to an element right to give that element an accessible name. So, for example, if you have like an image only button which doesn’t use an actual image element, so you don’t have access to an alt attribute or anything like that to put alternative text on it. You can still use Aria.
You can use Aria label to give that element its own accessible name, and that way you can have it be announced properly by a screen reader to those users, or you can also express semantic relationships between elements which go beyond just like standard, dom parent-child sibling relationships. So, for example, a more complex relationship is something like this element controls that element over there.
Even if they’re not like you know, direct parent-child or anything. So in this case right here, I’ve got a button which controls whether a particular part of the page is visible or hidden, and it does this in the form of kind of a disclosure widget. You can see here where it shows advanced settings. We’ve specified using Aria controls – that’s actually controlling this group of elements down here for these Advanced Settings checkboxes.
So even though they’re not parent-child, they’re, actually sort of like siblings. We can create this new relationship indicating this element over here controls that elements over there, which is really cool and finally, Aria, can make parts of the page live, so they can inform assistive technology right away when something changes – and we saw this in our previous episode On building alerts, so we add role equals alert to some element.
We drop some new content into it and then it’s going to announce that immediately through assistive technology to the user. So are you giving you a lot of tools to make sure the experiences you build? Are semantically rich and can be easily understood by assistive technology? Now we’re definitely going to be diving into the subject more in the future, but that about covers it for today. So if you have any questions, you can always leave them for me down below in comments, or you can hit me up on a social network of your choosing.
As always thanks. So much for reading I’ll see you next time, hey. If you enjoyed this episode of Ally cash, you can always catch more over in our playlist or click. The little subscribe button and you’ll get an email notification whenever we launch new stuff on the blog. As always, thanks for reading
The main way that they do this is through links, they crawl from one link to another and find websites and then establish or determine what that website is relevant to so.
The process of link building for marketing purposes is to cast a wider, stronger net for search engines to frequently find your website and determine its authority. The main two processes for link building are internal link, building which occurs within a site and external link, building which occurs from out outside or external web sites, pointing to your web site of interest and the main factors.
I would say to take into account when you are doing link building is the link or the text that the link passes through the area on the page where the link is coming from and the overall web site where the link is coming from as well.
This is the second article in our article workflow workflow series, and so just to remind you of how we’re naming footage here. Here’s here’s an example of I’ve named this article project that I just this is actually the save out of ScreenFlow and it’s a 2013 06 01 and then the next 01 is the number of the article. That’s another important thing: if you shoot 18 articles one after another, you better darn well number them, so you know which is which so the first step.
This is the first article in this series and the name of it is creating edible, put a table. Edible editable footage so now we’ve got that one done and if we go over here and look in our PR reach assets, we will see yes. Indeed, we have our mp4 file here so now the next step. Well, if if this was a article, that a piece of footage that I was going to put on put on the web really quickly I’ll just walk you through how I would do it I for myself and then we’ll figure out how to do this for Rob Here I’ve got these article templates here.
I’ve got some old Camtasia ones I haven’t used in years, but here’s the primary one I use, which is this template for ScreenFlow for the inside track party. So I’m going to right click and say duplicate and take that and drop it into this project and, let’s see so too so all I did was change this ScreenFlow project to eben, pagan, accelerate press release all right now, let’s open this file up and you can See what’s in it, this is really important, because if you do this, it’ll save you loads of time when you’re doing article edits.
So you see inside this project, it’s very simple for – and I do all my article editing in ScreenFlow. So all i’ve done here is the first thing to get a project ready. Is you click the resize here and you change the background of white, the defaults black and I much prefer the white letter boarding to black and then you just say apply, and that gives you a white background to work with. I used to take a white ping image and stretch across the whole thing and inside this there are a couple of pieces here.
One is this front piece that I’ve just got inside track party, and then you know some bullets and then I’ve got. My next thing here is another part of the front plate. Template is your the right place if you love having the inside track on living world? In which love join your tribe today get the inside track. So these are common elements that occur in most of my articles, so we’ll go back over here, oh and also there’s a bumper, this little audio track so that audio track.
I just put together in about 15 minutes inside of GarageBand years ago, and if you ask me how I did it, I I would just have to get back into GarageBand and play around with it. I just I was one of the first thing, as I ever did in GarageBand. I just fooled around with it and and messed around with it, adding instruments to an existing track and or what was it now. I took a bunch of beats and remixed them to come out with an original sounding stinger.
So let’s go over here to our front plate and then we’re going to change this. To, let’s see, I guess you know well i’ll, show you how I would do it. I would change this to David favor and announces and you know maybe I’d change this domain to mine, and I do you know reformat this different ways I could go. I could cut this and put it up here and help if I spilled, announces right and then was this eben pagan, accelerate and then there’s a bunch of blank spaces here which ought to be getting rid of goop oops.
So I clicked outside of the box and then inside the box wants to get the handles and just squinch in this up together. It looks like there’s two block lines in there, so I got rid of one very mount seen and I’d probably change this to heaven. Peg and accelerate alright, so here’s our and I’m just dragging this to get a centered bang and I hit the command save to save it. So now I’ve got my front plate done and then I’m just going to go over here to where is my asset folder and I’m going to take my mp4 file and drop it here in the media bin and now we’re done with this? We don’t need this piece, because this is.
We just got one piece of footage. So now I’m just going to take this one track bring down here. Take my audio bumper and my text. Bumper save the the project which is command s again, see how it looks. Welcome to another PR reach com, article news release in today’s news: eben pagan, accelerate bonus, total more than three thousand dollars reveals black box social media and online marketing company that utilizes the latest digital marketing strategies to assist small businesses with getting found online.
As a noun surprise, I noticed that her voice is a little bit out of sync. I I mean I won’t do it on this article, but I would probably go back and try to add back in my a sink one option to the re, rapper and then I’d probably also go back and maybe try a few things to maybe transcode it into An MOV container instead of an mp4 container and see if I could sink her voice up a little farther, but this is good enough for government work right now.
Now I’m going to hit the resize canvas and we’re going to change this to a normal 1920. 1080 P whoops to provide type 1080 correctly. Now, let’s make sure that we’ve got this all lined up alright, so everything looks good here and just going back as I did this really fast. If you click this resize canvas, I just change this to the normal 1080p format, which is 1920 x, 1080 p and then i’ll right click on this and i’ll say add starting and ending transitions, which is, if you, if you now read what happens, is this sort Of fades in slowly and then that’s it for me that this is.
This is the final, the final project for me and then I would go up and say export, and this is really important to we’re going to export it. A hundred percent and i’m going to hit customize and always export at say current for the frame rate and then for dsl’s or sales letters. Things like that always do a thousand bits kilobits per second, and always do what ever the lowest frame rate like eight, because you don’t need a 30 or 15 or 60 frame per second article.
If it’s just a article sales letter, because the the amount of changes between frames is so low that the love that the low frame white you’ll never even notice it with em – and I now for article footage with moving people like this girl, I’d, say export at The current and I cap this at 5000 kilobits per second, and that’s it the fastest fastest in code, use always single pass instead of multi pass, because the multipath doesn’t really buy you much anymore, and then here I’ve got quality is set at best whoops, just like It’s disappeared off the screen here, a little bit, so the quality is said best in this is set a mono recording or mono output.
So that’s! Ok! That’s! Ok! Let’s just see how long this! This is a two point, two three two and a half three minute article. So let’s see how long it would take if I was actually going to export this. So let’s go in here and again we’re going to export this as our the same name here. So I’m going to choose that as the name up here and instead of going to the desktop, i’m going to say other and i’m going to export it directly into the pr reach a set place.
And let’s see how long this would take. Ok so see, it says that it’s only going to take three minutes to export a three minute article. Now here’s an important consideration if you’re doing this on a machine like see how can I explain this? Actually, let’s, let’s go back to our terminal window. All this is exporting. I can explain this well here, i’m going to say i’m going to run the program top and I’m going to say, sort the output by a cpu time.
Now, if you look at the CPU indicator here, it’s running at tell us this net. Telestream is the export function of ScreenFlow and you’ll notice. There’s this line and this line and both of those are running near three hundred percent. So that means that this export function is taking six hundred percent of the CPU. Now, what that means is that I’ve got a I’ve, got a quad core, hyper threaded processor in this machine, which means they’re eight cores.
So that means that you could realistically export at eight hundred percent of the CPU, because that’s eight cores so eight times 100 is 800. This is so efficient that it’s using you know something like seventy five. Eighty percent of the entire machines throughput right now is now dedicated towards Telestream. Most programs are very, very bad about using the full power of the machine to export. The ScreenFlow program is really good at making use of all the available processors.
So it’s sucking up all the processor time, which is what we are after so we’ll go ahead and put this in background will cancel this because we don’t really require to do that now. So that’s at three minutes! So if you, if you do the math really quickly, if you were doing that same export on a machine with only a single core, it would probably be between something like 18 to 36 minutes for the 3-minute footage output.
So that’s another consideration is when you’re doing exporting, like if you’re setting up, for example, a mobile platform to do article encoding, which is what i’m talking to rob about, then what you do is get you a one of the latest macbook pros that has a quad-core Hyperthreaded processor in it, so you get eight cores. In fact, the current macbook pros have a processor that is more powerful than the imac that i’m using here to do this article on.
So I would guess that if you were using one of the new macbook pros that export time for a three minute, article would probably be around two minutes, which is just insanely. So now. What I’m going to do is close down this article and then we’re going to go through and I’m going to try to drop in a green screen behind this and then after I’ve got the green screen image behind it. Then I’m going to go and drop in rob’s PR reach bumper and trailer assets.
So we’re going to save this we’re going to stop this. You
Videos are truly an awesome way to get the point across. Any type of content from your business is important!
Hi, I’m Matt McClelland and I work for SEO com. Today, I’m going to answer the question of how a YouTube article can help your SEO strategy first things. First, it can be a great way to show up in the search engine results pages a lot of times. Google will put articles in the top 10 organic listings, depending on the relevance of the search. Secondly, it’s an easy way to get a great link from a great domain. Third, it’s a way to add fresh content to a page and finally, articles can be a great way to engage users and tell them a little bit more about what your page is talking about.
我叫 Eiji, 有个可以解决这种问题的简便方法, My name is Eiji and there’s a handy and simple solution: 叫做联合登陆 To this issue called federated login 联合登陆意味着用户 Federated login means that user authenticates 可以用第三方身份进行认证 Using a third party identity, usually 一般不用再输入证书或配置文件信息了 Without reentering credentials or profile information, Google 登陆是, Google 在联合登陆上的一次尝试 Google Sign In is Google’s take on federated login, 它可以让你尽可能简单的去实现 And is designed to be as easy as possible for you to implement 并且方便用户登陆 And for users to sign in 让我们看看它的工作原理 Let’s see how it works: 这是个登陆按钮 Here’s the sign in button 用户点击后, 出现一个登陆窗口, When the user taps on it, a sign in window appears 用户选择一个账户 The user chooses an account and then signs 如果还未登陆就进行登陆 In if he is not signed in already 用户允许访问配置文件信息 The user allows access to profile information, 现在弹出的窗口关闭了, 用户登录成功, Now the pop-up window closes and the user is signed in 要注意的是 当前应用请求用户权限的最好方法 Notice that the current best practice for asking permissions 是增加它的权限 Is incremental authorization 这意味着与其在登陆同时请求用户权限 This means that, rather than signing in and requesting user 你不如直接登录 Permissions at the same time, you should first 并且只在需要的时候 Sign your user in and request for permissions only when they 请求权限 Are needed, 想了解更多详细内容, 还请看我关于权限的视频, Check out my authorization article for further details on this 现在让我们看看如何轻松 Now, let’s take a look at how to implement Google 实现 Google 登陆 Sign-In in just a few steps: 首先 前往, Google, 开发者控制台 First, head over to Google Developers Console 创建一个工程 添加证书 Create a project add a credential 配置一个同意屏幕 再创建一个客户 ID Configure a consent screen and create a client ID 在, HTML 中 用 meta, 标签把客户 ID 添加到 head 当中, In HTML add the client ID to the head section using metatag 之后加载 api.
Js Then load api.Js 它是, Google, Javascript 库的核心 This is the core of Google JavaScript library, 加载完 api.Js 调用 gapi.Load 方法 When api.Js is loaded, call gapi.Load, 导入, auth2, 模块来启用, Google, 登陆 To import auth2 module to enable Google Sign-In 再调用 gpi.Auth2.Init 方法进行初始化 Then call gapi.Auth2.Init to initialize 一旦这些都完成了 你也就准备好了 Once these are done, you are ready, 下一步是生成一个登陆 button The next step is to render a sign in button 最常见的做法就是采用传统的 button.
The most generic option to do this is to use a custom button. 可以用标准 CSS, 在, HTML 标签中设计 button. Put an HTML tag and use regular CSS to design the button 别忘了看我们关于 button 的设计指南 Don’t forget to read our guidelines for designing the button 你还会在同一文档中发现 button 的资源文件 You also find the button assets in the same doc: 添加一个事件监听器 这样在点击 button 时就会进行登陆 Add an event listener and invoke sign-in when the button is pressed.
登陆功能会返回一个, Google, 用户对象 The sign-in function returns, a Google user object, 可以用它得到基本配置文件信息 例如姓名 Use it to get basic profile information such as username, 电子邮件, 以及用户头像, Email and the profile image 最终 用户调用, signOut 方法就可以登出了 Finally, users can sign out simply by calling signOut 了解更详细的工作过程 可以回顾我们的样例代码 Review our sample code here for a more detailed work through 好了 Ok.
这就是用 Google 登陆进行认证的基本内容 This was the basis of authentication using Google Sign-In 但是涉及到服务器时又该怎么做呢 But what do you do if there’s a server involved, 或者如何以用户身份访问 Google, API, Or how would you access the Google APIs on behalf of the user, 我会在接下来的 I will talk about these workflows, 系列视频中讲讲这些工作流程 In the following articles in this series, 感谢您的收看 我们下期再会 Thank you for stopping by and stay tuned [ MUSIC PLAYING ]
Optimization son una serie de técnicas que tenemos que utilizar todos los que tengamos una web y.
Un blog para posicionar las en google es decir a través del seo. Conseguiremos que nuestra página web vaya subiendo escalones hasta llegar, a las primeras posiciones en google y cuando un usuario haga una búsqueda relacionada con nuestro producto con nuestro servicio o con nuestra marca apareceremos nosotros y por, qué nos interesa porque, a día de hoy, google y el Resto de buscadores son una fuente clave de información cada vez que necesitamos saber algo consultamos en google así que por favor que menos que a día de hoy tu página web aparezca ahí y esté, visible jugosa para que cualquiera que lo vea entre en tu contenido así Que vamos a comenzar con los tips: para hacer, buen, pse, o estos tips, son, a nivel, básico vale, no quiero entrar en profundidad en todos ellos bien hacer un seo brutal porque necesitaría 8500 vídeos así que vamos aquí acogería la materia y uno, a uno los vamos Desgranando realiza una búsqueda de palabras clave siempre insistimos en la importancia de las keywords, y por, qué porque es vital que establezcas antes de elaborar tu contenido la palabra clave sobre.
Lo que vas a hablar hay muchísimas herramientas que te pueden ayudar a hacer, esta búsqueda como por ejemplo keyword tool, send rush, o el facilitador de palabras clave que tiene google h, tú puedes usar la herramienta que prefieras para tu, negocio y también, podéis hacerlo de esta Manera poner en google la palabra clave que queréis posicionar y ver otras relacionadas así conseguir es captar muchísimos sinónimos que también podéis utilizar a lo largo del contenido cuando abramos sobre las palabras clave, no nos referimos, a una en concreto sino, a una frase que es la Que utilizan los usuarios cuando hacen una búsqueda, ten esto en cuenta porque suelen ser frases de tres cuatro palabras es decir puedes ir a por palabras long tail, tienen menos búsquedas hay menos, competencia, entonces posicionar, as antes y además es probable que los usuarios que las estén Buscando estén mucho más interesados entonces tienes que identificar esas, palabras y darles caña porque pueden ser una fuente de tráfico bruta en cambio en palabras clave más generales sí que es verdad que tendrás muchísima más competencia es decir hay más gente que ha escrito sobre, esa palabra Clave entonces tienes que asegurarte antes de escribir sobre eso que tu artículo.
Lo va a petar porque si. No no vas a parecer que tienes que hacer una vez hayas identificado tu palabra clave muy sencillo tienes que incluirla en todos los títulos tienes que incluirla en la descripción y por supuesto. A lo largo del contenido que tenga una densidad adecuada que no sea todo el rato muy repetitivo en torno a la palabra clave porque hay. Google te va a penalizar entonces usa, esa palabra, usa, sinónimos usa términos relacionados que te ayuden a posicionar y que.
Google entienda que está todo aunado en el mismo contenido y que ese es tu tema así conseguirás un posicionamiento mucho mejor parte número dos los títulos, los títulos van a estructurar el grueso de tu contenido tienes título 1 que es el más importante título 2 título 3. Entonces el truco que siempre damos es que te estructuras en la cabeza. Como si fuera un índice de word: el título 1 es el más importante del título 1 al 2 y dentro del 2 van los títulos 3 luego puedes poner otro título 2 y más títulos 3 por ejemplo, porque son tan importantes, porque, como, decía, estructuran, tu, contenido, Tienes que intentar que aparezca en todos los títulos la palabra clave o al menos términos relacionados porque te ayudarán, a posicionar muchísimo mejor utiliza imágenes vídeos todo tipo de contenido en otros formatos que ayude a hacerlo más dinámico más visual y sobre todo fácil de leer.
Porque. Si no se aburre es a tus lectores, se van a ir se van a ir y eso, no nos gusta con lo que cuesta captar tráfico y más, con el posicionamiento, no vamos a hacer que una vez que entren se vayan porque somos aburridos, no pues a Dinamizar unas claves para las imágenes asegúrate de que pesan menos de 100 kilobytes asegúrate de que el nombre del archivo coincide con una palabra clave, o relacionadas y pon siempre un texto alt vale así las imágenes nos aseguramos de que, también posiciones, porque además de hacer, búsquedas De resultados por texto también las imágenes posicionan y cuando cambiamos en el navegador de google en vez de noticias, o texto lo que sea a imágenes ahí también podemos aparecer y también podemos captar tráfico por, esa vía así que para darle, caña 4 utiliza los enlaces es Muy importante que tengas una estrategia sólida de link building tanto interno es decir enlaces que van moviendo, a los usuarios entre tus páginas por ejemplo estás en una página pues que la muevan, a otra también de tu página web luego que lo mueva un artículo del blog Entonces vas haciendo como una conexión, entre todo tu sitio eso es súper importante pero también tienes que conseguir enlaces externos es decir enlaces de otras páginas web con artículos relacionados con tu temática por ejemplo que lleven a los usuarios hacia tu página así conseguirás muchísimo tráfico y De calidad y esto, google lo premia muchísimo si quieres saber más sobre estrategias de link, building por favor mira en la real academia del marketing, porque tenemos un vídeo que es de rechupete, a importante cuando metas un enlace en una frase de tu contenido intenta que esta Frase se corresponda con la palabra clave, a mí por ejemplo si quiero mandar un enlace, a un punto com me interesa, que el anc or test es decir esta frase que tiene el enlace coincida con unidad puntocom pero si yo estoy hablando de modelos de negocio quiero Que mi enlace aparezca en la frase si quieres ver un modelo de negocio que sea muy útil y muy eficaz pues el enlace, lo quiero en modelo de negocio, porque así ya, como que haces una relación mucho más específica así que eso, cuidando también vale esto, se Llama en cortes y luego tres cosas deseo que hay que cuidar muchísimo una es el meta, ti te es decir el título que aparecerá en los buscadores cuando, a los usuarios sus búsquedas es el título principal de tu página.
Lo tienes que cuidar muchísimo que contenga la palabra clave que sea a corto que sea clic veis que los usuarios lo vean y digan dios mío me muero de ganas por entrar en esta página seguro que resuelve todas mis dudas otro punto clave es la meta, descripción Es un breve resumen de todo tu contenido entonces cuidado muy bien con la palabra clave al principio y que se sepa de antemano qué es lo que van a encontrar cuando visiten tu página así tienes más posibilidades de que hagan clic en tu página y.
No en la de la competencia que al fin y al cabo es lo que nos interesa y por, último la url, el enlace esto. Lo tienes que cuidar muchísimo tiene que contener tu palabra clave y tiene que ser corto yo recomiendo que no tenga más de cinco palabras vale porque así es más corto entonces el usuario, lo ve más atractivo porque, a nadie le gusta encontrarse un enlace estos que miden 1500 kilómetros porque además generan, un poquito de desconfianza vale cuando son tan tan largos y, no se aprecia a primera vista que vamos a encontrar así que cuidamos los enlaces y ya.
Con estos tips que os. He dado yo creo que ya podemos empezar con el seo. Básico y darle muchísima caña, a vuestra página web de todos modos si queréis informaros para hacerlo muy muy bien hay, muchísimos cursos online que además son gratuitos hay plataformas que te ayudan a hacer el pse, o como decías en rush indispensable, para medir, qué, tal, estás, haciendo, El pse página pero luego también hay por ejemplo eventos como ensaladas, o el pse on the beach que son, a nivel nacional y están llenos de cracks del sello que dan unas ponencias brutales así que estas son mis recomendaciones para hacerse, o básico y como, siempre cualquier Duda que tengáis ya sabéis pone un comentario suscribirse y contactar con nosotros hasta luego [ Música ]
So you know a lot of a marketer is a lot of a business owners. Always try to want to find the best tools. What can help me paid one expensive, one, cheap ones free once all that stuff. So what I want to say is the tools are great, but there are so many tools available now that a don’t cost money that you should use them and you have plenty of fun – would work with it.
So I’m going to go one by one. All of these tabs have been open with all of these google-owned tools and that can help you with SEO and i’ll explain, kind of a tip or two about each one. So the first one, obviously we’re going to start with google com. So any time you want to do research, you want to find it your complete, your competitors are doing and you want to search specifics, use google, so very simple, not not something! You know a secret or anything.
Everybody knows this, but what you can actually do – and you really need to get good at this – is to know how to search so, let’s say i’m selling soccer jerseys. Okay. So if I’m doing research one, obviously I can search for all of my competitors, see what they’re doing to I can use things like a you know, site colon or I can use all these different search operators to refine it look for it. I can use things like the refining by blog.
Maybe I want to find all of the blogs that that a deal with a softer right, so I can then reach out to them. I can create content for them. I can use. I can always subscribe to search within the discussions or news or stuff like that, so google com number one most powerful tool for any kind of an marketing research that you want to do pretty obvious now. The second thing, which is the second tab, is basically to use a part of what’s in google com, which is the three auto-suggest, so a what happens when you know, when you type in something it’ll, try to give you so say.
If I type in salford soccer space, it will try to give me what are the next most popular searches that people actually type in, so that can give you content ideas, more ideas of what’s going on and really give me a lot of insights so use the Autosuggest, it’s very very helpful. Ok, so we did that so google com auto-suggest and we talked about ok, so the next one is AdWords. So right now I didn’t sign in, but I just wanted to give you a tip about Adwords.
So if you’re doing SEO you’re doing organic marketing, AdWords is actually, in many cases a very good, complementary tool. Uh, because it’s right now a Google Analytics doesn’t provide all of the keyword data for for organic results. You know they have that not provided getting to right. Now about eighty percent or so and soon getting to a hundred, you don’t really have much information. So before you do a SEO efforts which you obviously know takes a lot of time takes months years and on you want to try too many cases pay some money.
Get actual keyword, data know what converts better, don’t don’t spend two years trying to rank for a keyword and the conversion rate is not good. Is so spend some money and gather some data for a lot of data. Okay, so that’s that’s. Adwords equate fit okay, so AdWords we get now. The next thing a part of AdWords is the actual keyword tool right. So um we used to be the adword keywords tool. Now it’s the keyword planner.
Obviously you can cap into this tool and give gain information about who searched it. Sorry, what are people searching for? What are the numbers, and then you can search by landing pages, maybe you’re clear competitors and just get gather additional information, which is keyword, tools, very helpful, of course, forever SEO efforts. Okay, next thing is a Google Alerts. Google Alerts very simply put you, can set queries to check every now and then, let’s say every day, you can take right in your competitors website and see what engines are talking about them.
You can have a alerts for specific types, may be only a blog posts about something that you’re looking for so using this alert system. To actually give you insight and help you check automatically this information very, very useful. I love doing it for competitors to see what they’re up to I love doing it for our brand name and a lot more other hands. Okay, so great. So the next thing is obviously Google Analytics, so I’m not going to go into it, but Google Analytics has tons and tons of information.
What are your users doing? What are they not like about the efforts? What are the key words? What are the top landing pages on and on and on and on so very helpful for a lot of stuff? Ok, the next thing is using Google’s blogger blogspot have a blog, yet content link for yourself get more users, write more content, very, very obvious. Ok, the next one is the Google PageSpeed or Google developers in general.
So it gives you a lot of insight, but I like to use pagespeed because actually i’m very obsessed with half with that’s the page load a loading time and I just love working on that and making our clients website as fast as possible. There’s been many many researches research that has showed that the having slower speeds on your website actually in make your visitors lead. So you just want to have a nice design store.
We want to have a nice quick store, so evaluate it analyze your store figure out. What the problems are, make it faster and faster and faster. Also, you can use things like a Google’s it and mod PageSpeed, which I helped your server run faster. If, in that, you know some of our clients who use it, but some of the time it’s a little over memory usage on our servers, but it’s a good idea. There’s a lot of tools.
There’s a lot of caching a lot of all these tools that you can actually read about in the Google developers. Next thing, obviously, is Google Calendar setting up just updates setting up a regular content calendar? You know once a week you write for a blog. It twice a week you research about this three times a week. You do this and that very, very useful. Ok, next one Google Drive a great for collaboration with Excel the word: hey all that stuff between teams.
You know, so you have everything online. You don’t always have to have what one of the same computer is great for creating public documents that you can actually gain leverage from them for SEO. Just perfect for organizations perfect for link if we reach out organization having all of your contacts in one place: lovely very, very nice, app yeah. The next one, which I actually forgot to put, which is very helpful, which we do is actually a gmail or google apps right.
So we basically have you know everything in one place: a Google Apps it your your gmail, easily searchable. You can use templates for your emails if you have reach out to maybe, and they you just have everything in one place. I really like Google Apps to recommend it strongly. Okay, next thing is google plus so again a you know, google plus tied into search algorithm a now. You have personalized search, so it’s great for your friend sister to +1 things to search to connect in the communities on and on and on, and this is just a picture.
I took it in one of the moles a few days back and I just thought there was no assistance. So again you know Google Plus very recommended great tool. Next one is google translate especially perfect, especially good, for you know, learning about opportunities from other languages. Maybe you’re looking to translate your website and you want to figure out more opportunities, maybe reach out and just expand.
So using google translate in a global. You know more global internet and more global world is very important. Next one obviously Webmaster Tools, a lot of insight and you can figure out about your ear. Crawl errors may be things you have to redirect real ones from 404 pages, a lot of stuff, some Webmaster Tools, you know tons of stuff. You can actually improve them. Do next, one is the head platform which we’re using right now is creating articles creating content SEO SEO marketing getting out there is about a big part is about creating content, sharing your information, helping solve problems, creating articles like what I’m doing right now and later on.
Also interacting with your community, so the way I do it and I would love to do it and to continue is now for this article. For example, if you have any questions about any of the google tools and how they can help with your SEO, our marketing efforts I’ll be happy to help, and I want to help you guys in the comments. So ask me any questions and i’ll be happy that they give you detailed answers about any questions you have and just more information, and I want to interact with you guys.
I want to create more content and I love your questions and it is done, and the last thing which I like to do is actually google web history. So if you go, then your settings, you can, you can go into web history if it’s enabled and if not, you should enable it and the reason I like it is I like to create content right. So what I like to do is anytime. I search for some kind of problem with in my industry or my business or my client business.
I search for so let’s say, for example, we’re set it and selling again soccer jerseys. So now, if I’m a business owner, one of my workers is actually searching for something in order to solve a problem. I want to actually go back to that history. Remember what problems I have and then obviously remember what the answer was and I want to share it. I want to share it with my my potential customers, with my customers, with my workers and and using this kind of a what you search for this theory of, if I search for it, probably because the internet is so big or so many people online.
Probably there’s many more people searching for it. So if you can go back to what you searched for figure, it out right content create articles, create images, infographics, animated, gifs, blah blah blah all that stuff. You can actually use that that history in order to kind of create content I that stuff, that’s basically it so again, if you have any questions about this, about any tools to help in either within google or otherwise that help with SEO help with marketing I’ll really Be happy to help with you guys be happy to assist.
Thank you very much for listening to this article and we’ll be creating some more soon. Thank you.
Everybody goes oh when I start to talk about this, but it’s something that can really change your life. I just wrote a post about this on my website and I of course use long tail keywords in my keywords. So Google SEO things like that.
So let’s talk about at 40,000 feet what longtail keywords are because there was a gal in a Facebook group. The other day and she had written a post and I’m going to say I’m using my friend barb grassy as my goat, that she’s the book loss and she helps writers. She helps edit book. She helps coach writers, she’s except successful author herself, and so I figure if barb doesn’t know how to do SEO. Longtail SEO, then, who does so longtail SEO means kind of you’re going to go for the shortest version of the biggest keyword you can pick? Okay, so I’ll give you an example from my site when I started my website years ago, I was trying to rank for real estate marketing and or let’s go back to marketing right like I was trying to rank for marketing and there’s no way, I’m going to Rank in Google for the term marketing because there’s a lot more bigger sites that can rank for that, but even real estate marketing.
You know if you do a search for real estate marketing, because marketing people do marketing there’s um million there’s over 1 billion results for real estate marketing, okay, and so I I knew I to do some other things. That would help me rank for longer. Tail keywords like real estate, marketing marketing to a farm, real estate, marketing, funny realtor postcards real estate marketing how to get your first listing like those are all longer terms now.
Would I use real estate marketing every single time heck? No, I would say marketing your real estate business, how to succeed at real estate at your real estate, marketing how Realtors well you’re not supposed to use Realtors. I got in trouble for that one. You got to read your chart, your trademark keyword terms, but so real estate marketing. So you have real estate marketing strategy tools, ideas.
So then you can go even longer right, so real if real estate marketing was your logging. It like your shortest long-term keyword, then you would add things on the end, so we’re going to go with Barb’s and we’re going to yell at her. So I found this on her site. How do I start my book and I’m sure that this is super super interesting to her people, and I love that she’s answering a question that her readership or the people that she meets in public or her coaching clients house.
So this is probably I do this too. I’m like okay, I get to ask this question a thousand times. I want to answer this question. How do I start my book, but from a standpoint of Google, if you go and figure out, I use a tool called ubersuggest, it’s free and what they do. Is they pull in the Google search volume? So I did a search for how do I start my book and this was closest to it. How do I begin to write a book so for D and then, let’s see if we have how to start, how do I start a book? Thirty? How do I start my book ten? So those are searches per month, so I wan na help barb get right.
So that’s excellent! That’s going to be like part of her title, but we need to get her longer like more search volume. Keywords in her long tail. So, let’s, let’s sort this by search volume, can we search it by search flight filter results? Oh find keywords within search results. That’s awesome! Oh, and it’s an order by search form. It is in order by search volume, okay, so uh, okay. So how to write a book? How to write a book is our very, very, very best volume, 40,000 searches a month.
So we got how I’m going to write little notes over here right, I’m going to do this, how to write a book. So now, let’s find out from Google how competitive that search term is because probably other people know about it: how to write a book right how to write a book. There’s a 64 million different how to write a book results, and that is, if you put the quotations around it, it forces you to it forces Google to just look up in that exact order right.
So if we took them off so there’s a million how to write a books, there’s a billion how to write a book results, so we can’t really probably compete with that very well right. So, let’s add a word nonfiction right: how to write enough fiction book. How to write a nonfiction book now we’re down to 54 million results, which is still a lot, admittedly, but there’s only a hundred and sixteen thousand how to write a nonfiction book.
So we went from billions to hundreds of thousands, so I would say we could start with how to write a non-fiction book right whoa. We could do write a nonfiction book how to so. We just moved our how-to over how to get started right just by changing that. How do I start my book right like? How do I start? My book is not good, but how do write a nonfiction book now, let’s see uber, suggests write a nonfiction book.
It’s Lincoln it’s thinking now, isn’t this fun the best two seconds to figure this out a nonfiction book? Oh start it right. We want to filter it by words that have right in it how to write a book. So that was our 40,000 book. I write a novel: how to write an e-book, how to write a book, so we still have our how to write a book, how to write a book now. Is it an order right so she may want to. This.
Is it this is where it gets super exciting how to write a book for nonfiction authors right? She may want to write a big giant post. That is all about how to write a book for nonfiction authors right. So here’s my thing: this would be her bullseye. So this would be how to write a book for nonfiction authors. That is just blatantly going after the highest level of SEO longtail keyword that we think we can get.
Then she would say, write a nonfiction book how to get started. That would be one of these supporting posts. She would link back to that. She has other she’s other posts that are titled poorly, that we will go look at. She has a lot of words here, she’s writer, so she can. She can write some words. Girlfriend doesn’t have a problem with that choose one: how long should you book B so then she would do a writing non-fiction.
How long should your book be, which is slightly different right, writing nonfiction, is different from write. A nonfiction book people ask me all the time. So if I get a longtail keyword, should I do that one over and over and over again – and the answer is no like – that would be the most boring thing and you would only be trying to get that one tiny, long-term keyword search, let’s see what I Don’t want to know what shoes one is except the worst title ever Barbara Grassi.
You know I love you. Okay, write a book. He had ideas for as a marketing tool. Okay, so this is kind of about marketing. So we’re going to say, writing a nun. Now we got write a nonfiction book, write, nonfiction, writing, nonfiction and writing a non-fiction book to market your business right, and so now we have our three posts that we can try to get to how to write a book for nonfiction authors right and as we do More and more content with those longtail keywords on our website or on our blog most people have a wordpress or maybe a square skate space at this point.
But as you write more and more of those, you will go up so in my first example where I was telling you minis talking to us in my first example when I was telling you about my how to marketing to a farm or how to you know, Do a funny, realtor, postcards and stuff like that, what happened was I wrote enough different posts that were about real estate marketing? That, eventually, Google began to give me credit, but in the meantime I got Google traffic from those littler posts and my blog started to grow and I started to gain Authority.
So that is how you do. Longtail research in a super super easy to step way. Hoover suggests find a better search term that has more searches and then do a search on Google to find out what kind of results they get. Oh, I forgot one more thing: ooh. This is very exciting, so you can also do this. So if you say nonfiction, I don’t think it’s going to be in there. I think we got to do nonfiction, author Association, nonfiction authors, but let’s say right oops.
If I could type I would be unstoppable, oh shoot. Now we have to I’m glad that happened, though. So because I did that write a nonfiction book search, we need to do a incognito window, so I’m on a Mac. So I do control shift to control, shift command and just look up non opening on an incognito women window. So we’re going to go. Google right and then we’re going to say, write a book in a month in 30 days, so obviously, obviously there’s a lot of quickness around like that would be some good topics.
You could use right ain’t, let’s see what happens if we do nonfiction book outline. Oh, my gosh. She could do a an outline business plan. That’s nonprofit business plan. So let’s see write a nonfiction book fast, there’s fast again, it seems to be writing a nut seed. Now this is where now we’re crossing over to the other word. So we went from write to writing writing a nonfiction book for the first time.
That’s a really good one, and so, as you do this you’re going to be able to find these things in Google and just start writing them down. Everybody wants to make this so hard. Google tells us exactly how to do it, and this is how I do my research. Now I have all kinds of expensive keyword tools. I love SEM rush with the rest of us. I love you know the Google Keyword planner, but nowadays you can really start to get those super high level keywords right from Google just from showing the search and then doing a little research so hopefully helps Tara, Jacobsen marketing artfully.
If you like marketing articles, please make sure to subscribe, and if you like this article, please be sure to leave me a comment below YouTube, really likes comments, and I will talk to you soon.
I did some research and it’s interesting, because emotional design is one of those things that not that many people have been talking about. So I actually they do mention it briefly, but I thought it was very interesting that it’s been a while, since a book came out and so on and so forth. So I actually guided myself with a book that I’ll be talking about a lot today by Aaron, Walter and I’ll.
Give him all the credit, but i’ll point you two very important sections of it. So, let’s start okay, so um, that’s the book. I was just telling you about. The first thing I want to mention is that I always find myself talking about the Industrial Revolution and some of you so my speech back in Tokyo X in Manchester, but I find it so important to think about where we come from them. The journey we’ve taken us as human beings, exact especially in this new era of technology, so um the the work.
The last time I was on this stage for you x for good. I talked about the Industrial Revolution and the actual role that they play for children and what it is to be a child in this third era or fourth area of the Industrial Revolution people still debating. If the Internet of Things is the fourth error. But in order to introduce this concept of emotional design, I would like to refer to the first chapter and I’m going to refer to a lot to this book of our own Walter call emotional, I’m designing for emotions, so he talks about revolution.
Something lost something found there. We go alright with the ability of mud too much produce almost anything. A skilled craftsman like blacksmiths and Weaver’s could no longer complete compete with factories, low-cost and faster production. So back in the age of the Industrial Revolution, the founders of the axon crafts movement started to think about this and realize that a craftsman leaves a bit of themselves in the work and it is a true gift that can be enjoyed for many many years.
So if, if we were to think about this, what does it mean to be able to mass-produce everything? So nowadays we have sites such at sea and Kickstarter that are empowering artists and crafts. People to get give that gift again to be able to kind of complete with that compete with those must produce products that we buy on a day-to-day basis. So how many you, how many of you have bought products from etsy? Ok, cool! That’s about! Barely a five percent, so how many of you have ever back up a Kickstarter? Okay, I would say another more like a ten percent okay.
So how did it make you feel um? Can I guess that it make? You feel a little bit different than just going on Amazon, or maybe just I don’t know what would be the equivalent of Kickstarter amazon right. So so I just kind of want to bring that into mine. It all comes back to that. So can I guess that it make you feel good compared to just going to Amazon, not that I’m picking no mames on today’s, so what you did by by backing a Kickstarter or or going to etsy, was to support creative thinking and supporting families.
To contrast, supporting corporations so Aaron explains that etsy on Kickstarter phenomenon is an opportunity to be able to leave bring these stories to life, to have an object that actually has a story behind. So it is very interesting thing to start thinking about, and he also starts talking a little bit about what does it mean for us that we work in web design to be able to have so many things produce quickly as web designers? We face kind of a similar situation right, there’s plenty opportunities to create fast and chips websites.
I personally love WordPress, because literally in five minutes, I can have a website that 10 years ago would have taken a whole six months, waterfall approach. So that’s brilliant! I like the idea that we can do that so fast, but where is the craftsmanship in all of this right? So how can we leave as how can we leave a bit of ourselves with this approach, so where’s, the true gift that we want to kind of bring together so Aaron invite us to followed a different path where we present the human touch in what we design And to kind of show ourselves kind of showing ourselves is essential kind of bringing the human factor in so this takes me to the definition of emotional design as Aaron defines it, so is in psychology and craftsmanship a good example of the concept when you go online And you think about you know, buying something in etsy right and I’ve seen this don’t quite a bit the minute with the parcel arrives, because this has been handmade the day.
Actual seller have put a really really personalized note. They have actually thought about how you open the package and how you kind of the first layer is going to make you feel on the second layer, so on and so forth. So really think about the fact that our previous arts and crafts movement have paid the way to bring in that human touch and showing ourselves and it’s something that is absolutely essential for what we do every day.
So the following is what I like to use us pretty much. The definition of emotional design is using psychology, psychology and craftsmanship to create an experience for users that make them feel like there’s a person and not a machine at the other end of the connection. Okay, so this brings me to the next point: does anyone of you know? This is actually an interesting because my company did a lot of work on this did does any one of you know, which one is the fastest-growing language in the UK.
I’m happy to take s mandarine! Okay, French, I’m sorry, okay, erotic, French! Actually, I did find that one – French, Spanish, polish, okay, polish okay, so this is your answer: emojis, okay! So actually – and it could be stretching it a little bit, but they have done lots of research on this and and a study done by professor Evans from bangor university actually found out that it is one of the fastest language right now right.
And it’s very interesting because how many times have you debated, put in a smiley face in what you’re right? How many times have you actually done it and then stop and maybe not do it and then kind of hard literally 30 seconds should I is it professional enough? Should I be doing it you know like come on? Am I the only one I have? I have people helping me sometimes prove read my beautiful English and I have these conversations.
I had it before you know. You know this is professional, I’m like how do I bring the human aspect right? I do feel that smiley face changes. The tone in so many ways right so I do have this constant debate and – and it’s a very interesting phenomenon because to me that, as as writers as we are all the time, that’s how we bring emotion and it’s it’s a fastest, growing language. Why not? Alright! So the next thing I’m going to talk about is how, in the 50s and 60s and American psychologist Abraham alone, sorry my Maslow Maslow there you, our Abraham Maslow, discovered something that we all knew, but he actually put it into words.
And it’s pretty much talking about our needs, so no matter our age or gender or race. We all have basic needs, and what’s really interesting about this pyramid, is that it kind of shows you how important they are. The the bottom of the pyramid is absolutely necessary, and then everything that goes as it goes up is more of a li shirting. So one of the things that aren did in his book is he kind of mapped them into what it means for users right.
So now that we’re designing interfaces, how do you translate that pyramid so he argues that interface design is designed for humans, so the pyramid applies, but he just changed things a little bit and the top it just becomes the pleasurable part. Okay. So, let’s quickly study the bottom of the pyramid. Ok, so for users needs to be met, an interface must be functional. I feel like I’m stating the obvious right.
If the user can complete a task, they certainly won’t spend much time in your application. So after they they feel like that would be taken care of, then they can actually come back and feel confident that that’s something that they understand and they can actually work with. So the interface must be reliable. So if the web server drops out immediately or intermittently or the service is just unreliable, most likely users are never going to come back to your website.
The interface must be usable, and this is where our beautiful research aspect of UX comes into place right, so it could be very functional, very reliable and then user research comes along and proves us all wrong or all right. So I think that one of the things that’s been really interesting in our feel for you x is that we kind of stopped there right its usability testing brilliant. They know they discovered it.
They were able to. You know go through the journey and add something to that shopping, cart or delete it and yay, let’s just ship that, but what Aaron is telling us is that actually maybe it’s time to think about the next level, so he thinks he asks us about imagining. If usability was the standard for other industries such as automobile, so if an automobile is usable, that’s good enough. How can we tell between a BMW – and you know – maybe a a Kia or I don’t know – I’m not good with cars, but but it makes a really good point right if it’s usable, that’s the end of it.
No, it’s actually more than that. So many websites and applications are starting to create experiences beyond usability and it’s um it’s time to start thinking about bringing pleasure, fun, joy and delight and pretty much. This is what this whole talk is about. So are you all excited? This is something you want to learn: okay, very good and about the light. I I see that word quite a bit in portfolios and series a delightful experience, so um one of the things I’m going to do today is I’m going to illustrate kind of emotion through an exercise.
So I want you to think it was an interesting picture to find this is actually just Google search for the best food in the world, an image search. Okay, so I want you to think back to the best meal. You’ve ever had not a good meal, but a mind-blowing palate changing fall in love with food, again great meal. Okay, can you remember it all right? What made it so memorable? Was it the test? I answer: was it the taste or the texture of the food? Was it the unexpected pairing of flavors? Was it the artful presentation or they attentive waiter, to staff the ambience, the restaurant, the company? What was it chances are that it was not the nutritional value of it right, so that is pretty much the equivalent of functional, but it was so many other things right.
So once you think about it right, the meal met your body’s needs, but it also immerse. You in a pleasurable experience and your memory, your brain remembers it as such and it will stay there for a really long time until you top that with something else. Okay, so why don’t we aim for a similar target in web design? What is going to be that web experience that login experience that transactional experience that is going to top buying shoes online, all right so um, let’s see, certainly we all I’m sorry.
Certainly, we all want to eat edible food with nutrition value, but we also want an experience with it. So the next thing we’re going to talk about is three principles of emotional design. Okay – and I pick three because I wanted to kind of pick the best ones and make sure we at least got to see a few there’s more. But let’s talk about these three, so the first one is let your brand personality show and this one comes really close to my heart, because I’m an advisor for a few startups and I am really really interested in a very early stage of a startup.
It is even before they go into funding and talking to investors and it’s very interesting to see how startups sometimes don’t really think about their brand, and it’s so important, and the first principle is let your brand personality show. So when you present your brand, it has to be clear to the idea audience how it relates as if it was another human being right. It creates the empathy and it helps you the audience better see themselves as part of of the brand and and humans wants to connect with humans and at a industry level that other human is that brand.
So I find brand something that is very, very interesting to always have in mind and remember that that is going to be the personality that you’re bringing I am as good all right, good, okay, very good! So sorry it should have changed to that one. So emotional design turns casual users into fanatics ready to tell others about their positive experience again brand. My next one. Well, it’s not mine, but the next 1i.
It actually almost feels mine, because it’s about parenting and such how many of you are parents in the audience. I feel like an awful mother that loves her children behind now. Okay, good one person all right, so I guess I can talk a little bit more about this one, so the baby-faced bias has anyone of you heard of that before all right yeah. It’s a very interesting one, so we can learn a lot about design on how to communicate effectively with the audience by studying evolutionary psychology, so pretty much our human nature.
So evolution has given us baby, goggles and um. It is funny how Walter puts it, but Jeff Atwood. He actually blocks a lot about technology, mostly code and stuff, but right around the time I old, my youngest was one year old. He posted that blog post and it just resonated so much with me because what he talks about is about. Is it really worth it to have children? You know it’s such a pain, but he talked about the 51 % against the forty-nine percent and how the 51 is the most impossible.
Sulaiman of joy I ever felt, and the 49 is incredible pain, so um we as humans. Have these really strong attachment to two babies? We look at a baby face and we just melt – and some of you may just not want to show it, but you internally must feel something, and it’s to the point that actually scientists believe that the reason why we react to babies faces that way. Can someone guess is actually a little creepy now well yeah, guess who the predator would be us? They believe that one of the reasons babies have such cute faces, though we don’t kill them and in I know it sounds a little bit like it’s stretching it, but it’s true I mean again is this is about bringing in who we really are an evolutionary psychology Right – and I think I can tell that there aren’t that many parents in the room because there’s moments that you just go, of course not I’m going to kill you, but it’s like wow.
What did I get myself into? It is tough. Being a parent is one of the most amazing roller, coasters rights, you’ve ever experienced and what’s really interesting and I’m just going to do a little spoil alert. One of the talks that I have in the pipeline is to talk about parenting and how, as parents, whether we want it or like it or not, with user experience, designers, okay, think about your parents and the experience that they provided to you for the first 15 Years of your life right, so it is a very interesting thing to think about and how you can bring those feelings into your website.
So cats are a lot another ones that are very, very overly used and then any other babies or cops and so on and so forth. So that is the principle number 20 on. This is an example. So in this website, they’re using the baby face by his principle to kind of get people attached to the brand alright. So the next thing I want to talk about his personality and I was really really happy to find out that this chapter is actually available to anyone.
So if you’re not sure if this book is the right one for you go ahead and give it a try, read this chapter and um and just learn a little bit about a personality from from Aaron. So here we go. Personality is the platform for emotion, emotional design. Primary goal is to facilitate human to human communication, and I think that’s one of the reason mo cheeks are so famous because it facilitates communication.
It makes us laugh, it is very close to you know almost is actually sometimes better than just picking up the phone and talking to the other person, so so um if we’re doing our job. Well, the computer resents into the background and the personality rises to the surface. So, to achieve this goal, we must consider how to interact with one another in real life, so think about how we, actually, you know, say hello.
How we, actually you know, one of the one of my favorite analogies, are how we sell when we go into a department store and how we sell online, sometimes so, when you login to that website, and certainly you have that interrupt telling you bye now bye. Now I like to use that analogy of if you were to enter into dividends, if you want to go into with someone be on your face, asking you to buy something, no most likely the first, they hold a nice conversation right and they get that emotional connection From you and then they say: oh do you know we have blah blah.
So how do we bring that into our web design? So next slide this one really quick talks about how it was so important when we started kind of printing documents to bring back the handwriting kind of feeling into Bibles. And I find funds a very a typography in general, an interesting kind of way to demonstrate how we need that we need to that connection. So, if you think about every single tutorial you’ve done out there on the website, it usually uses scratchy kind of handwritten fonts.
They always go out of their way to find that font, because they want to kind of feel that you know it’s all right. I’m teaching you something its equivalent of that. You know whiteboard. So it’s very interesting to talk about. You know how people can connect through little things like that. So the next thing I’m going to talk about is personas, so personas are stunned to a standalone tool in the design process, but they only provide a partial picture of the relationship we’re building with that audience.
So, in really quick, this is actually one of the personas that calf share with me and there are on our website, so we use them all the time who has used personas as UX, yeah or known even well, even though new exercises are okay. So the reason why I was so excited that these chapter, in fact was the one that was available is because what errand us in this chapter, I thought it was absolutely amazing what he said about personas is sure we use them all the time we usually use Them to build that design, but what’s the persona of our website right, so we know who they are, but who are we if you were to build a persona on that website, you work on every day.
What would you have for all of these squares right grumpy? You know happy may be very cold right, so that is a really good way to quickly assess how you’re doing as far as holding that conversation with your users, so is anyone familiar with MailChimp, okay, good MailChimp Aaron actually is the UX design the principal head of You exile MailChimp, and it is a very interesting actual product, because imagine so really quick for those of you don’t know what milk shrimp is is pretty much a platform that helps you send lots of emails to lots of people and they’ve done an amazing job help.
You manage and design especially emails, so think about those marketing people that have to actually log in to send the next email to you know, promote the next thing and so on and so forth. So one of the things that he talks about is how MailChimp kind of brought some of that personality with their mascot mascot. I think it’s called Freddie and every time you login, he has a little message for you: okay, so um.
He actually shows how they started. Thinking of Freddie as an actual person and they started to track Freddie’s personality and they mapped it. So again is the concept of bringing personas into the actual product that you produce. So I add to me that was a very interesting concept. So the next thing I would like to talk about is the strategies for implementing emotional design. So this is the actionable bit so surprised.
So have you noticed that hearing your favorite song on the radio seems way more enjoyable, then just go ahead and go to Spotify and get it running right. So is the element of surprise that amplifies our emotional response? Is that anticipation? Is that not knowing that? What’s going to happen, so i’m going to show you this website. I know it’s really hard to see from at the back, but i’m going to describe this bit right here.
It says: do not pool okay, so someone asked a question and I really want to thank those of you that went to kind of ask questions as I was trying to put questions together and one of the questions that I got asked was: how do you measure Effectively measure emotional design – and I have two answers for you today night, so one of them is well a click-through rate through that do not pool would be a good one right.
So can someone just one person guess what happens if you were to pull it blows up a hand comes down and they actually pull to the next item or something like that, so it actually interacts with you so yeah. That’s that’s an interesting way to bring emotional design the next. The next strategy could be anticipation. Ok, so we owe I misspelled. Sorry with anticipation have any of you seen this last month.
Anyone who recognizes it was, I the only one paying attention. Ok, so this was all over the world of newspapers and stuff and it’s actually coming from three yeah yeah and they had this campaign going on for a while and let anyone know everyone know that it was going to happen that day and so on and so Forth so anticipation actually creates a load of emotion when it comes to designing. So the next thing I want to talk is a prime, ok and again.
Milk chimp is a excellent example. So priming happens when a person is exposed to a stimulus that it turns it shapes the response to another stimulus. So the best way to think about is the other day. I saw a little kind of dog presentation and every time they would pull a trick. That will give them a little bit of something so imagine for those marketing people that have to get into mailchimp and send the next bulk email.
Do you think they’re suspecting something new every time they log in? Do they pay attention to that funny message about who you know that be the best bananas? You know, that’s the first one right there, so it actually makes something that could feel kind of really not fun fun. So that’s one of the ways they’ve been able to kind of change their brand around so the other 10, and then this is this. Is answer number two about measuring emotional design? So that’s a really difficult thing to measure right because CTR is just going to be a click but prime prime prime e yeah priming yeah, so going back to measuring emotional design.
These are all the tweets that MailChimp gets about that experience. Okay, so talking about the articles that they’d link you to talking about how, even though they were frustrated, it cheered up, the monkey help them get cheered up. This one is the best they say I just logged in into mailchimp and the little monkey in the corn and says: hey Kate, new haircut, muy Guapo. It helps that I speak Spanish.
Doesn’t it uh? How do they know? You know just like, and it’s funny because Erin talks about this and he said, of course we never know, but hey someone out there, I statistically speaking most of got a new haircut and that created an emotional connection with her so much that she tweeted about it. So I know Twitter is not the most ideal platform for measuring stuff, but I think it actually tells you something right and don’t put it in your kpi’s fight, tweets, /, anyways um, the other one.
I’ve seen that is very interesting is asking for forgiveness. So so so far we looked. Oh no sorry, I right here, okay, asking for forgiveness, so this one is a perfect example. When something goes wrong, wear something you know: that’s going to go wrong, and that happens quite a bit when we’re dealing with backends and service and servers and so on and so forth. So one of the things I want to show today is this brilliant way for flickr to address that, so they had an outage, they knew was going to get people really really frustrated, but instead they just turn it into an actual contest.
So, even though you could not go on flickr and look at some photos, they encourage people to try out to take photos that will bring two colors together and people just win absolutely not, and they got really really creative and they turn that absolutely horrible experience into Something that people just couldn’t stop stop talking about so again asking for forgiveness is the idea that you can use emotional design in order to kind of ease the pain of things that are just completely inedible.
Okay, so really quick. After all of this, let’s go back to our question. So how do you embed emotional design, especially into a transactional website, so I think i’ll show you lots of examples today that you can definitely take into what we’re doing after right after this. But I want to show you a few more and especially because there’s some other examples that may not be for things us. You know fun.
So, for example, telling a story is a good way to bring emotional design. The other one is Gamma Phi Gamma Phi Gamma. Five, so going ahead and setting up your Dropbox and all that it’s just not that much fun, but Dropbox actually figured out a way to make it a little more of a game and make you feel good about it. Make it fun. So here is woeful, just kind of trying to hold a conversation and making you feel like it’s actually a game to create a forum, and I miss the sly, sorry and then mint.
Com. So the reason why i’m going to kind of wrap it up with mint com is because I found it to be the most transactional website. So has anyone of you heard of mint com yeah that I think that’s a very American thing? It’s yeah! So what minta come to us is that it actually helps you track all your expenses, so the challenge they have is that they don’t do anything for you in the sense that they’re, not banking, they’re, not a credit card, but you actually had to give all your Financial information and at first they had a really hard time convincing investors that this is something people will be willing to do, because you know it’s such a very scary thing to just give out your financial information to anyone.
So one of the things they did in order to to gain respect is to think about. How can we number one make sure it feels like we can? We are trustworthy that they can, actually, you know, put their financial information in there and how can we kind of differentiate ourselves from older competitors? So one of the things I didn’t go as to one of the principles, but one of the things they did is that they really thought out about the layout and all the different ways of bringing color to communicate.
Trustworthiness and to make people feel that this was a legit website and it’s a very interesting thing. Cuz the other day, I was in one of those websites that do like credit reports and stuff, and it feels so old-fashioned, and I did go through that emotional kind of decision. Three myself, I’m like hmm. How can they give me? You know information about my credit when he feels so fashion when the colors are so dated and so on and so forth, keep in mind i’m very biased because imac, you know ux designer, but it was really interesting because the way they turn this around was making Sure that they lay out the contracts, the color fell very professional and very trustworthy.
Ok, so I am at the end of my presentation. I really really hope these gave you lots and lots to think about tonight, and it is an absolutely wonderful, wonderful subject to talk about, especially because it reminds us how human we are like that. Babyface concept that I talked about it scare a few of you, but it is true. It’s very interesting when you go back into our psychology who we really are and how we actually can bring that to life unto our websites and all the stuff we work on on a day-to-day basis.
Thank you. So much for listening to my emotional design. Talk you
Jimmy's Internet Marketing Business Blog 