100% Employee Owned, Founded 1954

Search
Close this search box.
Cross Logo Horizontal

Microsoft Tiles: Design Element Ahead of their Time

Paul Carter | February 4th, 2015

This New Tool Opens Up Entirely New Design Concepts for the Users of Industrial HMI, SCADA and Mobile Applications

I downloaded a beta copy of Windows 8 and installed onto an older Lenovo fold-back screen style tablet computer about two years ago. My initial reaction to the new Microsoft Tile based interface, sometimes called Metro, was similar to the critics. But I will also admit that moving around within the interface was very easy and the most often used applications were much quicker to access than with a more traditional Windows interface with the Start button. It also appeared that some of the Tile customization features could be interesting as the use of the interface became more commonplace. Unfortunately, I gave the Lenovo tablet to a family friend to support an ex-Marine in a search for a new career and lost touch with the new Windows 8 interface for a user perspective.

In October of last year, I had an opportunity to attend a Global Customer Summit hosted by one of the leading HMI and SCADA software vendors, ICONICS, Inc. During this summit, the new software development tools for mobile, desktop, and server based deployments were introduced, as well as presentations from several large users of the ICONICS software tools. One of the new feature introductions at the Customer Summit was the Smart Tile available for server, desktop, and mobile HMI and SCADA applications. My opinion on the concept of Tiles is changing as this new tool opens up entirely new design concepts for the users of industrial HMI, SCADA, and Mobile applications.

Let’s take a look at what a Tile design element looks like – below is an image of single Tile:

Ability to Include Significat Amount of Information

Microsoft Tiles: Design Element Ahead of their Time 1

The value of the Tile concept is the ability to include a significant amount of information in a very compact and concise manner, as compared to other design techniques. Take a look at how the various portions of a Tile can be used to present information to the user:

Microsoft Tiles: Design Element Ahead of their Time 2

Information in the Top Banner portion can include: text, dynamic information from any data source, engineering units, and the Background and number of lines of text can be selected. The Bottom Banner has the same level of configuration flexibility as the Top Banner. The main Background of the Tile can be solid, a gradient, or an image allowing the use of many of the design styles available in Microsoft Office. The main Content area of the Tile can contain an image, and with some deployments this image can display animation of the image to provide additional visual feedback for the user.

The configuration of tiles is very easy with a point-and-click interface. See the screen capture below with an example of the Tile configuration wizard interface: 

Microsoft Tiles: Design Element Ahead of their Time 3

Notice how the configuration of the tile is a simple point-and-click with a fill in the blanks approach. The screen capture above is for the Bottom Banner portion of the Tile. Notice the tabs across the top of the configuration wizard for: General, Top Banner, Bottom Banner, Icon, Content, and States. The States portion allows for dynamic conditions, such as color changes based on real-time information status, to be configured; again with a point-and-click interface including connection to the dynamic data tag. 

Tiles can also be of different sizes as displayed in the image below:

Microsoft Tiles: Design Element Ahead of their Time 4

This image is from a SCADA system monitoring a wind farm. A quick summary of the Tiles provides the User with a tremendous amount of information that is contextualized in a very efficient manner. It can be quickly determined of the number of connected wind turbines; availability during the previous 24 hours; total generated power; Active and Reactive Power; previous month Availability; and much more. All displayed in a very clean and organized interface.

Design Interfaces That Will Work on Any Type of Device

One of the powerful aspects of the design options available thru the use of Tiles, is the ability to design interfaces that will work on any type of device: tablet, desktop, smart phone, browser, smart TV, etc.  See the image below containing a Tile based interface from multiple types of devices:

Microsoft Tiles: Design Element Ahead of their Time 5

In this graphic we can see almost exactly the same graphic screen design displayed in Safari web browser, a Surface tablet, and a Nokia Windows Mobile phone. The ability to utilize similar display screen design techniques across multiple hardware platforms is a tremendous opportunity for reducing overall engineering investment in a system development and deployment. 

And for the purposes of comparison below is another screen capture from a Tile based application. Again, this application is also for a wind farm but with a different set of styles and graphics to help represent the key performance indicators (KPI) for this wind turbine installation:

Microsoft Tiles: Design Element Ahead of their Time 6

Commanding Without the Use of Custom Programming

Another key feature of configuring Tiles is a function called “Commanding” that allows specific user application interactions to be linked to the Tile without the use of custom programming and/or scripting…..but this is a subject for another blog. 

If you want to experience the concept of Tiles on your own personal device, just give me a call or send an e-mail. I will direct you to a demonstration website that will allow you to interface with an application built utilizing Tiles. Regardless of the type of device you own – laptop, smart phone, tablet, Windows, iOS, Android, etc. – the use of Tiles may be in your future.

Let me know your thoughts:

  • What is your opinion of the Tile concept?
  • How do you see Tiles becoming a part of the information displays and portals that you develop?
  • If not Tiles, what information displays features would you like to see developed or use?

See how our team can help improve quality, increase efficiency, and reduce risk.

Latest Posts

Contact our Team

Hang Tight! We're Searching... Searching... Searching...

We’re looking through thousands of pages to find the most relevant information.

In the meantime, enjoy these fun facts…

Did you know… Cross Company is an ESOP (Employee Stock Ownership Plan). Our ESOP started in 1979 and as of 2006, we are 100% employee-owned! Learn more about our ESOP and how that benefits both team members and our customers.
Did you know... the precision measurement group at Cross was founded in 1939 by our current CEO's grandfather, Jim King. That's a whole lot of calibration!
Did you know... A fingerprint weighs about 50 micrograms. We know, we weighed it! The residue left from a finger can actually make a difference in weight results which is why we wear gloves when we calibrate weights. For reference, a sheet of paper is about 4.5 grams, that’s 4.5 million micrograms.
Did you know… Cross Company has grown significantly since our start in 1954. Over the years we've acquired 26 companies! Today, our five groups have expertise in everything from industrial automation to precision measurement, and industry knowledge going all the way back to 1939.