Archive for August, 2011

Line-height in input fields

So the other day I was trying to get text input fields to have the same height across browsers. I figured I could use the line-height property for this, but no such luck. Well, it does work in WebKit browsers, but not in Firefox.

When looking closer at why I discovered that Firefox specifies line-height for form controls in its user agent stylesheet using the !important keyword. Since you can’t override that, a workaround is necessary.

Read full post

Posted in , .

Copyright © Roger Johansson



New Approaches To Designing Log-In Forms

Advertisement in New Approaches To Designing Log-In Forms
 in New Approaches To Designing Log-In Forms  in New Approaches To Designing Log-In Forms  in New Approaches To Designing Log-In Forms

For many of us, logging into websites is a part of our daily routine. In fact, we probably do it so often that we’ve stopped having to think about how it’s done… that is, until something goes wrong: we forget our password, our user name, the email address we signed up with, how we signed up, or even if we ever signed up at all.

These experiences are not just frustrating for us, but are bad for businesses as well. How bad? User Interface Engineering’s analysis of a major online retailer found that 45% of all customers had multiple registrations in the system, 160,000 people requested their password every day, and 75% of these people never completed the purchase they started once they requested their password.

To top it off, visitors who are not logged in do not see a personalized view of a website’s content and recommendations, which reduces conversion rates and engagement. So, log-in is a big deal — big enough that some websites have started exploring new designs solutions for the old problem.

Is This You?

Gowalla’s sign-in form (below) looks pretty standard: enter your user name or email address and your password, and then sign in. There’s also help for those of us who have forgotten our password or are new to the website. In other words, all of the most common log-in user-interface components are accounted for.

Fig1-gowalla in New Approaches To Designing Log-In Forms
The sign-in form on Gowalla.

But Gowalla has taken the time to include a few more components to help people log in with more confidence if their first attempt hasn’t worked. If you attempt to sign in with a user name (or email address) and password that do not match, the website not only returns an error but returns the profile image and user name of the account you are trying to sign into as well:

Fig2-gowalla in New Approaches To Designing Log-In Forms
A log-in error on Gowalla.

Including a profile picture provides instant visual confirmation: “Yes, this is my account, and I may have forgotten my password,“ or “No, this isn’t my account, so I must have entered the wrong user name or email address.� In either case, Gowalla provides a way to resolve the problem: “This isn’t me� or “I don’t know my password.�

The Q&A website Quora takes a similar approach, but it doesn’t wait until you are done trying to sign in before providing feedback. Quora’s log-in form immediately tells you if no account is associated with the email address you have entered, and it gives you the option to create a new account right then and there:

Fig3-quora in New Approaches To Designing Log-In Forms
Quora instantly lets you know if there are no matching accounts for the email address you have entered.

If the address you have entered does match an account on Quora, then the account’s profile image and user name will appear to the right of the log-in form. This confirmation is similar to Gowalla’s but comes right away instead of after you’ve submitted the form.

Fig4-quora in New Approaches To Designing Log-In Forms
If the email address you enter on Quora matches an account, you get visual confirmation instantly.

Instant Sign-In

Quora’s log-in form also includes an option to “Let me log in without a password on this browser.� Checked by default, this setting does just what it says: it eliminates the need for you to enter a password when re-logging into Quora. All you need to do to enter the website is click on your profile picture or name on the log-in screen.

Fig5-quora in New Approaches To Designing Log-In Forms
Quora’s one-click log-in page.

To go back to the standard log-in screen, just click the “x� or “Log in as another user,� and then you can sign in the hard way: by entering your email address and password.

While one-click sign-in on Quora is convenient, it doesn’t really help you across the rest of the Web. For that, many websites are turning to third-party sign-in solutions.

“Single-sign-on� solutions such as Facebook, Twitter, OpenID and more have tried to tackle log-in issues by cutting down on the number of sign-in details that people need to remember across all of the websites that they use. With these services, one account will get you into many different websites.

Fig6-signinoptions in New Approaches To Designing Log-In Forms
A sampling of single-sign-on solutions.

Logging in this way is faster, too. When someone connects their Facebook or Twitter account to a website, they simply need to click the “Sign in with Facebook (or Twitter)� button to log in. Of course, they need to be signed into their Facebook or Twitter account in order for it to work with one click. But with 50% of Facebook’s 750 million active users logging into Facebook on any given day, the odds are good that one click is all it takes.

You can see this log-in solution in action on Gowalla (screenshot below). A Gowalla user who has connected their Facebook account needs only to click on the “Log in with Facebook� option in order to sign in — provided they are already signed into Facebook, of course. If they’re not signed into Facebook, they’ll need to do that first (usually in a new dialog box or browser tab). After doing so, they will be instantly redirected to Gowalla and logged in.

Fig7-gowalla in New Approaches To Designing Log-In Forms
Gowalla provides an option to log in using your Facebook account.

New Log-In Problems

But with these new benefits come new problems — usually in the form of too many choices. When faced with multiple sign-in options on a website, people do one of the following:

  1. They remember the service they used to sign up (or that they connected to their account), and they log in instantly. This is the best case scenario.
  2. They assume they can sign in with any third-party service (for which they have an account), regardless of whether they have an account on the website they are trying to log into. The thought process for these folks goes something like this: “It says I can sign in with Facebook. I have a Facebook account. I should be able to sign in.�
  3. They forget which service they used to sign up or if they used one at all, and thus hesitate or fail to log in.

To make matters worse, if someone picks the wrong provider, instead of signing in to the service they’re trying to use, they might end up signing up again, thereby creating a second account. While a website can do its best to match accounts from different services, there’s no completely accurate way (that I know of) to determine whether a Twitter and a Facebook account definitively belong to the same person.

So, while third-party sign-in addresses some problems, it also creates a few new ones. In an attempt to solve some of these new sign-in issues, we’ve been experimenting with new log-in screen designs on Bagcheck.

Our most recent sign-in screen (below) is an attempt to reduce confusion and prevent the types of errors I have just described — admittedly, though, at the expense of one-click sign-in. In this design, people are required to enter their user name or email address to sign in. We use instant search results to match their input to an existing user on the website, so someone needs to type only the first few letters of their name to find their account quickly. This tends to be much faster than typing an entire email address. But because more than one person is likely to have the same name, we provide the ability to sign in with an email address as well.

Once someone selects their name or enters their email address, then their options for signing in are revealed. No sign-in actions are shown beforehand.

Fig8-bagchecksignin in New Approaches To Designing Log-In Forms
The current Bagcheck sign-in screen does not reveal any log-in options until you select your name or enter your email address.

True, in this design people can no longer sign in with one click, because the sign-in buttons are not visible by default. But this may be a trade-off worth making, for the following reasons:

  • We keep people signed in until they explicitly sign out. So, hopefully people will rarely need to go through the sign-in process. Remember: the less people need to log in, the fewer sign-in problems you’ll have!
  • The added amount of effort required to sign in is small: just start typing your name and select a search result, or enter your complete email address, and then click the sign-in button. It’s not one-click, but it’s not a lot of work either.
  • Trying to sign in with an account provider that you have not set up on Bagcheck is no longer possible, because the log-in buttons don’t show up until after you have selected your name. This cuts down on duplicate accounts and confusion over which account you have signed up with or connected (especially on different browsers and computers where a cookie has not been set).

On mobile, however, these trade-offs may not be worth it. Logging into a website on a mobile device by typing is a lot more work than just tapping a button. So, in the Bagcheck mobile Web experience, we’ve kept the third-party sign-in buttons front and center, allowing people to log in with just one tap. It’s just another example of how the constraints and capabilities of different devices can influence design decisions.

Fig9-bagcheck in New Approaches To Designing Log-In Forms
The Bagcheck mobile Web experience keeps one-tap sign-in options visible.

Since launching this log-in experience on Bagcheck, we’ve gotten a lot of great feedback and ideas for improving the interactions. Many people have suggested using browser cookies to set a default sign-in option for returning visitors. While this might help people who return to the website using the same browser, we’ve seen many more sign-in issues when people use a different browser or computer. In these cases, a browser cookie won’t help.

Another common question is whether allowing anyone to search the list of Bagcheck users by name or email address reduces security. While this design does somewhat reduce the security of a Bagcheck account (compared to our previous log-in screen design), it’s no worse than many websites that let you sign in with your public user name, like Twitter.

And because all Bagcheck profile pages are public, users can be searched for on Google and on Bagcheck itself. Despite this, we’ve seen a bit of increased concern over this same search capability being on the sign-in screen. So, if you’re thinking about trying this design, make sure your profile pages are public, and be aware that people may still be a bit sensitive about it.

We’ve All Got Email

Although signing into a service with one’s name may be too new for some people, logging in with an email address is common practice for most. Using a solution that brings together a lot of the ideas outlined in this article, Google’s Identity Toolkit and Account Chooser allow people to sign in across the Web using just their email address:

Fig10-google in New Approaches To Designing Log-In Forms
Google’s Identity Toolkit allows people to sign in with a number of email verification options.

When multiple accounts have been accessed in the same Web browser, each account is listed as a sign-in option, making account selection easier. If you want to try out this sign-in solution, you can opt in on Google’s website or implement it on your website with Google’s Toolkit.

Fig11-google in New Approaches To Designing Log-In Forms
Selecting from multiple accounts on Google’s experimental sign-in page.

The Little Things Matter, Too

The Bagcheck and Google examples we just looked at try to rethink log-in pages in big ways. But not all sign-in innovations need to be so comprehensive. Even small changes can have a big impact. For example, I mentioned earlier that inputting text precisely on mobile devices can be harder than on full keyboard computers. Coupled with obscured password fields, this can make logging into a website on a mobile device a challenge.

Facebook’s mobile Web experience tackles this in a small but useful way. If you enter an incorrect password when trying to sign in, the website will change the password field to plain text so that you can actually see your input. Facebook also offers an alternate way to log in, using your email address or phone number (screenshot below). It’s a small enhancement but one that can go a long way on mobile.

Fig12-facebook in New Approaches To Designing Log-In Forms
Facebook does a lot to help you log in on mobile.

It’s Not Over

As these examples illustrate, even the most common interactions on the Web (like logging in) could benefit from new ideas and design improvements. Not every idea I’ve walked through here will become part of all the log-in forms we encounter on the Web — chances are none of them will. But without trying, we’ll never know.

So, if you have some new ideas for signing in or any other Web interaction we’ve come to take for granted, try them out and let the rest of us know what you’ve learned!

Online Resources

(al)


© Luke Wroblewski for Smashing Magazine, 2011.


Showcase of Italian Web Design Pt.2


  

Last week we had a showcase of Italian web design from a member of the Italian web design community. This week we have a showcase from a different perspective. This week, we have a showcase and look at Italian web design from a designer outside of that community. Complete with interviews and more, this second installment will hopefully paint a fuller picture of the state of the web design industry in Italy.

Some Background and Influences

The Italians are remembered for producing an ongoing stream of gigantic and awe-inspiring artworks, largely based on the intellectual climate or religious trends of their times. Frescoes and mosaics have been a staple in Italy, from the medieval period onward. Byzantine art was largely decorative, colorful and calligraphic. Naturalistic art was next, created by the groundbreaking Giotto de Bondone. Gothic art emerged at the same time, also called the International style.

Patrons emerged from rich and powerful clans in the 1420’s, and remained influential for half a millenium. This was the time of Donatello, Brunelleschi, and Alberti, who looked back on the classical period for inspiration. Tuscan painters Fra Angelico and Fra Filippo Lippi experimented with color during the same era.

Lyrical artists, such as Botticelli, Filippino Lippi, and Baldovinetti emerged next, paving the way for the Big Three: Michelangelo, Leonardo da Vinci, and Raphael. These great masters were rivals for ascendancy during the Renaissance—Raphael with his religious paintings featuring Madonnas, Leonardo with his wildly imaginative notebooks and Michelangelo with his Sistine Chapel. Mannerism followed in the early 1500’s. Titian was the foremost master of Venetian painting, characterized by luxurious color, sensual bodies and exquisitely lit paintings of scenery.

By the 1600’s, Rome was the epicenter of a new style, Baroque art—church ceilings decorated with clouds and cherubs. The energy and joy of all things Baroque was best captured by Bernini. In the next century, the Venetians again ascended with the rococo style, distinguished by its immense landscapes. Italy’s impressionists pre-dated all others. Their expression of this movement was through light and shadow (macchie).

More giants emerged with the two schools of Post-Impressionism. Those who meticulously depicted strict structure were Cezanne and Seurat. Those who experimented with color and shape were Gauguin and Van Gogh. Its name (Neoclassicism) explains Italian art’s swing backward once again into the design aesthetic of Ancient Rome and Greece. Artists Leon Battisa Alberti and Filippo Brunelleschi utilized the elements of mathematical symmetry and geometric proportion. As the 20th century dawned, Modigliani became the acknowledged master of Expressionism, followed by Cubism and Futurism. Girogo de Chirico edged the Metaphysical movement toward Surrealism.

In Web Design

Italians express themselves aesthetically with the inborn fluency that other humans use to breathe. Therefore, Italian graphic design displays an expected strength and freedom of expression, while maintaining a surprising softness and informality in its design elements.

Italian design schools include the study of art history and public spaces in their web design curriculum. Basic art principles are used as a grounding, such as color theory, expression of geometric shapes (especially the square) and optical illusions.

Modern technical skills are combined with humanism, so that practicality and user interfaces are uppermost. Italian web design maintains an intimate connection between the creator and the observer.

What’s Unique About Italian Web Design?

Here are some other issues:

• They use a usability rule called “Tired Rule�, which outlines a specific set of usability guidelines to follow.

• The websites often enough require to be published in two languages (Italian/English).

• Italian web designer earn less than british or american designers.

• They have a particular taste for retro style in typography,they use and mix fonts to obtain a perfect geometry and an perfect readability for their design.

• They are extremely precise and take care of the details, by doing so, the website will be noticed for sure.

• There are features in common to almost all the Italian sites.

• Many designers are still using Flash, So there are alot of sites created by Flash.

• Beautiful Domain Names.

The State Of Affairs

We talked to people in the Web design industry in Italy to get their opinions on the state of affairs.

Q: Could you please describe the life of a freelancer, developer and designer in your country?

(Your Inspiration Web Staff): Working as a webdesigner – especially as a freelancer – can be very stimulating and quite demanding: looking for inspiration, working on the design and development phase, studying and honing one’s professional skills, etc…In terms of one’s personal life, working hours don’t exist, daily schedules don’t exist. One can be sleeping during the day and working at night, or having to work for ten consecutive projects without having any inspiration whatsoever…this is a struggle that every freelancer, developer and designer must confront on a daily basis.

(Piervincenzo Madeo – PV. M Garage): I’m taking my initial steps into this world. I have a ‘strange’ background story, because I come from engineering studies and for this reason I don’t have a complete view of a real life as a freelancer. But I can say that to start my activities, in order to engage clients and to create a strong network, I had to take a look beyond the italian borders… I have to write a blog in english to have visibility, and I have many requests from clients who live in other countries. I love Italy, but it’s hard to begin a professional activity in web design field building (basing) a business only on italian audience.

(Raffaele Rasini – Creative Bits): Difficult, almost all web designers start out as a freelancer but without an entrepreneurial spirit and desire to get involved in a sector where there is plenty of competition after the first year many decide to go to work in a web agency or even change job direction to something more classic and recognized. We must hold on, collaborate with other web designers and choose carefully (when possible) the works that are proposed in accordance with the potential advertising that could generate more than the earning after work.

Beaver Lab

(Egidio Bacigalupi – Beaver Lab): Life is hard … especially to get it started! We work at any time and the idea of the weekend and spare time disappears. We must be available and open with our client: the satisfaction is crucial because the word of mouth is still the best market strategy. Our daily diet is based on many coffees and we must never lose the desire to take the risk and to be as much creative as possible!

(Michela Chiucini – web is love): The life of a freelancer has some pros and cons. Sometime we have to work more time than employees but we also have the freedom to manage our working hours and projects; the most annoying aspect is the paperwork, I hate it.

Q: Where do you get inspiration from?

(Your Inspiration Web Staff): I believe inspiration is a universal thing, just as its sources tend to be. It’s true that we look at CSS galleries once in a while (as well as blogs which focus on web design) looking for ideas, but most of the times I’ve noticed that inspiration comes in the form of flyers, tv ads, photos, colors, fonts, wallpaintings…a little bit everywhere, and rightfully so.

Web is Love

(Piervincenzo Madeo – PV. M Garage): Usually on-line, from css galleries and works of top-designers all around the Web; sometimes also off-line from magazines, newspapers, from TV too. But being active in the design community is my biggest source of inspiration: great people, stunning works and helpful ‘colleagues’.

(Raffaele Rasini – Creative Bits): Many say that to find inspiration one must observe nature, go for a walk and take photos, get off the computer and look for creative input elsewhere, I find this good and necessary, but I also think that since we are ux designers and not painters we also need to consider the various web resources like patterntap.com or the wonderful drawar.com that allow us to follow, analyze and replicate the solutions to common problems without having to reinvent the wheel each time.

(Egidio Bacigalupi – Beaver Lab): Internet is the best source… but often the best ideas rise up during a trip by car or chatting with friends over a plate of pasta.

(Michela Chiucini – web is love): Inspiration comes when you look at something familiar with different eyes. There isn’t a particular source where I get inspiration, it could happen reading a book, watching a movie, travelling, walking or just sitting in front of my computer. Rather, the most prolific moments are late afternoon and early morning.

Q: How do Italian designers handle typography? Are any font embedding techniques widely used? Is the choice of available fonts big? How vivid is in your opinion typography in Italian web design?

(Your Inspiration Web Staff): Of course, Italian designers are no exception, they know that good-looking typography can determine whether a website or design will be successful or not. We use some of the most common techniques, such as @rules “@font-face�, which are provided by CSS (currently supported by all major browsers), cufon, sifr… basically all of the main techniques present in this sector.

Multiways

(Piervincenzo Madeo – PV. M Garage): If I think about pro-designers, really pro, I have to say that they work superbly with typography. They have a particular taste for retro style in typography and I love how they use and mix fonts to obtain a perfect geometry and an perfect readability for their design. It’s just my opinion from my experience, but I don’t think there is a large use of embedding techniques, but who looks for a wide choice of fonts, for web design works, they use @font-face. It works quickly and without adding problems to the development routine.

(Raffaele Rasini – Creative Bits): The web panorama in Italy is not so advanced as one might think, with regards to typography we can not compete with the quality of other countries, as I said before there are too many beginners who decide overnight to be a web designer without any graphic background, without having studied the essential bases of typography that are necessary to achieve at least a decent website, this does nothing but increase the mediocrity (at least from a designer prospective) of italian websites. Fortunately there are also real professionals that they do their job well and bring a breath of fresh air in an otherwise depressing web reality.

(Egidio Bacigalupi – Beaver Lab): I love typography (I also deal with graphics and printing). I think fonts give you great potential for communication and have an intrinsic beauty. There are many beautiful fonts but also creating your own is fascinating. In the last period we are developing projects through the interaction and composition of fonts and the use of kinetic typography.

(Michela Chiucini – web is love): In Italy many designers are still using Flash, this has been the widely used solution for a long time. In html based websites the choice is the same as for other countries. Luckily more and more clients are asking for html websites so the attention on typography is increasing.

Q: What’s the situation on the market? How much do designers earn?

(Your Inspiration Web Staff): The Italian market is still quite young in regards to web design. The term ‘webdesigner’ is used very loosely, and one can be labeled as such even without having the necessary experience. Often enough, clients have a hard time distinguishing between a great-looking design and website with one that is mediocre and amateurish: they still think that what’s important is to be on the web, without considering the how. Because of this it’s quite hard to find clients who are willing to invest adequately on creating a website, considering that there are providers who charge ridiculous prices, such as 100 euros. Having said this, a webdesigner’s potential earnings is based on his or her level of preparation: some webdesigners succeed and are able to make a living with this while others might pick up webdesign to make some money on the side.

(Piervincenzo Madeo – PV. M Garage): There is thing that I can affirm without fear to mistake: ‘italian web designer earn less than british or american designers.’ Here, I’m talking only about italian scene, the culture of web lacks. We have to educate a client before asking for a payment, because many italian clients think a website can be done in one day expending 100 Euros.

Studio Grafico

(Raffaele Rasini – Creative Bits): There is high demand but few realize how much work there is behind a website and expect the prices of a flea market, I think the average earnings of an Italian web designer are at least 1/3 of, at the same level of capacity, what an American earn.

(Egidio Bacigalupi – Beaver Lab): The market is saturated, the communication culture doesn’t exist in many companies and it is not so easy to get paid … you need to propose yourself in a new and fresh way to be convincing and be economically competitive! I also believe there are profound differences between north and south: the north is certainly more receptive and willing to invest in the communication field.

(Michela Chiucini – web is love): Many clients are just discovering the importance of having a well crafted website and this is a good thing, but it’s still an underpaid job if compared with other countries.

Q: Is being a Web designer considered high-level, sophisticated work?

(Your Inspiration Web Staff): Not exactly, a lot of people are still confused about what a web designer really does and many believe (frustratingly, I must add) that web design is not really a profession but a hobby, something that is easy to do. Only few people really understand the passion, the sacrifice and the years of study that are needed to be in this line of work, so that these people also understand the true value of webdesign: economic as well as mental. Hopefully things will get better, I really hope so.

(Piervincenzo Madeo – PV. M Garage): As I said here the culture of web is lacking. For this reasons there are many people who think that with a CMS installation nothing is impossible. After some days and a lot of failed attempts the looking for a professional web designer begins. So, those who know the issues and the hard work that there is behind a well-done website deeply respect our work, other people tend to think of web designing and developing as a low-tech job.

PV.M Garage

(Raffaele Rasini – Creative Bits): Unfortunately not, many see us as computer experts who also make web sites. Actually it is not so, it is a serious and very important job, the figure of a ux/web designer is essential and irreplaceable, their work can literally determine the success or failure of a web service, regardless of the efforts of a marketing department, if made in the wrong way.

(Egidio Bacigalupi – Beaver Lab): It’s a work of precision as for printing. We have to be extremely precise and take care of the details: by doing so, the website will be noticed for sure … But unlike print, you can correct mistakes or change something in the works without compromising it. From my colleagues’ perspectives this is definitely a high-level and high-precision work, while it’s different with clients: they often make everything easy and give little value to our work.

(Michela Chiucini – web is love): It strongly depends on the culture the person has about the web. Those who have got enough knowledge of web issues, of course, appreciate our job. We could say that to learn web design is as simple as to learn to do it badly, that’s why some people think it possible to be able to craft a website in few hours with little effort; clearly these people are the first not to consider web design sophisticated work.

Q: Do you see any remarkable differences between Italian designs and ones in the US and Western Europe?

(Your Inspiration Web Staff): Honestly, I can’t think of anything. I feel that web design is not a sector in which one can find differences resulting from different countries, on the contrary: a sense of aesthetics, development, programming language…all of this is considered universal, bringing web designers closer to one another, something which I don’t think can happen in other professions. We are all part of the same club.

(Piervincenzo Madeo – PV. M Garage): As I said here, in Italy, the ‘ignorance’ about this field is widespread. This creates some problems when we must explain to our client why we want to earn 20 euro/hour, 15 euro/hour or 30.  So, there are people who to earn their ‘salary’, they push down the manometer of ‘quality’ and pump the ‘quantity,’ for this reason many italian web designs have an ‘ordinary’ quality (minimum for decency). However there are great designers, I’m thinking of Michela Chiucini , Simone Maranzana , Francesco Mugnai who work and create great designs following recent world wide trends designing their website.

(Raffaele Rasini – Creative Bits): Abroad have more courage in breaking the rules and trying something completely different from the rest, in Italy there is much distrust for everything that is new and it always ends up starting to use a model already tested with little creative freedom.

Creative Bits


(Egidio Bacigalupi – Beaver Lab): I think they are a step ahead and more innovative. They set the rules and trends of the moment…and they like to be different and dare!

(Michela Chiucini – web is love): I see  remarkable differences between good designs and bad ones. Nowadays we see good designs from every country. The web is a global medium and every person follows his own taste and cultural background.

Q: And how does all of this work? Is the situation currently good or difficult? Do most customers want to have an English-speaking or Italian-speaking sites?

(Your Inspiration Web Staff): I can say that the situation is improving, businesses have started to understand the potential of the web and of its economic benefits. This is why they are willing to invest online more and more. The first businesses to adopt and take advantage of the web were tourist-related enterprises such as hotels, restaurants, and bed&breakfasts which often enough require a website to be published in two languages (Italian/English), since they must be found easily.

(Piervincenzo Madeo – PV. M Garage): In general, the situation we have here can only improve. But I think we are turning the right way. English-speaking or Italian-speaking, you said… depends on the client’s target and what kind of website they need.

Your Inspiration Web Staff


(Raffaele Rasini – Creative Bits): There are ups and downs as in the other countries, the economy is recovering and the urge is coming back to get back into play with new projects but the time has lengthened, all is progressing slowly and there is still much uncertainty. I am still positive that within 2 years everything will be back to normal as before the crisis. Surely one of the main factors that have most impacted the Italian economy is the decline in exports to other countries so it is now almost obligatory to have a web site in English, even more than other languages like French and Spanish.

(Egidio Bacigalupi – Beaver Lab): The situation is often difficult because to set in projects poorly designed is always more and more complicated. All customers want a multilingual website but they often don’t provide the contents in the main language. Luckily, some recent experiences gave me hope: companies are starting to understand the true potential of a website well structured and rich in content, and they want to invest time and money.

(Michela Chiucini – web is love): The general situation could be definitely improved for the reasons mentioned above. Italian, English (or both) strongly depends on what kind of website customers want and on the market they are turning to. Anyway, even if not strictly required, an english version helps increasing the traffic and makes a website look more professional.

Further Showcase Of Italian Web Design

iDecorabili

A.S.D. Caimano Rosso

L’isola Nel Grande Verde

Rue Ballu Edizioni

Rico Donkey

Pinarello

Operabike

Gruppo AFV Beltrame

Laborlegno

Minacciolo

La Casa Del Bimbo

Miller

Blue Kitchen

The Brain Box

Pixelica

Wally

Interactive and Design

Pubbicita Napoli e Milano

Angelo Barbagallo

Cocorico

a67

Giulia Ottonello

Cascina Selva

a fine day between addictions

Il Mondo Di Air

Regione Del Veneto

Fabiano Fiorin

Noir Italiano

Siti Web Genova

Metrico

Anthos Formazione

Andromeda Murano

McDonalds

Weberia Design

Alex Britti

Eros Ramazzotti

Francescail Film

Giambalvo + Napolitano

Amarano

Emmealcubo

Arthe

Global Shipping

Le Pedane Vibranti

La Botteghina

Frutteto

Riccardo Sardone

Salvio Simeoli

Belmonte

Rossi Graziano

Villa Mastai

Minuzzo

Cavalli

Fabrica

Lapinarello Cycling

Klekoo

Samdesign

Illyissimo

Francesco Curci

Kieran Dodds

Mimic Lab

Molo71

Villa Fornaci

Holy Hands

Silvia Cossu

kalispious

Roberto Sbolci

Labile Booking Agency

Marina Yachting

Nicola Mariucci

Imaginepaolo

Sito Di Gregotti

Zeta Cartoon

Michela Chiucini

Filippo Protasoni

Accedi

Rosso Helmets

Francesco Agnoletto

H-art

PMS

Pubblicita

Andrea Gandino

Scuola zoo

Siloos

Francesco Gavello

Villa Dario

Nerdy Dog

Simone Maranzana

Prodotti Tipici

Reset Studio

Passiomatic

Links

• liquida

• pycon

• Technology Transfer Events

• Design Blog

• Life Gate

• Designer Blog

• Design Tale Studio

• Young Designer

• Chic Magazine

(rb)


Showcase of Italian Web Design Pt.2


  

Last week we had a showcase of Italian web design from a member of the Italian web design community. This week we have a showcase from a different perspective. This week, we have a showcase and look at Italian web design from a designer outside of that community. Complete with interviews and more, this second installment will hopefully paint a fuller picture of the state of the web design industry in Italy.

Some Background and Influences

The Italians are remembered for producing an ongoing stream of gigantic and awe-inspiring artworks, largely based on the intellectual climate or religious trends of their times. Frescoes and mosaics have been a staple in Italy, from the medieval period onward. Byzantine art was largely decorative, colorful and calligraphic. Naturalistic art was next, created by the groundbreaking Giotto de Bondone. Gothic art emerged at the same time, also called the International style.

Patrons emerged from rich and powerful clans in the 1420’s, and remained influential for half a millenium. This was the time of Donatello, Brunelleschi, and Alberti, who looked back on the classical period for inspiration. Tuscan painters Fra Angelico and Fra Filippo Lippi experimented with color during the same era.

Lyrical artists, such as Botticelli, Filippino Lippi, and Baldovinetti emerged next, paving the way for the Big Three: Michelangelo, Leonardo da Vinci, and Raphael. These great masters were rivals for ascendancy during the Renaissance—Raphael with his religious paintings featuring Madonnas, Leonardo with his wildly imaginative notebooks and Michelangelo with his Sistine Chapel. Mannerism followed in the early 1500’s. Titian was the foremost master of Venetian painting, characterized by luxurious color, sensual bodies and exquisitely lit paintings of scenery.

By the 1600’s, Rome was the epicenter of a new style, Baroque art—church ceilings decorated with clouds and cherubs. The energy and joy of all things Baroque was best captured by Bernini. In the next century, the Venetians again ascended with the rococo style, distinguished by its immense landscapes. Italy’s impressionists pre-dated all others. Their expression of this movement was through light and shadow (macchie).

More giants emerged with the two schools of Post-Impressionism. Those who meticulously depicted strict structure were Cezanne and Seurat. Those who experimented with color and shape were Gauguin and Van Gogh. Its name (Neoclassicism) explains Italian art’s swing backward once again into the design aesthetic of Ancient Rome and Greece. Artists Leon Battisa Alberti and Filippo Brunelleschi utilized the elements of mathematical symmetry and geometric proportion. As the 20th century dawned, Modigliani became the acknowledged master of Expressionism, followed by Cubism and Futurism. Girogo de Chirico edged the Metaphysical movement toward Surrealism.

In Web Design

Italians express themselves aesthetically with the inborn fluency that other humans use to breathe. Therefore, Italian graphic design displays an expected strength and freedom of expression, while maintaining a surprising softness and informality in its design elements.

Italian design schools include the study of art history and public spaces in their web design curriculum. Basic art principles are used as a grounding, such as color theory, expression of geometric shapes (especially the square) and optical illusions.

Modern technical skills are combined with humanism, so that practicality and user interfaces are uppermost. Italian web design maintains an intimate connection between the creator and the observer.

What’s Unique About Italian Web Design?

Here are some other issues:

• They use a usability rule called “Tired Rule�, which outlines a specific set of usability guidelines to follow.

• The websites often enough require to be published in two languages (Italian/English).

• Italian web designer earn less than british or american designers.

• They have a particular taste for retro style in typography,they use and mix fonts to obtain a perfect geometry and an perfect readability for their design.

• They are extremely precise and take care of the details, by doing so, the website will be noticed for sure.

• There are features in common to almost all the Italian sites.

• Many designers are still using Flash, So there are alot of sites created by Flash.

• Beautiful Domain Names.

The State Of Affairs

We talked to people in the Web design industry in Italy to get their opinions on the state of affairs.

Q: Could you please describe the life of a freelancer, developer and designer in your country?

(Your Inspiration Web Staff): Working as a webdesigner – especially as a freelancer – can be very stimulating and quite demanding: looking for inspiration, working on the design and development phase, studying and honing one’s professional skills, etc…In terms of one’s personal life, working hours don’t exist, daily schedules don’t exist. One can be sleeping during the day and working at night, or having to work for ten consecutive projects without having any inspiration whatsoever…this is a struggle that every freelancer, developer and designer must confront on a daily basis.

(Piervincenzo Madeo – PV. M Garage): I’m taking my initial steps into this world. I have a ‘strange’ background story, because I come from engineering studies and for this reason I don’t have a complete view of a real life as a freelancer. But I can say that to start my activities, in order to engage clients and to create a strong network, I had to take a look beyond the italian borders… I have to write a blog in english to have visibility, and I have many requests from clients who live in other countries. I love Italy, but it’s hard to begin a professional activity in web design field building (basing) a business only on italian audience.

(Raffaele Rasini – Creative Bits): Difficult, almost all web designers start out as a freelancer but without an entrepreneurial spirit and desire to get involved in a sector where there is plenty of competition after the first year many decide to go to work in a web agency or even change job direction to something more classic and recognized. We must hold on, collaborate with other web designers and choose carefully (when possible) the works that are proposed in accordance with the potential advertising that could generate more than the earning after work.

Beaver Lab

(Egidio Bacigalupi – Beaver Lab): Life is hard … especially to get it started! We work at any time and the idea of the weekend and spare time disappears. We must be available and open with our client: the satisfaction is crucial because the word of mouth is still the best market strategy. Our daily diet is based on many coffees and we must never lose the desire to take the risk and to be as much creative as possible!

(Michela Chiucini – web is love): The life of a freelancer has some pros and cons. Sometime we have to work more time than employees but we also have the freedom to manage our working hours and projects; the most annoying aspect is the paperwork, I hate it.

Q: Where do you get inspiration from?

(Your Inspiration Web Staff): I believe inspiration is a universal thing, just as its sources tend to be. It’s true that we look at CSS galleries once in a while (as well as blogs which focus on web design) looking for ideas, but most of the times I’ve noticed that inspiration comes in the form of flyers, tv ads, photos, colors, fonts, wallpaintings…a little bit everywhere, and rightfully so.

Web is Love

(Piervincenzo Madeo – PV. M Garage): Usually on-line, from css galleries and works of top-designers all around the Web; sometimes also off-line from magazines, newspapers, from TV too. But being active in the design community is my biggest source of inspiration: great people, stunning works and helpful ‘colleagues’.

(Raffaele Rasini – Creative Bits): Many say that to find inspiration one must observe nature, go for a walk and take photos, get off the computer and look for creative input elsewhere, I find this good and necessary, but I also think that since we are ux designers and not painters we also need to consider the various web resources like patterntap.com or the wonderful drawar.com that allow us to follow, analyze and replicate the solutions to common problems without having to reinvent the wheel each time.

(Egidio Bacigalupi – Beaver Lab): Internet is the best source… but often the best ideas rise up during a trip by car or chatting with friends over a plate of pasta.

(Michela Chiucini – web is love): Inspiration comes when you look at something familiar with different eyes. There isn’t a particular source where I get inspiration, it could happen reading a book, watching a movie, travelling, walking or just sitting in front of my computer. Rather, the most prolific moments are late afternoon and early morning.

Q: How do Italian designers handle typography? Are any font embedding techniques widely used? Is the choice of available fonts big? How vivid is in your opinion typography in Italian web design?

(Your Inspiration Web Staff): Of course, Italian designers are no exception, they know that good-looking typography can determine whether a website or design will be successful or not. We use some of the most common techniques, such as @rules “@font-face�, which are provided by CSS (currently supported by all major browsers), cufon, sifr… basically all of the main techniques present in this sector.

Multiways

(Piervincenzo Madeo – PV. M Garage): If I think about pro-designers, really pro, I have to say that they work superbly with typography. They have a particular taste for retro style in typography and I love how they use and mix fonts to obtain a perfect geometry and an perfect readability for their design. It’s just my opinion from my experience, but I don’t think there is a large use of embedding techniques, but who looks for a wide choice of fonts, for web design works, they use @font-face. It works quickly and without adding problems to the development routine.

(Raffaele Rasini – Creative Bits): The web panorama in Italy is not so advanced as one might think, with regards to typography we can not compete with the quality of other countries, as I said before there are too many beginners who decide overnight to be a web designer without any graphic background, without having studied the essential bases of typography that are necessary to achieve at least a decent website, this does nothing but increase the mediocrity (at least from a designer prospective) of italian websites. Fortunately there are also real professionals that they do their job well and bring a breath of fresh air in an otherwise depressing web reality.

(Egidio Bacigalupi – Beaver Lab): I love typography (I also deal with graphics and printing). I think fonts give you great potential for communication and have an intrinsic beauty. There are many beautiful fonts but also creating your own is fascinating. In the last period we are developing projects through the interaction and composition of fonts and the use of kinetic typography.

(Michela Chiucini – web is love): In Italy many designers are still using Flash, this has been the widely used solution for a long time. In html based websites the choice is the same as for other countries. Luckily more and more clients are asking for html websites so the attention on typography is increasing.

Q: What’s the situation on the market? How much do designers earn?

(Your Inspiration Web Staff): The Italian market is still quite young in regards to web design. The term ‘webdesigner’ is used very loosely, and one can be labeled as such even without having the necessary experience. Often enough, clients have a hard time distinguishing between a great-looking design and website with one that is mediocre and amateurish: they still think that what’s important is to be on the web, without considering the how. Because of this it’s quite hard to find clients who are willing to invest adequately on creating a website, considering that there are providers who charge ridiculous prices, such as 100 euros. Having said this, a webdesigner’s potential earnings is based on his or her level of preparation: some webdesigners succeed and are able to make a living with this while others might pick up webdesign to make some money on the side.

(Piervincenzo Madeo – PV. M Garage): There is thing that I can affirm without fear to mistake: ‘italian web designer earn less than british or american designers.’ Here, I’m talking only about italian scene, the culture of web lacks. We have to educate a client before asking for a payment, because many italian clients think a website can be done in one day expending 100 Euros.

Studio Grafico

(Raffaele Rasini – Creative Bits): There is high demand but few realize how much work there is behind a website and expect the prices of a flea market, I think the average earnings of an Italian web designer are at least 1/3 of, at the same level of capacity, what an American earn.

(Egidio Bacigalupi – Beaver Lab): The market is saturated, the communication culture doesn’t exist in many companies and it is not so easy to get paid … you need to propose yourself in a new and fresh way to be convincing and be economically competitive! I also believe there are profound differences between north and south: the north is certainly more receptive and willing to invest in the communication field.

(Michela Chiucini – web is love): Many clients are just discovering the importance of having a well crafted website and this is a good thing, but it’s still an underpaid job if compared with other countries.

Q: Is being a Web designer considered high-level, sophisticated work?

(Your Inspiration Web Staff): Not exactly, a lot of people are still confused about what a web designer really does and many believe (frustratingly, I must add) that web design is not really a profession but a hobby, something that is easy to do. Only few people really understand the passion, the sacrifice and the years of study that are needed to be in this line of work, so that these people also understand the true value of webdesign: economic as well as mental. Hopefully things will get better, I really hope so.

(Piervincenzo Madeo – PV. M Garage): As I said here the culture of web is lacking. For this reasons there are many people who think that with a CMS installation nothing is impossible. After some days and a lot of failed attempts the looking for a professional web designer begins. So, those who know the issues and the hard work that there is behind a well-done website deeply respect our work, other people tend to think of web designing and developing as a low-tech job.

PV.M Garage

(Raffaele Rasini – Creative Bits): Unfortunately not, many see us as computer experts who also make web sites. Actually it is not so, it is a serious and very important job, the figure of a ux/web designer is essential and irreplaceable, their work can literally determine the success or failure of a web service, regardless of the efforts of a marketing department, if made in the wrong way.

(Egidio Bacigalupi – Beaver Lab): It’s a work of precision as for printing. We have to be extremely precise and take care of the details: by doing so, the website will be noticed for sure … But unlike print, you can correct mistakes or change something in the works without compromising it. From my colleagues’ perspectives this is definitely a high-level and high-precision work, while it’s different with clients: they often make everything easy and give little value to our work.

(Michela Chiucini – web is love): It strongly depends on the culture the person has about the web. Those who have got enough knowledge of web issues, of course, appreciate our job. We could say that to learn web design is as simple as to learn to do it badly, that’s why some people think it possible to be able to craft a website in few hours with little effort; clearly these people are the first not to consider web design sophisticated work.

Q: Do you see any remarkable differences between Italian designs and ones in the US and Western Europe?

(Your Inspiration Web Staff): Honestly, I can’t think of anything. I feel that web design is not a sector in which one can find differences resulting from different countries, on the contrary: a sense of aesthetics, development, programming language…all of this is considered universal, bringing web designers closer to one another, something which I don’t think can happen in other professions. We are all part of the same club.

(Piervincenzo Madeo – PV. M Garage): As I said here, in Italy, the ‘ignorance’ about this field is widespread. This creates some problems when we must explain to our client why we want to earn 20 euro/hour, 15 euro/hour or 30.  So, there are people who to earn their ‘salary’, they push down the manometer of ‘quality’ and pump the ‘quantity,’ for this reason many italian web designs have an ‘ordinary’ quality (minimum for decency). However there are great designers, I’m thinking of Michela Chiucini , Simone Maranzana , Francesco Mugnai who work and create great designs following recent world wide trends designing their website.

(Raffaele Rasini – Creative Bits): Abroad have more courage in breaking the rules and trying something completely different from the rest, in Italy there is much distrust for everything that is new and it always ends up starting to use a model already tested with little creative freedom.

Creative Bits


(Egidio Bacigalupi – Beaver Lab): I think they are a step ahead and more innovative. They set the rules and trends of the moment…and they like to be different and dare!

(Michela Chiucini – web is love): I see  remarkable differences between good designs and bad ones. Nowadays we see good designs from every country. The web is a global medium and every person follows his own taste and cultural background.

Q: And how does all of this work? Is the situation currently good or difficult? Do most customers want to have an English-speaking or Italian-speaking sites?

(Your Inspiration Web Staff): I can say that the situation is improving, businesses have started to understand the potential of the web and of its economic benefits. This is why they are willing to invest online more and more. The first businesses to adopt and take advantage of the web were tourist-related enterprises such as hotels, restaurants, and bed&breakfasts which often enough require a website to be published in two languages (Italian/English), since they must be found easily.

(Piervincenzo Madeo – PV. M Garage): In general, the situation we have here can only improve. But I think we are turning the right way. English-speaking or Italian-speaking, you said… depends on the client’s target and what kind of website they need.

Your Inspiration Web Staff


(Raffaele Rasini – Creative Bits): There are ups and downs as in the other countries, the economy is recovering and the urge is coming back to get back into play with new projects but the time has lengthened, all is progressing slowly and there is still much uncertainty. I am still positive that within 2 years everything will be back to normal as before the crisis. Surely one of the main factors that have most impacted the Italian economy is the decline in exports to other countries so it is now almost obligatory to have a web site in English, even more than other languages like French and Spanish.

(Egidio Bacigalupi – Beaver Lab): The situation is often difficult because to set in projects poorly designed is always more and more complicated. All customers want a multilingual website but they often don’t provide the contents in the main language. Luckily, some recent experiences gave me hope: companies are starting to understand the true potential of a website well structured and rich in content, and they want to invest time and money.

(Michela Chiucini – web is love): The general situation could be definitely improved for the reasons mentioned above. Italian, English (or both) strongly depends on what kind of website customers want and on the market they are turning to. Anyway, even if not strictly required, an english version helps increasing the traffic and makes a website look more professional.

Further Showcase Of Italian Web Design

iDecorabili

A.S.D. Caimano Rosso

L’isola Nel Grande Verde

Rue Ballu Edizioni

Rico Donkey

Pinarello

Operabike

Gruppo AFV Beltrame

Laborlegno

Minacciolo

La Casa Del Bimbo

Miller

Blue Kitchen

The Brain Box

Pixelica

Wally

Interactive and Design

Pubbicita Napoli e Milano

Angelo Barbagallo

Cocorico

a67

Giulia Ottonello

Cascina Selva

a fine day between addictions

Il Mondo Di Air

Regione Del Veneto

Fabiano Fiorin

Noir Italiano

Siti Web Genova

Metrico

Anthos Formazione

Andromeda Murano

McDonalds

Weberia Design

Alex Britti

Eros Ramazzotti

Francescail Film

Giambalvo + Napolitano

Amarano

Emmealcubo

Arthe

Global Shipping

Le Pedane Vibranti

La Botteghina

Frutteto

Riccardo Sardone

Salvio Simeoli

Belmonte

Rossi Graziano

Villa Mastai

Minuzzo

Cavalli

Fabrica

Lapinarello Cycling

Klekoo

Samdesign

Illyissimo

Francesco Curci

Kieran Dodds

Mimic Lab

Molo71

Villa Fornaci

Holy Hands

Silvia Cossu

kalispious

Roberto Sbolci

Labile Booking Agency

Marina Yachting

Nicola Mariucci

Imaginepaolo

Sito Di Gregotti

Zeta Cartoon

Michela Chiucini

Filippo Protasoni

Accedi

Rosso Helmets

Francesco Agnoletto

H-art

PMS

Pubblicita

Andrea Gandino

Scuola zoo

Siloos

Francesco Gavello

Villa Dario

Nerdy Dog

Simone Maranzana

Prodotti Tipici

Reset Studio

Passiomatic

Links

• liquida

• pycon

• Technology Transfer Events

• Design Blog

• Life Gate

• Designer Blog

• Design Tale Studio

• Young Designer

• Chic Magazine

(rb)


Traditional Darkroom Photography: Hipsters in the Darkroom


  

In these digital days of Hipstamatic and Instagram, and any number of photography related apps, the world wide web is inundated with hipster shutterbugs and their galleries of enhanced, or filtered photos. So much so, that many people forget the traditional roots that these digital effects spawned from and the mastery so many still practice.

These analog professionals still practice their craft in the darkrooms far from the digital reaches of the app effected trends that tend to rule the social media scenes so many of us populate these days. Today we pay homage to those heroes of traditional photography, often mistaken for hipsters digitally capturing their days on their various mobile devices, with a showcase of art wrought from the darkroom trays and stop baths.

Enter the darkroom and see the amazing effects that these pros can wrangle that still rival their digital counterparts in spades. And stop by the resources gathered at the end for your own darkroom setup tips. Enjoy!

Enter the Darkroom

p a i n by wiersz

Solitaire by EvilxElf

They Grow Up So Fast by jierumi

Laria by

Towards the Without by xxlogre

Wound up Firefly by zerocomplex

.:Hope:. by Triodante

No Name by assafezra

City Abstracted by Polazarus2

Lomo 8 by AnneSoLand

Chistoprudniy Bulvar by CorsoDomenic

The Church by DemonMathiel

Brolly by pahness

In Search of Avalon by mopho-to

Pinhole’s Yellow Points by BlackDennie

Moonland by pahness

Darien-Holga by Mayfair710

BCN Lomo by AnneSoLand

early waking by equivoque

Holga Twister by whitestar98

Color Apples by alex-malex

In The Rye by melkore314

Apollo Liquors, v. Lomo by futureowoman

BOWL by equivoque

pearls on skin by Finvara

i don’t know if i’m ready by kahoxworth

burning field by melkore314

lonely rabbit by kahoxworth

2 by theluckynine

Gloria in te Domine by darmodej

two-III by s-t-r-a-n-g-e

Play Me a Song by imveryconfused

I miss England by staged

The Wise Old Tree II by tt83x

romanticism by youreuglykbie

In the mist by filibree

Cloudy day by nocturnal0light

Doorway by mrabanal

You First by intao

A Fleeting Glimpse by intao

corner by s-t-r-a-n-g-e

148 by gonacas

keys by awaitingdawn

Coming Home by intao

Set Up Your Own Darkroom

Now that the pics have possibly pushed you into wanting to try a new hobby, there is a short selection of useful resources for setting up your own traditional photography darkroom below to fill you in on what you need to get the ball rolling.

(rb)


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress