With HTML5 looming, video codec standards have recently become a hot issue popularized by the oh-so public feud between Apple and Adobe. Up until now Flash has been the preferred video format on the web due to Adobe’s Flash Player being installed in most web browsers. The HTML5 video tag is intended to become the new standard way to show video online. The question is which formats should be supported in the tag. Despite its tremendous popularity Flash remains the property of a single corporation, Adobe. Apple favors the H.264 codec and due to the success of the iPhone, iPod Touch and now the iPad (which don’t support Flash) many popular sites such as YouTube, Vimeo and CNN, to name but a few, now have all or a growing number of their videos available in the H.264 format in addition to Flash. Criticism of H.264 is centered on the patents leading to most users of the format to pay licensing fees leading to the software company Nero to sue the licensing authority of the codec. This is where VP8 comes in.

Where I found Bing to be better was in displaying related searches on the left side whereas Google displayed them at the bottom. Another neat feature of Bing was when hovering over search results and having the option of activating a pop-up box on the right of the link with more information from the website without leaving Bing. Clicking on an image in Bing revealed a better interface design. In Google a frame of the interface design reveals metadata about the image but only that image. Bing allows you to view the information contained within the website where the image comes from right within Bing but also shows all the image results on the left with a scrollbar. The start page of Bing offers a more compact setup for entering a search, while in Google the user has to move his mouse quite a distance to search for images, videos and others. The background image serves to unify the main parts of the page, while all peripheral options are faded back into the grey frame. Tooltips for search categories in Bing also enhance its usability. Finally, Bing does not distract the user by offering an equivalent to Google’s famous “I’m Feeling Lucky” button.

What strategy is Bing adopting in order to one-up Google?

Bing has also added a new ‘Entertainment’ section dedicated to music, movies, TV and games. What this essentially means is that Bing once more incorporates a lot more into its interface design even allowing users to play videos, songs and online flash games right within Bing. Where Google seeks to be your transit point connecting you to your destination, Bing seems intent on being the destination.

It is rumored that the new iPhone 4G will have up to 64 GB of storage capacity—almost the same amount as the iPod touch.  This will allow users of the new iPhone to store more for entertainment purposes: photos, films, tv programs etc.

Ebooks

Apple has launched a literary equivalent of iTunes: the iBookstore, which is currently available via the iPad. The new iPhone 4G interface design will likely include this new application, giving users the capacity to download and read books from the comfort of their own phone.

New Design

According to rumors coupled with the viewing of leaked images, the new iPhone 4G will likely be smaller and lighter than the older model, with a smaller yet higher resolution screen.  Since the iPhone supposedly is vamping up its storage and camera abilities, it is likely that a higher resolution screen is more than just a myth.

The expected release of the iPhone 4G at The Worldwide Developers Conference 2010 promises to vamp up the public’s interest in the event. If the rumors surrounding the new iPhone 4G are true, then customers have much to be happy about and competitors better get back to the prototyping board!

In part two of this blog we shall have a closer look at high fidelity and other kinds of wireframes. Although sharing many of the same advantages with low-fidelity wireframes, a distinction between the two is that a high-fidelity wireframe is closer in design to the true representation of the final user interface. This is because high fidelity wireframes usually have slick and polished design features, even going as far as simulating an application’s work flow. Despite this high fidelity wireframes remain prototypes and usually require a lot of time investment to create which can be costly.

What are the benefits of high fidelity wireframes?

High fidelity wireframes usually are used in addition to and after low fidelity wireframes have been used to resolve the most impactful and fundamental usability or interface design problems of an application. Being eye-catching, high fidelity wireframes can be used to impress clients who have to sign off on a concept quickly. A high fidelity wireframe in this case would intuitively be faster for users to understand simply by glancing at them, leaving less room for misinterpretation. This is advantageous when designing complex user interfaces with lots of interactivity. In terms of your development team, high-fidelity wireframes allow you to collectively bring an interface to life. This helps in keeping a project’s budget manageable further satisfying clients.

What are medium fidelity wireframes?

It is worth noting that some people make the distinction of adding a third category; medium-fidelity wireframes which lie somewhere in between high and low fidelity wireframes. These are especially useful in larger projects when interface design fundamentals have been worked out, but more optically detailed representations are needed for pitches, presentations etc…

What are annotated wireframes?

Annotated wireframes are used to describe functional elements of an interface’s design. Small descriptive paragraphs are added to elements on the prototype for the benefit of stakeholders, thereby circumventing the need for verbal explanations just to make it understandable. Done correctly, they are easier to understand for non-technical stakeholders in the development process.

What are clickable wireframes?

Clickable wireframes blend the dynamic interactivity of hyperlinks with static visualizations of interfaces. This allows one to link multiple pages and ’surf’ wireframes as if they were a website or software. Clickable wireframe tools, such as pidoco°, use drag and drop functionality and dynamic menus to create WYSIWYG interface wireframes that are clickable, collaborative and can be annotated. This makes them effective in conveying and testing ideas in realtime.

Clickable wireframes are quickly sketched with the Prototype Creator (just by drag&drop) and can later easily be shared and reviewed by colleagues, test users or clients. If there is need for even more in-depth feedback on individual aspects of the use cases, just use the digital prototypes to perform a one-on-one remote usability test where moderator and test user are connected remotely by a shared screen and an integrated phone. All modules are aimed to increase productivity of the interface design process and ease communication within the team.

With pidoco’s web-based screen design software, designers and web developers can save valuable time, optimize communication within the team and build better websites for the internet.

Rapid Paper Prototyping has already been in the know for a while to get a website started. Rapid Paper Prototyping is about sketching ideas with pen and paper to be discussed within the team. This prototype will then be put through a refinement process by integrating feedback from different stake holders. This paper prototype will at last act as a guideline for the whole project – from beginning to the end (but is there a real end?). Some screen-designers even use these sketches for performing usability tests. Retrieving problems in the use cases in the prototyping phase can save a lot of money, since later changes in the so called ‘finished’ web project are minimized.

Anyway, there are disadvantages of Rapid Paper Prototyping.  Prototypes are not easy to add to the document servers and also difficult to collaborate on over different locations. Scanning paper prototypes and making them ‘clickable’ for web testing is also a time consuming task as we all know!

That is why many companies create their sketches directly in MS PowerPoint or MS Visio and have them shared to the relevant sources. True, that way one can share the data more effectively but it is not really more dynamic than making duplicates of a piece of paper handing it to the team. The digital sketches still do not show the real functionality:  links, dynamic menus and work-flows etc. cannot be reproduced effectively and need to be explained individually in long text. Again, more time and effort has to be invested to get the message across.

A small company from Berlin, Germany has spotted this problem and made it their mission to tackle it by providing a simple web-based interface design software.