Categories
Online Marketing

How We Designed Chrome – Designer vs. Developer #20

What you want? It’s always they want more and more, but they never use those things, and it’s really hard and quite brave thinks they know we’re going to script stuff away. There was internal talk about how chrome is built, and I think back to that time, where Internet Explorer was the dominant browser, Firefox was just was fighting and like the developer, tools were becoming quite prevalent and Safari was was, was just released.

I believe and Google designs to build a browser. So how do you start in that environment? Where there’s so much competition chrome was released in 2008 yeah, but actually we started on it in 2006, oh wow and the team at Google that started on Chrome was actually we were all working on Firefox. When I first joined Google, the beginning of 2005. The idea was to work on making the web better. One way to do that is work on making browsers better.

So we started out as a team working on making Firefox better a year and a half into it. We made the switch to actually building our own browser, and that was a big, big, complicated decision right, because you know we had already. We had been going down a certain path right. So looking back, I think or a number of factors right. First off we thought we could do a really good job, so that had to be true yeah, but also you know there were a lot of things about browsers in those days that I think created, frustrating user experience.

Yeah you got to go about going back 2006. You know applications like Gmail, yeah Maps and YouTube, and so on. These things were becoming popular and other folks were building complicated web applications like this and your typical browser. In that day, if you were to leave Gmail running overnight, you come back the next day and your browser to feel pretty sluggish and bogged down because of just the weight of these applications and so way back then we we had the idea.

That would be really nice to split up the browser into multiple processes. Right operating systems had gone through a revolution from the days of windows, 3.11 to Windows, NT and so on. Yeah we’re pre-emptive multitasking was the thing OS 9 to OS 10. Could we use pre-emptive multitasking? Could we take advantage of actually multiple processes on these systems for web browsing and seemed pretty pretty pretty like, actually seem possible? If you are thinking about a browser from scratch? Yeah I mean in terms of like the UX of again is like going back to the beginning of like browsers or the browser’s of that time.

It reminds me a bit like search before Google’s like search was basically portal sites and the search input field was like almost the most least important thing, but then Google came along. It’s like Nana, that’s the wrong user experience with when chrome came about. It was quite radically different because I know remember this phrase is a Content, not crime, yeah um, so just making that kind of UX decision of like you know, because it was all toolbars and remember when you install anything everything.

It’s all fact you back, then, is very common to find a user with internet explorer and they had installed multiple toolbars. So it’s not just one tool: Bartlett, multiple tours and there’s it’s great absurd. Screenshots of people was, you know those browsers had like five toolbars and it’s not a lot of room for the content right. So one of the things with Chrome’s content now chrome idea was to really remember that the whole point is people want to engage with the web application of the website.

The web content and the browser site try to get out of the way just facilitate helping. You use the web, and so even when we designed the extension system, we resisted the idea of having a first-class way or proper way to do toolbars or sidebars. We really didn’t want extensions over you really. You know using up screen space when that screen space to users really want that for the content. So we designed things, like extension buttons.

That would be the primary access point tried to guide things in a way that would um preserve that notion and even the UI of chrome itself. We tried to keep it very minimalistic. We you know we spent a lot of time in the early days. Thinking, if we’re going to introduce another browser, it’s got to be so awesome right, it’s got it and what does that mean? It’s got to have like the most amazing features.

It’s got it like have a whole new take on browsers. It’s got to be radically different. Ui, surely that would be the reason why we’re doing this right yeah, but in and we tried many different things: putting tabs on the side. You know fancy user gesture kinds of things, Mouse gesture types of things I mean none of that really felt right, and we can do that process. We came to realize what what actually we were doing and what really would set chrome apart is that as a browser, just works better yeah like creating software.

That’s not frustrating is actually hard to do yeah, and I think users appreciate it and so started to think about it, and what does that really mean for us? It was like all products should be pretty simple right should try to try to come up with elegant UI choices. Keep it simple: it should be performant but, like I said, browsers, browsers, have a history of being janky and not well-behaved, and and and you, the user has an expectation when they click on something, especially when it’s the chrome of the UI and when it’s the the Browser UI, they click on it.

They say close this tab. It should close right away yeah, you know par for the course. Those days was. You click close that click to close that tab, and you see you might see a beach ball on Mac, os10, yeah or nothing happens on Windows. You start to see the application not responsive problem right, but in chrome, because we went with this multi-process architecture. We were able to guarantee that if you click close on the tab, it’s gone yeah and those are examples of like responsive UI that you know.

Sometimes, when we talk about performance speed, we mean like how did welded perform on a benchmark, but a lot of times. It comes down to like was experience, smooth, responsive to the user input. Did it actually do what the user wanted it when the user wanted it, that kind of thing, so, simplicity, speed. We also put a big focus on security and stability, so we had these four s’s yeah, and that was the thing that we just repeated to ourselves: if you’re not sure what to work on work on one of those things.

Yes, work on making a simpler design work on making a more performant work on making it. You know more secure so and really with security we mean making it so users feel safe on the web. I feel in control of their privacy. They understand what’s going on, but also that it’s the system is protecting you from malware and so on and again our multi-process architecture not only helped us make something more performant, but also something more secure, a browser more secure and, finally, it helped a lot with stability.

We knew that starting from scratch, with a browser that might actually be the biggest concern, is it going to just crash? Is how do you? How do you exercise enough of the browser in your testing to know that you’ve got it right? We based the browser on not on Firefox, and we based it on WebKit, which is what, at those days that was Safari 2.0 Safari, 3 had just come out and WebKit Safari was known to not necessarily be the most compatible with the web right.

Modern web standards, driven by Firefox, were just becoming a thing. Internet Explorer has had a lot of quirks about it. Internet Explorer 6.0. A lot of quirks, especially thinking about like flowed yeah, that with the flow, though we had a box model. All these things were very impactful to like how web pages were built. If a developer was testing a lot with Internet Explorer, there would be the quirks that they would code to if they were testing.

A lot was Firefox we’d, see that and the Safari it was like. Well, probably, they weren’t testing with Safari, and so it was a big challenge in a big fear. When we launched Chrome, is it going to just crash all the time yeah? How are we going to? How are we going to manage that? So we put a lot of effort and in fact that same issue in forms like our choice of the user agent string. If anybody’s seen the user agent string of Chrome, it’s kind of hilarious because it mentions ever every browser ever since chrome came along.

And that was part of navigating this whole like does it work conundrum we always taught in software development and UX, add more features, because more features means more value, so I mean: was there ever pushback or was there like a fair, maybe we’re taking away too much From the browsing UI, we certainly ugly launched, and it originally chrome, without an extension support, and even the bookmark manager when was was, was revised quite a bit.

I’m going to post the initial beta things like this, so we we intentionally went with a very minimal approach, but we also really encouraged the team to try a lot of things with the idea that, knowing going into it that we would probably throw away things that Aren’t good yeah, that was the I don’t know the mantra if you will like. Let’s just try a lot of stuff and if it doesn’t work it’s okay, we just throw died, it’s not the end of the world.

We don’t have to ship everything we dry. I think that was really liberating and really helpful, because there were a lot of folks on the team who had different had had interesting ideas and and it’s empowering for people to try stuff. But it’s also, you know appropriate that we, we don’t just say because we built it, we should ship it looking back. What would you say were the best decisions you made and also for two part.

What would you regret in terms of like oh yeah, things that you did, that you’d wish you hadn’t? I mean you can also I’m an engineer. I was definitely an engineer at those days and I feel really good about some of the decisions we made. As an engineer from an engineering focus, you know we really put a lot of. We talked a lot about how important was that we were building a product, not building a platform.

I mean ultimately is a product that carries the web platform, but what I mean by not building a platform is that sometimes there’s a temptation as engineers to go off and build framework and and tools for creating the product that you’re actually there to create you. And we really resisted that a lot tried to make sure that we focused all as much of our energy on like actually building a browser which was very helpful to make sure that that that’s what we did so, for example, we said first we’re just building a Windows browser – and that meant, let’s just use win32 straightaway, all the Microsoft API is not looking for any cross-platform toolkit framework to build our UI.

Yes, one day we’ll bring this to Mac one day, we’ll bring it to Linux. You know, and so on, but like for now we’re just building a Windows application and when we went to finally build a Mac product a product for us 10, we told some of the engineers at Google. We said hey, you want to come work with us. We’d love for you to build the best browser for OS 10, and we want you to approach it. The same way that we approached building for Windows, which is all the UI, should be cocoa.

It should all be native, and we want you to have the freedom and flexibility to both embrace the native operating system primitives, but also move quickly as those primitives change, as the iOS evolves. So, let’s build a Mac focused product again with this idea that it’s we’re building product on a platform for building browsers, but what ends up happening as you do this and we did the same thing with Linux.

What ends up happening as you do this? Is you know we start to realize. We were coding same thing three times, yeah right and later on. Things like Android came along and iOS and Chrome OS, and so our world got a lot more complicated and what we ended up doing is, or is this arc from the singular I’m building a product to I’m starting to build platform things that helped me build that Product across and different platforms, yeah and that came afterwards – and I think that was actually somewhat healthy in a bit it.

To a certain extent. I kind of have some regrets that we built Chrome so much as a monolithic product. So while there is some code structure, that’s healthy and good, and – and there is somewhat of a layer cake, if you will there are – there – are some cuts that some some extra layers in the cake that should have been there. And now we have a lot of complexity because we didn’t make some of those cuts earlier.

We didn’t modularize necessarily as much as we should have. But again I think that came from that that focus some were just building this product and he does. I don’t need to be extra. We don’t need all that extra modular modularity, and now we find ourselves wishing he had a maybe done a little more, a little more forethought on that. What would you say, the decisions that were made that were actually really good to the success of a break, yeah yeah, so design examples in engineering examples.

There was this one one concept that was came up very early, which was – and we wrestled with this a bit. So the content area of a tab right, we started with the idea that there are some. We will actually have some browser UI that lives in the tab. So, for example, when you open a new tab, page there’s there’s some content shown to you, suggestions about things. You might want to do yeah. We started out building that natively and we started to find ourselves discovering an uncanny valley, because development users have this expectation that things inside the tab behave like web pages.

But building that not using web technologies meant that some things were subtly not right: yeah selection, behavior, wasn’t there context menus? Not there and the same. You know just things were subtly different, and so we scrapped that and we built the new tab page using web technology, and now it fit better everything we didn’t have all those little niggling little bugs you just felt natural. It felt natural it fit with the product.

On the flip side, we had some dialogues and some of those dialogues, mostly they were built natively, but a few of them were built using web and they never felt quite right, and so then we came to this. Discover that, like, let’s be opinionated about this, if it’s a dialog, it’s done natively and if it’s in the content area, it’s done with the tab, and then we avoid this sort of uncanny valley situation.

When chrome came out, there was a designing for best viewed in Internet Explorer, 6 yeah, and it’s interesting. You say like at the time. Webkit was not the priority of web developers. Now, we’ve shifted 10 years later, we’re seen best viewed in chrome or best viewed in WebKit browsers. So there’s this constant fear that we’re possibly entering back to the past, where, if, if, if development stops, then users and like the web technology becomes like a stagnant, oh yeah, that’s a great question.

I think that oh there’s a couple different things that happen with ie6 right, so, first off Microsoft stopped evolving the guys and we’re not stopping evolving api’s. We our mission, is to make the web better, and so it continued invest in that and the way we invest in that is, it’s very important to work with the standards community, the other browser vendors in particular and web developers, so that we get it right.

One of the dangers of shipping an API, if you’re the only one, only browser shipping it is that you might come to find that there’s a better way to do that. Api, yeah, a better design and then the end result is we’ll be tempted to ship. The new design as well the better design, but we won’t we’ll – have trouble leaving behind the old design so now we’ll ship, two ways to do something yeah or in the worst case three ways to do something.

If you look at CSS gradients, you will see. There’s multiple ways: yeah – and this comes from this – this this phenomenon. Where browser ships it early, then they learn that oh gee. I wish I’d done it differently and then they ship it that way too, and then oh yeah. I wish they would do it differently and they ship it that. Finally – and so you end up with a multitude of ways to do things in the web platform, gets really complicated and we don’t want the bad develop web developer to be thrashed by all of that.

Right, we want to keep it simple and make sure the api’s work well, so we want to do our do a good job, and that means spending time with other browser, vendors spending, time with web developers, learning understanding all the use cases and being very deliberate in The standards process, but we should still be able to ship something. Finally, and sometimes we do have to take some calculated risk yeah right.

Sometimes we are the first browser to ship an API, but we hope to do that in a way that stands the test of time, you’re looking for pain, points and you’re, trying to understand the why it is that people have these problems so that you understand their Mental model and you avoidable, designing in that way again.


 

Categories
Business Tips Online Marketing Web Development

Free Website Creation: The Good, the Bad, and the Ugly

Free website creation is a great method for small business to expand their digital footprint. Before I get started. Please note, if there is a price tag on your time then this strategy is not free. It is free in the sense that you don’t have to use a credit card to utilize the concept in this post. As per the title of this blog post states. What is the good, the bad, and ugly when it comes to free website tools?

Drilling down free website creation

Free website creation

The Good

Out of all the tools I have played with. By far, the easiest tool to use is Google My Business. That’s right, Google has now dominated the world of free when it comes to business web pages. This tool not only gives you a free web page it gives you a free listing on their network. There is no need to know any coding. Just follow the steps and you should be good to go. Now, if you need Google My business help. There are a lot of companies out there that will help you out.

The Bad

There are only a couple bad things about these type of free services. The first is that you do not have a domain name (web address) that reads only your brand name. Typically, free resources show your brand name and their brand name. This is how they advertise their brand. However, if you are willing to put down some cash. You can purchase your own domain name from them. When you do make a purchase it is super easy to connect to the free site that you have built. The second point is that you are limited to how much functionality you can have on your site. This can make it difficult to really show what your brand is about.

The Ugly

The only ugly thing about free web pages is that you do not have much control on what the site looks likes. They are also full of advertisements, banners and other branding material that can and will distract your potential clients to do something else then buy into your message. However, some of the companies are better then others when it comes to advertisements. It is best to experiment so that you can see how they place advertisements on their platforms.

Here are the Top 5 resources for your business to help build your digital footprint and increase your search ranking.

Google My Business
WordPress
WIX
Weebly
Brave Net

We are here to help. Feel free to contact us about this post.

Categories
Online Marketing Updates for Allshouse Designs Web Development

Allshouse Designs Revamp Their Pricing Structure For 2018

Allshouse Designs, a well-regarded advertising and digital marketing agency, are proud to announce a change to their pricing structure for the new year. The design professionals continue to offer their unique, highly-personalized service that adheres to their commitment to providing quality at an affordable price.

Allshouse Designs have always sought to provide complete pricing transparency, and their new website management packages have solidified this commitment. Customers will be provided with the same great service, but now at easily-understood, and highly affordable, price points.

The new packages in detail

Thanks to their incredible understanding of the advertising and marketing world, Allshouse Designs have assembled a number of website management packages to ensure there is something to suit all sizes of enterprise.

The first package, available for just $195 USD per month, covers everything that a startup or small business might need from their website management. Allshouse Designs provide in-depth keyword analysis, a website of up to seven pages in size (with unlimited edits as required), on-page SEO, complete Google Webmaster tools and Analytics reports, and plenty of advice and recommendations on social media, content, and advertising.

The second package increases in size and breadth, making it perfect for established businesses and small-to-medium companies. As well as all the advice and support offered with the first package, the website will have two additional pages added per month, social media management, and off-page SEO. This package offers complete management and a focus for the future too, priced at just $600 USD per month.

Finally, the third package is the biggest and broadest of them all, making it perfect for large companies or small enterprises with big ambitions. Again, all of the services available in the first two packages are included, except now companies can enjoy five extra web pages per month, as well as complete social media, content and advertising management. Given the scope of this package, customers are advised to contact Allshouse Designs directly to discuss the pricing of this incredible package.

Thunmbs up for Allshouse Designs

Why existing customers love Allshouse Designs

As an established name in their field, Allshouse Designs have earned a reputation that recognizes their expertise, utilizing the company’s years of experience and commitment to always delivering the best to their customer. As well as their website management packages, Allshouse Designs offer a variety of services which includes Content Generation, Digital Marketing, and Advertising.

They ensure that they can draw together all of their years of experience to offer the most complete, reliable service in the industry. The pricing of these new packages helps customers to capitalize on this expertise, ensuring customers are reassured of a comprehensive website management package that will provide everything their business needs to flourish.

Experience the new package prices

With the new prices now established and ready-to-go on the Allshouse Designs website, curious customers can take advantage as soon as they wish to do so. Given the strong company reputation of Allshouse Designs, and the new and improved pricing structure, any business owner would be wise to consider this new offering. Get started today!

 

Categories
Business Tips Online Marketing Web Development

Allshouse Designs EP8 | Sales Funnel Concept

Here at Allshouse Designs, we pride ourselves in providing the best possible information to everyone. Whether that be with your small business, website, or social media profiles. We enjoy providing this information to you and will continue to do so.

Over the years, there has been many lessons learned while experimenting with our own company and we want to be sure you can avoid some of those headaches by following our blog and our YouTube channel. One important piece of valuable information we would like to provide you with is an explanation of the sales funnel concept.

A sales funnel is a marketing strategy designed to lead a consumer through a process that ultimately ends with them becoming your customer. There are three main categories within the sales funnel; at the top, you have your leads, then prospects, then you finish with your customers. When you see this in diagram form, it looks like a funnel – hence the name “Sales Funnel”.

A sales funnel always starts with the same step, Generating Leads. One of the easiest and most common ways of generating leads is with a landing page. A landing page is the first page most people will see when they visit your site via a link. The purpose of this page is to educate potential leads about a problem that your business can solve. Often, at the bottom of the page they have forms on them or boxes where people can put in their contact details to hear more about a solution to their problem. This provides you with a means to contact them and follow up on your leads.
Now, I could go into explaining the next steps to a sales funnel, but, why not have Alec Allshouse tell you himself. Click on the video link on this page to hear everything you need to know about a sales funnel and how to apply it to your business strategy.


 
Have comments or experiences of your own on this subject? Let us know in the comments below. We would love to hear from you and talk with you about them.
Until next time, have a great week!

Categories
Business Tips Online Marketing Web Development

Tools & Tips Episode 3 | Backlinks

Our Tool and Tips video, “episode 3” is now up on our YouTube Channel! Matt discusses what and why your business website needs backlinks. Allshouse Designs can help with creating, planning and executing a plan that will start building natural backlinks to your business website.


 
To get started with our natural back linking service. Please fill out our request to call back form  and we will get back to you in a timely manner.

If you weren’t aware, Matt and I are really into the local Seattle music scene. With years of enjoying what Seattle musicians have to offer. We felt that the way we could support the scene is play their music in the background of our videos. This week Matt has given a shout out to Honor Hall.   With that said, if you are interested in having your music played during our videos. All you need to do is contact us.

It is important to know what Google’s rules are about back linking. Allshouse Designs back linking service applies to those rules. We do not pay for back links or blog posts that have your back links in them. Instead we will work with you to build content that will create natural back links with in your community. A natural back link campaign is a slow process, but with dedication and patients. The results are very rewarding.  If you are not sure about the Google’s backlink rules. You can find what they say about link schemes here.

Thank you for visiting our post and we hope that this information will help you with your business. We would love to read your opinion about this post. Just comment below and we will get back to you. Thanks again!

Categories
Web Development

Yes or no for WordPress

wordpress-pro-cons-allshouse-designsWordPress is a great CMS platform and I have managed and designed plenty of WordPress sites in my day. Over the years, I learned quite a bit. The one major lesson that I learned is that it is better to host a WordPress site on a WordPress owned server. Now it does cost a bit more then hosting it on a private server, but the chances of being hacked becomes a lot less. Once a WordPress site gets hacked it can be very difficult and costly to fix. Last time I checked it was around a $100 per year to have a WordPress site hosted on wordpress.com and it can be between $250 to $1000 to fix a hacked site. Do the math and decide. WordPress is awesome, but it may not be the right fit for your business. There is a great pros and cons of WordPress post located in the Tips & Updates at allshousedesigns.com that you should check out. It should help you decide. If you have more questions about WordPress. Please feel free to post them in the comment section.

Categories
Web Development

The Pros and Cons of WIX.COM

21402511 - pros and cons

If you are thinking about using a WIX.COM based website for your business. It may be a great idea to make sure that it will work for your business model. Here at Allshouse Designs understand what WIX can do and when it is a warranted to use a WIX platform. We also know how to use the platform and maximize all of it’s wonderful tools. It does cost a monthly payment to make it worth your wild. See the PROS & CONS in our update section. 

Categories
Online Marketing

Digital Marketing at its Best

happy-digital-marketing-customers

Well, I don’t want to toot our own horn, but what the hell. We really give it all we can to all our clients! Learn about the digital marketing design services we provide for our clients.

We our proud to offer Logo Design, Website Design and Social Media Marketing services.

Contact us to talk about your business needs.