Back in 2001, Eric asked for a brainstorm of a few “splashy” ideas in search. A designer and product manager at the time, I made a few mockups — one of which was for ‘universal search.’ It was a sample search results page for Britney Spears that, in addition to web results, also had news, images, and groups results right on the same page. Even then, we could see that people could easily become overwhelmed with the number of different search tools available on Google — let alone those that would be created over the next few years. This proliferation of tools, while useful, has outgrown the old model of search. We want to help you find the very best answer, even if you don’t know where to look.

Read the more »

Tags: internet, Business, webmasters, Britney Spears, brainstorm, break down the walls, break-down-the-walls, britney-spears, business, images, interface challenges, interface-challenges, maps books, maps-books, mockup, new architecture, new-architecture, old model, old-model, presentation mechanisms, presentation-mechanisms, product manager, product-manager, proliferation, sample search, sample-search, search algorithms, search effort, search properties, search tools, search-algorithms, search-effort, search-properties, search-tools, universal search, universal-search | No Comments »

Mozilla has released details on The Coop, a new product that will incorporate social networking features directly into the Firefox browser. This is not good news for the privately-backed social browser Flock (also built on Mozilla), which is yet to release a 1.0 version of its browser. Many of the proposed features and some of the mockups created by Mike Beltzner (see above) suggest a significant overlap in the two products.

Read the more »

Tags: internet, webmasters, avatar, avatars, chris messina, chris-messina, coop, firefox browser, firefox-browser, flickr, horizontal bar, horizontal-bar, mockup, mozilla, myspace, networking features, networking-features, share content, share-content, social networking, social networks, social-networking, social-networks, web content, web-content, wiki, youtube | No Comments »

In this tutorial I am going to teach you how to make a nice sleek looking mockup for a website header.
It should look like this: Click here.

* We start by opening a new document (Ctrl+N) (Cmnd+N - Note for mac users - Replace the CTRL with Command) Dimensions 800px width X 120px Height - Background color set as white for now. OK
* On the background layer go choose black as your color and than go select the paint bucket tool- than click on your stage to fill the bg with black.
* Create a new layer above the bg(background) layer and name it “pattern”. While the pattern layer selected go select paint bucket tool and then go up to the top of the screen to the properties panel and select PATTERN instead of FOREGROUND.

Read the more »

Tags: webmasters, 2.0, 20, Sleek, Sleek Spicy website header Tutorial Web 2.0 Style, Sleek-Spicy-website-header-Tutorial-Web-20-Style, Spicy, Style, Tutorial, Web, Website, background color, background layer, background-color, background-layer, bg, foreground, header, mac users, mac-users, mockup, paint bucket tool, paint-bucket-tool, pattern library, pattern-library, pin stripes, pin-stripes, transparent background, transparent-background, web 2.0, web-20, website | No Comments »