In designing a new product is important to look modern (post 2.0)?


4

I've got a short snappy name and url, an end user focused mobile app/service that uses user generated content and a wireframe of a minimum viable product that I'm pretty happy with. I'm in the process of working out who's going to develop it.

The product requires a minimal online website presence (for now) and I'm trying to imagine the UI look and feel.

I can remember for awhile everything to me that I associate with Web 2.0 etc was clean and white with big colorful logos buttons etc (think Flickr) that made them immediately recognizable as a new breed of web services.

Do you think there is any specific look and feel I should be aiming for to make it seem modern or hip even for 2011?... or should I try to be unique looking (tough in a crowded world these days too) or just keep it simple because its mobile?

Apps Design Mobile

asked Apr 12 '11 at 18:08
Blank
Long Winter
271 points

2 Answers


6

I think this is a good question. I think looking modern is critical. People will judge your product in a few nanoseconds just by the way it looks. It might not be important to the early adopters but it will be more important to the mainstream users.

Being different is a key value in business but is really hard design-wise. It's probably best to focus more on the "being" different rather than the "looking" different. I only say this because I think it is expensive to look different. Unless you can hire a top online design agency that can really deliver some "unique" concepts I would focus on keeping it clean and simple.

answers.onstartups.com is an example of the "clean" Web 2.0 style you mention. With increasing screen resolution over the past ten years, Web design has really moved toward placing an emphasis on usability and legibility, hence the plethora of white, clean and minimal designs.

If you want to follow the leader, Apple is the company that has pretty much led the way and is often imitated by Web designers. Some other companies that have great interfaces for their Webs and apps and that follow Apple's style include:

Hope this helps.

answered Apr 12 '11 at 21:44
Blank
Miguel Buckenmeyer
482 points
  • Miguel Thanks for your answer. I agree... In my original question I pointed out Fickr as a posterchild for Web 2.0 design. Your examples do look very Apple-like... but to me I think they (and Apple dare I say it) also look a bit dated. If I look at the headline grabbing mobile apps of late in the multimedia space... Color, SocialCam, Instagram... I'm wondering if they are defining the new Web/App 3.0 space and if I should focus on a design look and feel that is similar. Or maybe the next stage of UI design isn't definted. Any thoughts? – Long Winter 8 years ago
  • Hey LongWinter, by your screen I surmise that you live in Minnesota or up north some where... I hope it warms up soon for you. Ok, I think there are some distinctions that should be made. The first one harks back to the original question about being unique versus trying to imitate others. "Unique" is what the brand/brand experience should be. Some of the obvious ways that you can express the uniqueness are in the visual design (logotype, color palette, etc.) and in the marketing copy. (Note: I am running out of space so I will create another answer...) – Miguel Buckenmeyer 8 years ago

1

I think there are some distinctions that should be made.

The first one harks back to the original question about being unique versus trying to imitate others. "Unique" is what the brand/brand experience should be. Some of the obvious ways that you can express the uniqueness are in the visual design (logotype, color palette, etc.) and in the marketing copy.

"Similar" is what the "information design" should be. By information, I mean the interface, the general design of the functionality/interaction, size of fonts, etc. This is for two reasons. The first is because as users become accustomed to performing a function in a certain way and that a certain button looks the way it does, it becomes important to design your interface following that convention because it improves "usability" and your users don't have to think about how to perform an operation.

The second reason stems more from contemporary graphic design theory (circa 1950s!), primarily the "Swiss school" in that information should be designed in a "neutral" way. This means that you don't want to draw attention to the design itself but rather you should draw attention to the content. The "design" should go unnoticed by the reader, viewer, user, etc. The font you use should not distract the reader from reading the text. So we use Arial or Helvetica and not Comic Sans (to cite an obvious example). This explains a lot about the design of a newspaper like the New York Times, for example.

I think this is the distinction you are noticing. I downloaded Instagram because I was not familiar with the app. What I notice is precisely this philosophy as applied to mobile design. The photos, the photo galleries, the single column of text all make full use of the medium. So the designers are designing for functionality and adapting the design to the medium/context. Because mobile screens are so small, it makes sense that the photos would be nearly full screen (on my iPhone) and that there would only be a single text column. There isn't much room (screen resolution) for anything else. More importantly, the app is about sharing pictures so that is what is prominent about the design.

The unique aspect of the app is the branding, in this case the logo. The rest of the information design imitates conventions elsewhere: the button design, the sizes of the fonts, the horizontal navigation bar etc.

Now if you look at the landing pages for the apps like Instagram they look very "Web 2.0." Again, I think this simply goes back to "designing for the medium." Landing page tend to be designed for computer screens like monitors and laptops, hence they have a lot more white space. Branding also is more important and so the logos are bigger, the brand's color palette is more pronounced, etc.

So rather than trying to distinguish between Web 2.0 and 3.0, I think what you are noticing is simply the application of "modernist" design principles to the mobile context.

As far as who started what, my guess is that Apple is also a, if not "the," leader in app design. My guess is that most app designers imitate the iPhone design and functionality.

Recently, I noticed a change to Facebook that reminds of what you are calling Web 3.0: now when you look at someone's photos a big black screen appears with very large photos that you can scroll through. This effect is called a "lightbox" effect but the visual design and mostly the size of the photos makes me think that the Facebook designers are taking cues from mobile design.

I hope this long-winded answer helps.

answered Apr 16 '11 at 22:02
Blank
Miguel Buckenmeyer
482 points

Your Answer

  • Bold
  • Italic
  • • Bullets
  • 1. Numbers
  • Quote
Not the answer you're looking for? Ask your own question or browse other questions in these topics:

Apps Design Mobile