For those of you who been reading my blog should be familiar with ZURB. They are the guys who created those fantastic web apps — Bounce, Notable, and Verify. If you read online tutorials a lot, you may have probably stumbled upon their Playground before where they post various CSS and Javascript tutorials. Today, I’m happy to have ZURB here at Web Designer Wall to talk about their team and work.
When my 82 year old grandmother asks me what we do I say: We help companies create better websites. You know Britney Spears? We re-did her website. That line always connects with her. :)
But how we really think of ourselves is first as interaction designers–we focus on creating interfaces for businesses that connect with people–and second as bottom-up strategists–we help people come up with great products and services by rolling up our sleeves to help them actually build them.
We consult, so we do this again and again and again in very different markets and environments from Facebook to eBay’s auction marketplace, from NYSE to Playlist’s music player–we love facing new challenges with every project.
We also develop our own web apps (such as our recent release of Bounce) to help our clients create great stuff. Beyond that we publish techniques and tutorials on ZURBplayground for all the geeks around the world to improve their websites. We also organize the ZURBsoapbox lecture series where expert geeks share their lessons learned with likeminded novice geeks.
Sure. We give folks tools which help them make their own web products better. Here are a few examples:
We’ve accumulated a lot of tips and tricks over twelve years and we wanted to record that history for ourselves. We also wanted to connect with other people like us to help each other hone our craft. So why not show folks how to create Super Awesome Buttons with CSS3? Why not have a page where share all the interesting moments and slick interactions we stumbled on threw our products? So the ZURBplayground was born.
You can expect a LOT more hotness from the playground. As you’ve seen we’ve widened the scope of techniques from CSS3 to JQuery which has been tremendously popular. We have recently opened up the ZURBplayground to guest contributors and will have our first two guests contribute mobile development techniques next month.
There are tons of properties which make our life easier. One of the most exciting properties are transitions and transforms. Transitions create a great opportunity to add in subtle effects that draw attention, guide the user and simply create a great polish. Border radious has saved us tons of time. Buttons, modal dialogs, tabbed navigation – we use rounded corners in a lot of our visual designs to create a more approachable, consumer style and border-radius lets us very quickly implement those.
Our newest app Bounce gives people a fun and easy way to share their ideas about websites without logins or having to pay anything. One of the main functionalities of the tool is the annotation feature which allows users to put a note on the website screenshot. After creating an annotation there are a number of interactions required to facilitate adding text and editing its position and size. We need to communicate both the available functionality and provide a means to use it.
We used the Interesting Moments grid to focus in on all the interactions and fine tune the moments where the overall behavior falls apart. This method involved taking the actors and the events, and then defining what happens at all the intersections of the two sets.
After the mapping was done we got a total of 110 possible Interesting Moments of which only 29 were truly interesting quality moments we were looking for. We mapped them all out in this grid below.
Keep in mind that these are just the interactions for an existing annotation. There are many other interactions in the app which we had to analyze.
The grid may look a little sparse in some areas but that’s OK. The goal is not to try and fill in every box but to provide a methodical way of thinking through all the potential interactions. Read related article.
There is a lot of that going on here at ZURB. ZURBwired is a great example of just how crazy we truly are. It’s an annual 24-hour design marathon where ZURB selects a non-profit and works around the clock to complete an entire marketing campaign from concept development to implementation and production all in 24 hours.
We partner with sponsors and recruit local designers and engineers to volunteer their efforts in order to meet the challenge. Everyone participates by contributing their specialty, allowing knowledge and skills to be exchanged freely. Together with the volunteers, the entire ZURB team sprints to complete a finished product under demanding time constraints. Best way to get the feel for the event is to watch the videos documenting the event.
Gaurav Kumar
Very impressive Article.Hats off for ZURB people
Joe Kendall
My new site (in the pipeline) uses alot of CSS3, without these guys, I would be none the wiser!! Thanks ZURB!
Digital Showcase
Absolutely love the idea behind “Bounce” Its really a cool app.
SEO Divers
Great read, much respect for the ZURB guys and girls
ridwan
great, and they make a beautifull product
Shikeb Ali
Wonderful & impressive “Zurb” … good going guys… wish you good luck :)
eka
great… :p
Bissu
Very nice. Articles like this show simple tools and experiences that helps people to work better.
san
nice post….
Cang Ngueyn Duc
thanks for u guys…..i made my site using all css3 stuff from ur tutorials and i look quite great…..hope u will share more more tut ^^!
habieb
Very impressive, I like the idea behind “Bounce”
papaya
Thanks for the quick and effective interview… its really inspirational … expecting more such discussions in future… :)
Peter
So much self glorifying super awesomeness just made me throw up in my mouth a little.
mustafa
good going guys…
doris
great, and they make a beautifull product
Sab
Great going guys. Always appreciated your work.
yohan
thank you for sharing :)
fajar
nice article
yohan
nice info, thanks for sharing :)
Design
i like the colour combination of the website. Great work done
ndrew
way to go..
bounce is my fav..
Lily
d( ` . ` )d
Kojeje
Hey, nice video :)
Thanks.
Web Design
Awesome guys, awesome interview and last, but not least, great web applications by these chaps.
csshook
very nice.
Top 125 most popular Social Bookmarking Sites
Here is a big list of Social bookmarking websites which can help you to bookmark all your favourite websites. Social bookmarks are websites that let you save your favorite links and display them to the public.
There is always a chance that you will forget the website you visited a hour
visit: popular-websites.com
eka
nice post. thanks you so much for sharing
eJobsViet
Love your site
Thanks a lot
ranggaw0636
wow, this person really know how to use their skill
Sebastian Bratu
Wow, now that’s a really cool company. I would love to work with them. Being able to create new apps is great, especially when you’re known as
“Britney Spear’s website builders” :)
wij
that looks so amazing..
thanks for info…
code pixelz media
wonderful article very helpful indeed.
CodeMyConcept
This interview was awesome!
They definitely remind me of us in terms on ho they project themselves to their audience.
Go Zurb!
kai
i like this site… thanks for this information…
anand
is very useful tool for studying css3 language
A total web solution
Divya
Greate Site…!!!!Thank you very much for this article!
Need a websolution!!
Vandana
Awesome!!!!!!! No other words to describe and guys do check the below link
Wonderfull Website
tedted
nice info
filesforflash
amazing works
John
Look, I did not know. (I don’t read the article, but… What I can say)
Roy
thanks.. for the information
girish
GIVIN
host
Nice! I loved the dog in the video :) thanks for the article!
popular-websites
great information..
i love this site and stuff…
popular-websites.com
where you can find popular list..
Peter29
Nice post.Good work.
somsakbbk
Greate Site…!!!!Thank you too
Adam Cooper
Great site. Thanks for the share.
Singh
Good work.good information.
rsp2538
nice work!
Brian
Great Article!
Box Model Junkie
These seem like some nice guys, I will have to check out their apps in more detail.
logo design
Great Site…!!!!Thank you too
Hubcio
Super
cheap balmain jacket
不错的博文
Loans Halifax
great people… keep it up!!!
bankruptcy attorney in los angeles
I love them. they are very very cool, ive seen them once in LA,
ospop
Great info. The provided demo is very useful.
ospop shoes shop
wonderful article very helpful indeed.
Aashin U S
http://www.fireandsafetyforum.com site of 2011 ….. follow me…
Aashin U S
http://www.fireandsafetyforum.com live demo
alliance leicester bank
Great guys
akile
I hope you will keep updating your content constantly as you have one dedicated reader here.
business plan examples
You guys rock… you are all incredible..
Melvins
First of all thanks a lot. You people have done very great job. The tools bounce, notable and verify are very useful in terms of making product more enhanced and creative also I will apply it in nearer future.
Los Angeles Web Design
Remy Hair
Amazing guys!!
premier pixels
Nice…….
Thanks for sharing.
Steve
zurb is a mill. a revolving door of talent staff because it cheats its employees by overworking them to the tune of 80 hours per week rather than hire adequate number of staff. why? money. so the owner keeps more. like zurb’s work? they accomplish it it by taking advantage of others. really good cheats. not unlikely that customers may get cheated as well. anyone who is ok with that will eventually be found out by others and get what they deserve in the end, just like zurb.
E commerce Design
Thanks for this site – stunningly useful content.
Henry Peise
Is white iphone 4 available right now? Cuz my friend told me he just got the white iphone 4 panel. But i haven’s seen it sold in my area. What’s wrong?
Juno Mindoes
Today I have done a camera shootout with the white iPhone 4, the iPhone 3Gs and the iPhone 3G.
mikwillson
That is to be expected in a long-term, high-risk project like ours. So, we turned to the blogging community for help – and got it! We have published our problems, and the community responded with results!cheap ugg boots
large format print
Nice…….
Thanks for sharing.
diş beyazlatma kalemi
All whitening formulation is applied by dentists with quality features, powerful, secure, and very reasonable prices, as well as the missing handbag is a unique product design, fashion styling you will not ..
dexx
Lens, in his statement, in advance by expressing a variety of symptoms anlaşılabildiğini, routine checks should be done in order to prevent fatal heart attack stressed.
shiva
Good Work , keep going, congrats ….
orhanbt
This is verry good
complex41
And then he handed you the thirty-five 45
Ibiza
The tools bounce, notable and verify are very useful in terms of making product more enhanced and creative also I will apply it in nearer future.
Afzal
This interview is just awesome :)
I really like it :)
Thanks for sharing :)
Dymo Labels
hello
excellent information i have learned a lots of good things from this post
thanks for sharing
thanks