Designing a Mobile Web Site
Design is an important element of any competitive software in the world, where everyone can offer the same service, but the good design is the differentiator. Users usually want to look at beautifully designed pages and their confidence in the software product is higher if it is well designed and reliable. How many clients would buy an iPhone just for its features? There are other phones that provide similar or better features, but users would like to have an iPhone because of its excellent design. Everyone now knows that a mobile Web user has different goals while accessing Web content. Different mobile devices have different capabilities and the designers must take care of that while designing their mobile website.
There are many trends in Web design that are classified as Web 2.0 sites such as using CSS in design, good metaphors, good colors that reflect the business while enriching the design. The successful Web designer is the designer who can employee all the above tools to reflect the current business language and to make it easy for users to access information when needed by few clicks. Below are some tips for designing a mobile website that should be taken in consideration when going for mobile Web.
- Great mobile sites start with function over form
Mobile users tend to look for mobile web sites that address a need (entertainment, productivity, and communication are the most popular). Therefore, it is imperative that design serves to facilitate the underlying functional requirements of the site.
- Performance is most desirable
Mobile users have a bewildering number of choices for interactive engagement. Performance is the easiest and best way to stand out. Users have no tolerance for slow performance.
- Simplicity
Mobile web sites must be driven from a simple idea or concept and then execute flawlessly against that concept. Mobile web sites that quickly communicate simple and compelling value to consumers have a much higher success rate than those sites that do not.
- Don’t build an app when a site can do
Mobile apps add a vast amount of management complexity, so it doesn’t make sense to use mobile apps for what a site can do. Mobile web sites avoid all of the development overhead for mobile apps while allowing for a much faster path to execution.
- Engage the design team early and often
Despite the technical challenges of mobile execution, sites still begin and end with designers.
- Balance design elements to drive performance
Mobile devices are very under powered compared to traditional computers, so the performance impact of design elements is even more exacerbated on mobile devices.
- Define brands in the user interface
The user interface should reflect the brand’s identity. Brand awareness in the design process increases user recognition, leverages existing user loyalty, and results in enhanced user satisfaction.
- Identify and address core users
Mobile is inherently more selective than the general public Web. This is why it is vital that mobile sites be specifically developed to address distinct user profiles and use cases.
- Optimize design for perceived performance
The sad truth is that no matter how well a web site is implemented, the mobile ecosystem remains unreliable. Carriers, locations, and devices can all have a pronounced effect on mobile Web performance. Therefore, it is critical to identify those areas of potential performance degradation such as data fetching & calculations and then develop design strategies to minimize the user performance impact of a slowdown.
- Balance design priorities with performance requirements
Mobile web sites have to perform well, look great, and deliver significant user value on underpowered computers that use tiny screens with limited bandwidth. The success or failure of mobile websites is most often attributed to how well these two disciplines are balanced.
OneHoster is one of the best web hosting companies in Egypt, we offer many web hosting packages in Egypt and middle east like, cPanel storage hosting packages, cloud hosting, domain registration, dedicated servers solution, Email hosting, WordPress hosting, web hosting upgrades and hosting renewals to suit your requirements to host your website for small and medium sized businesses. OneHoster is also one of the top 10 website design companies, and top 10 digital marketing companies in Egypt and Middle east.
“OneHoster’s Team”
Evolution of the Internet
The Internet is far more than just the World Wide Web. The Web was created in 1989 and became popular in the 1990s. In contrast, the Internet is a product of the1960s. The Internet is a vast network of networks that electronically connects millions of people worldwide. It was formed in 1968, when the U.S. Department of Defense’s Advanced Research Projects Agency (ARPA) funded what would become the first global computer network, the Advanced Research Projects Agency Network (ARPANET). ARPA later became the Defense Advanced Research Projects Agency (DARPA). The ARPANET allowed university and government engineers to research and work from any location on the network. ARPANET’s design featured multiple hosts and multiple connections among those hosts, which greatly reduced the chances of total network failure. There was no central hub, which would have created a point of vulnerability; rather, control was spread throughout the network. This decentralization resulted in a robust and reliable network that would continue to function even if some of the hosts were incapacitated.
In 1989, the Department of Defense decommissioned the ARPANET, and all the sites switched over to the National Science Foundation (NSF) network, called NSFnet. The NSF increased the number of supercomputers to five and added access to more networks, expanding the range of sites for businesses, universities, and government and military installations. The NSFnet, plus thousands of others, compose what has become the largest network of networks: the Internet.
The World Wide Web if the most important concept to remember is that the Web is not a network itself, like the Internet, but a set of software programs. These programs can be used on many different computer networks, including the Internet and your company’s computer network, the Web presents information through multimedia formats: graphics, sound, animation, and video. It employs several tools to provide a visual layout: hypertext links, browser software, and code structure.
The Web resembles an electronic library, and therefore each location or Web site is like a book. Each book has a contents page that directs you to the other pages in the book, as well as to all the other books in the electronic library. At the beginning of the internet these books are created using the Hypertext Markup Language (HTML), after a while there was another technologies that embedded with HTMLs along with interactive objects such as Java, JavaScript and VBScript can add extensive functionality to Web pages.
As we see in this brief overview for the evolution of the internet and the web, we notice that the web was first design to just provide information that could be accessed from desktop computers, in the early days of the web there was no mobile devices and there was no need to access it from such devices, but now a days when the mobile technology run very fast and when mobile become an important part of our daily life here accessing the Internet from mobile devices is becoming increasingly popular. Web access from mobile devices presents its own unique challenges, Mobile web users face a big problem that the majority of web content is tailored for desktop computers; there were many trials to solve this problem. The principal objective is to improve the user experience of the web when accessed from such devices.
Researchers try to find solution to make mobile web users able to run the web from their devices but they face many problem and they have to solve them, there was many problems that is related to the hard ware of the mobile devices like small display area, lower processor memory and many other limitations that we will discuss, and there is also some software problems like each mobile device run its own operating system and its web browser also, here in this thesis we will focus on the problem of different screen size and how can we adopt the web site to match this verity of screens.
There was much researches that was done in this area, some of them focus on how can we have two versions of each web site one for the desktop users and other for a mobile users and how the mobile version should be, some others focus on create only one version and have a small module that re-author the original web to have a new version that could match the mobile users, also there was some peoples say that we don’t have to make another version to match mobile we can run the desktop version if we don’t have much users for this web site.
OneHoster is one of the best web hosting companies in Egypt, we offer many web hosting packages in Egypt and middle east like, cPanel storage hosting packages, cloud hosting, domain registration, dedicated servers solution, Email hosting, WordPress hosting, web hosting upgrades and hosting renewals to suit your requirements to host your website for small and medium sized businesses. OneHoster is also one of the top 10 website design companies, and top 10 digital marketing companies in Egypt and Middle east.
“OneHoster’s Team”
Cloud Service Model
Cloud services are the basic principle behind the emergence of cloud computing. As explained earlier, there are generally four types of deployment approaches which are private clouds, public clouds, community clouds, and hybrid clouds. Meanwhile, there are three main categories of services that can be offered by any cloud architecture and technology. The first category is Infrastructure as a Service (IaaS) which is a concept of providing the whole IT infrastructures such as storage, virtual environment, servers, platforms, and applications. The second category is Platform as a Service (PaaS), which is a concept of providing a complete service level application development environment, as a service over the Internet right from requirements to the complete life cycle. Last category is Software as a Service (SaaS) which is a concept of providing software applications as a service on demand over the Internet that means it can be run anywhere and anytime. In addition to pay per use rather than to buy, Figure 1.1 illustrates the cloud services model overview.
Figure 1.2 illustrates the service models and the cloud deployment models. All the services can be delivered on any of the cloud delivery models, PaaS and SaaS is often used in conjunction with other software. When they are used as a component of another application, this is called a plug-in or mashup.
Infrastructure as a service (IaaS)
IaaS is simply the physical and virtual resources used to build the cloud. IaaS composed essentially from hardware devices like visualized servers, storage units, networking devices, etc. It refers to a virtualization environment where services enable the cloud platforms and applications to connect and operate. This is the data center(s) and the cost is often based on the resources used. IaaS delivers cloud computing services, typically in the form of a set of virtual machines with associated storage, processing capabilities, and other relevant services and network connectivity.
The deployment model for enables multiple applications, owned by different cloud consumers, to transparently share common underlying physical resources. This is a good alternative for companies instead of investing on their own stuff. The service layer model from bottom to top is IaaS, PaaS and SaaS. IaaS layer is at the bottom of the service model layer. The layer on top of IaaS is PaaS and it is common to build PaaS solutions on top of the IaaS environment to allow the platform to dynamically respond to demand by taking advantage of the IaaS functionality. Figure 1.3 illustrates the cloud service model layers.
Many researchers have attempted to define cloud frameworks by adding other essential components, such as management, quality, security and communication to the basic cloud structure IaaS, PaaS and SaaS. There is an overlap of cloud provision between the three layers, for example a component of information system platform as PaaS may be regarded as part of information system infrastructure as IaaS. Also SaaS may be considered as part of a software platform as PaaS.
Platform as a service (PaaS)
PaaS is considered as the complete cloud computing platform that provides provision and manages the cloud infrastructure. In addition, it provides deployment, development, and administration tools. Elasticity of the model is achieved by scaling up or down based on the system needs. The fault tolerance and the load balancing might be provided for the database management system to increase the reliability and enhance the performance. The Hardware as a service (HaaS) appears under the PaaS layer. Figure 1.4 illustrates the service model hierarchies. Pricing can be managed in this level on many dimensions to establish cloud platform, operating systems, database management systems, Web servers, programming language, etc.
PaaS is an abstract concept, unlike IaaS and SaaS. PaaS would be in the middle of the service layer model, with IaaS at the bottom and SaaS on the top to interface with the end users and consumers. What is being provided is part from the operating system and part from middleware. A proper PaaS provider takes care of everything needed to run some specific language or technology stack. PaaS provides a care free environment for developers to work, thus allow the developers to focus on coding and free from the configuration and maintenance of the underlying platform. By using PaaS, developers simply pick the languages and the required features, match those requirements with a provider that has them, and start coding. The support for Web development interfaces is available in PaaS, such as Simple Object Access Protocol (SOAP) or Representational State Transfer (REST). This allows the design and development of multiple Web services or mashup to reuse services or access databases.
Software as a service (SaaS)
Known as on-demand software, it provides the complete software solutions system, such as Customer relationship management (CRM), social networks, documentation management and content management. It is also a software delivery method to provide access to software and the corresponding functions remotely as a Web-based service. SaaS allows organizations to access business functionality at a cost typically less than paying for licensed applications. Software is hosted over cloud and users don’t need to invest in additional hardware. SaaS removes the need for organizations to handle the installation. Usually, the refer to the cloud most mean what is provided in SaaS. The services and their related data can be used combined or directly with SaaS providers. The benefits of using SaaS can be summarized as follows:
- Easier administration.
- Automatic updates and patch management at any time.
- Compatibility so that all users will have the same version of the software.
- Easier collaboration.
- Global accessibility.
SaaS services normally run behind a firewall on a network and provide on-demand usage. It is known as pay as you go paradigm, and customer will purchase functionality and pay for using it. Sometimes this service is available to general public totally free of charge. There is much more advantages for this approach include readily available, well tested functionality, ease of use, faster implementation, multi tenant efficiency, scalability, reliability and ease of management. SaaS is located at the top of the cloud service model and use the services provided by the lower layers. Figure 1.5 illustrates the cloud computing service relationships for IaaS, PaaS and SaaS.
SaaS offer benefits for both the users and the cloud computing providers. There is an effect of cloud computing for cloud providers and SaaS providers and cloud users. The top level can be recursive in which SaaS providers can also be SaaS users. For example a mashup provider of rental maps might be a user of the Craigslist and Google maps services.
Network as a service (NaaS)
After exploring the three main cloud services, here is a description for some other extra categories of cloud services, like NaaS, HaaS and DaaS. NaaS is considered to be part of the nomenclature of cloud computing. NaaS is based on describing the use of network connectivity services capability provided to the cloud service user. The optimization of resource allocations by network and computing resources is involved in NaaS. NaaS provides a cloud enabled pay as you go procurement model for network infrastructure and services and enables the network to be available as a subscription. This could be implemented in routers or cloud Virtual Private Network (VPN) gateways.
Traditional NaaS services include flexible and extended VPN and bandwidth on demand. Naas Service Model varies depending on the network enabler, the network user, and the service provided. Below is a description for the common models of NaaS :
- Virtual Private Network (VPN)
This model extends a private network and the resources contained in the network across public networks like the Internet. It enables a host computer to send and receive data across shared or public networks as if it were a private network with all the functionality and policies of the private network.
- Bandwidth on Demand (BoD)
Technique by which traffic bandwidth in an IT or telecom network is assigned based on requirements between different nodes or users. Under this model, the link bandwidth is dynamically adapted to the instantaneous traffic demands of the nodes connected to the link.
- Mobile Network Virtualization
Most common implementation of mobile virtual network is the Mobile Virtual Network Operator (MVNO), in which a mobile communication service provider does not own the radio spectrum or wireless network infrastructure over which the MVNO provides services to its customers.
Hardware as a service (HaaS)
Instead of purchase servers, software racks, and having to pay for the datacenter resources, the service provider rents those resources. Cloud provides application to customers using PaaS and SaaS, HaaS simply offers the hardware to the organization to utilize. With HaaS, it is possible to rent resources such as server space, memory, CPU cycles, storage space, or even network equipment. HaaS is considered as a service provision model for hardware based on the application resources needs. HaaS enables the dynamic scale up or down of the infrastructure and billing is based on the resources usage.
HaaS is considered as a sub category from PaaS as Figure 2.20 explained. PaaS provides the platform and the hardware which always available as a service through hosting providers. With dedicated hosting, the users still have to deal with dirty hardware issues like scalability, but using HaaS makes it a totally good experience. HaaS involves several pieces, such as:
- Service level agreements: an agreement between the provider and the client, guaranteeing a certain level of performance from the system,
- Computer hardware: These are the components whose resources will be rented out. Service providers often have this set up as a grid for easier scalability,
- Network: This includes hardware for firewalls, routers, load balancing, etc.,
- Internet connectivity: This allows clients to access the hardware from their own organizations,
- Platform virtualization environment: This allows the clients to run the virtual machines of their choice, and
- Utility computing billing: Typically set up to bill customers based on how many system resources are used.
Data as a services (DaaS)
DaaS is a sub category SaaS that is based on the concept that data can be provided on demand to the user regardless of the geographic or organizational separation of the provider and the consumer. The idea behind DaaS is to avoid the complexity and cost of running local database. Data provided as a service was at first primarily used in Web mashups, but now is being increasingly employed both commercially and less commonly within organizations. Most enterprises have used data stored in a self contained repository for which software was specifically developed to access and present the data in a human readable form. One result of this paradigm is the bundling of both the data and the software needed to interpret it into a single package, sold as a consumer product.
DaaS brings the notion that data quality can exist in a centralized place which is responsible for cleansing and enriching data and offering it to different systems, applications or users. Irrespective of where they were in the organization or on the network. As such, DaaS solutions provide the following advantages:
- Ease of use: There are no servers to provision and no redundant systems to worry about. The users are not worry about buying, installing, or maintaining hardware for the database,
- Power: The database isn’t housed locally, but that doesn’t mean that it is not functional and not effective. Depending on the vendor, the user can get custom data validation to ensure accurate information.
- Integration: The database can be integrated with other services to provide more value and power, for example, the user can tie the data in a database with calendars, email, and people to make the work more powerful, and
- Management: Because large databases benefit from constant pruning and optimization, this task need expensive resources to accomplish. With some DaaS offerings, this management can be provided as part of the service for much less expenses. The provider will often use offshore labor pools to take advantage of lower labor costs.
OneHoster is one of the best web hosting companies in Egypt, we offer many web hosting packages in Egypt and middle east like, cPanel storage hosting packages, cloud hosting, domain registration, dedicated servers solution, Email hosting, WordPress hosting, web hosting upgrades and hosting renewals to suit your requirements to host your website for small and medium sized businesses. OneHoster is also one of the top 10 website design companies, and top 10 digital marketing companies in Egypt and Middle east.
“OneHoster’s Team”