The Design of Internet iPad-based network applications is changing

BKJIA Editor's note: After Apple officially launched iOS 4.2, it has improved more than 100 features such as iPad multitasking. The rise of mobile devices is bringing a new revolution to the Internet, A wave led by iPad is sweeping the Internet world.

 
IPad-based Internet

According to foreign media reports, Google has officially launched its Web application Store Chrome Web Store, which was reported on July 15, December 10, Beijing time. Applications in the store use advanced technologies such as the JavaScript language and HTML5 specifications. In addition, most apps in the Chrome app store can be applied to any modern browser, not just Google Chrome.

The iPad has changed the Internet design. We call this phenomenon "iPad-based Internet ". Just as the influence of iPad on Internet design, its impact on the second wave of network applications is also more obvious.

After reading the Google App Store, we can hardly notice the similarities between some apps and their corresponding iPad apps and the general trend of the iPad website-some apps are simply copies of their corresponding iPad apps. Example:

USA Today

USA Today, USA Today) is the news software USA Today for iPad released by iPad. It is very convenient to use. It provides a fully optimized reading experience and an excellent touch experience based on the iPad screen size, with built-in social sharing features.

The "USA Today" web program designed for Chrome is compatible with html5. browsers can also access this program on optimus.usatoday.com. It is similar to the green version of the iPad program. As a matter of fact, we can confidently say that apart from some iPad-specific optimizations, we mainly use navigation functions), it is an iPad application.

In any sense, this is not a bad thing. This program provides super reading and browsing experience outside of the standard USA Today website.

News website

Another news software that clearly draws on the iPad's corresponding program is Google Chrome.

We all like the iPhone and iPad's middleware, so the corresponding Chrome middleware is also added to our program list. Other browsers can also upload this program on npr.org/webapp.

The HTML5 application framework SproutCore was used to create an early demo of the program. We feel that some elements in the early demo have been applied to the new online version.

Not only is the interface very practical and attractive, but it also creates a consistent experience between different platforms.

Flixster

The Flixster network application designed for Chrome can also be accessed on flixster.rottentomatoes.com) clearly reflects the layout of its iPad program.

Think about the missing scroll bar in the left column-the scroll bar is independent of the main column-this is exactly the same as the iPad program.

However, the two programs are indeed different in buttons and navigation stations. The iPad program uses a common mode designed for the iPad user interface at the bottom of the screen), while the network program uses the top.

The Network Program also sets a fixed pixel width of less than 1000. In Landscape mode, the resolution of the iPad is 1024 × 768. To be fair, the resolution of many netbooks is 1024 × 600. However, we still think it is interesting to design such a fixed pixel width.

Amazon shopping application Windowshop

The Amazon shopping app Windowshop on Chrome is only a bookmarkdon.com, but it does not mean that it is not a good network application.

The Network Program layout is exactly the same as that of the iPad.

The only difference-this is very important-that is, a rolling control bar is added at the bottom right of the Network Program, allowing you to scroll back and forth in the program or between different sections.

For us, this makes it very clear-that is, this program is first set for the touch screen, and then adjusted for the mouse and keyboard.

Underground Meteorology

There are differences between the underground Meteorological program chrome.wunderground.com on Chrome and that on iPad.
However, this Chrome program provides users with an excellent way to view and search for weather conditions. It does have striking similarities with other iPad meteorological applications.

For example, Weather HD (iTunes link) displays Weather conditions in a very similar way. Weather HD uses animated images, which is another area that underground meteorology hopes to follow. It can also show Weather conditions every hour. However, the overall layout of the two programs is similar.

Blur the boundaries between HTML5 and local applications

Google's official definition may be that Android is used for tablets, while Chrome OS is used for netbooks. But in fact, it seems that more and more network developers are taking into account the shape factors and functions of tablet computers, such as multi-touch, when designing network applications.

This is understandable, as we can see from the above examples that many iPad programs are only applicable to HTML5 to a large extent. Of course, designing a local application for platforms such as iOS or Android has some benefits-even though this program is largely written in HTML5-, as HTML5 specifications and JavaScript language gradually become the basis for creating such applications, porting these programs to other platforms or devices is not challenging.

Netflix engineers wrote in their blog last week that the company decided to use HTML5 standards in many newly developed programs.

Obviously, many other companies have seen these advantages. We believe that the design clue of iPad and the future Android tablet will continue its impact on the Network Design and Development of Traditional web browsers.

Although there is still a long way to go, however, users have begun to see similar user interfaces, application experiences, and functions on different computing platforms.

Phone Club -- BKJIA mobile development offline technology salon activity Date: December 19
Topic: advanced Android Application Development Technology
Location: Floor 18, Block B, Third Pole building, No. 66, beisihuan West Road, Haidian District, Beijing
Lecturer: Wang mingli innovation Workshop) Fan huaiyu Netease click to register