Tag Archive: Responsive

Experts Weigh In: Native App vs. Responsive Website

In an age where mobile adoption continues to grow exponentially across borders, demographics, and industries, companies are challenged with reaching their stakeholders on devices of all sizes with varying levels of computing power.

This leaves the tough question of whether they should build a responsive mobile site that works across multiple devices or build a native mobile app instead. Either direction has its pros and cons.

Should we build a native app or a responsive website?

To help advance the discussion, we reached out to a few experts and picked their brain on this topic. Here’s what they said…

v_hardy

Vincent Hardy

Director Engineering, Design and Publishing at Adobe

It would be great to have a universal answer, but I don’t think there is one. It depends on what you want to do, the platforms you are targeting and when you are asking the question.

What you want to do matters: a simple portfolio for a graphic designer would be best done as a responsive application because there are no performance issues. The goals is likely reach and ease of access and the responsive web is perfect for that. By contrast, if you are building an application that requires access to sensors on a mobile device that have no APIs in browsers, then a native application would be the way to go.

The platform matters as well. If you are only targeting a particular platform, then a responsive nature of a web site may not matter because it would not be at play in the solution. Conversely, if you are building an simple application and you want to reach out a large number of people, the web and the responsive web are your friends!

There’s also the question about a moving target. It used to be that the web was much less powerful than it is today, so more things had to be done as applications. Today, with the advances in graphics support in particular, a lot more things are possible (e.g., fast, performant 3D graphics with WebGL). Likewise with various APIs that give access to the platform capabilities, fewer things need to be done in a native application.

Finally, an option a lot of developers chose is a hybrid one. I think that in many cases, it is a very wise choice and technologies like PhoneGap make it easy to leverage responsive web content in the context of a native app.


Bem Jones-Bey

Bem Jones-Bey

Computer Scientist, Web Platform and Authoring at Adobe

The one that is better will depend greatly on the specific product you are building and what gives the best experience to your users. It is impossible to pick one of the two in a vacuum. That being said, given the much larger audience that a responsive website provides, you should consider the website approach first.


tImbert

Thibault Imbert

Group Product Manager, Design and Publishing at Adobe

It really depends on the level integration that is required with the platform. If your content relies heavily on best integration with the platform capabilities, media access (audio or video recording), or performing any expensive computations, or low-level hardware access with the system, native is probably your best bet. If on the other hand, your content relies heavily on web content, with existing HTML content that you need to reuse or that will be created and reach is key, then a responsive website is a better option. Don’t spend your time forcing the use of a tech for a specific use case, use the best tool for the job.

We understand that the answer to this question might be different depending on many variables and from one company or product to another, but we’re hoping that this feedback could help you or your company make a strategic decision that will eventually extend your reach and save you and your company time and money.


How would you answer this question?

Join the discussion by sharing your thoughts and experiences with us in the comments below.

Dreamweaver CC: Your all-in-one tool for creating, publishing, and managing websites and mobile content

We are pleased to announce the release of a modernized and streamlined Dreamweaver. Dreamweaver CC is the all-in-one visual tool to efficiently and intuitively create, publish and manage websites and mobile content.

New in Dreamweaver CC:
Create immersive web experiences with the new CSS Designer and visually apply CSS properties such as gradients, box shadows, and more. Dreamweaver CC is committed to producing clean, web-standards code, enabling you to design without the need to hand-code.

Dreamweaver CC also includes enhancements to its responsive design framework, Fluid Grid Layouts. We’ve addressed key usability issues to improve the design workflow, and to help you visually construct and build responsive websites that render properly on multiple screen sizes and devices.

Responsive Design in Dreamweaver CC

Responsive Design in Dreamweaver CC

By removing under-utilized features in Dreamweaver, we are clearing the way to provide optimized workflows for the latest and most relevant front-end web technologies and standards. Over time we plan to evolve the Dreamweaver feature set to include relevant middle-layer and server side technologies as well. Our aim is to provide the ultimate user experience – a collection of productive and modern visual development features in a single tooling environment.

We have just begun the modernization process and invite you to voice your opinion. We are committed to taking action on customer feedback and remaining as transparent as possible about our future plans. More details will follow on what the modernization effort entails in Dreamweaver CC, and we eagerly await your feedback.

Over the past 12 months, we have been expanded Dreamweaver’s integration with many Creative Cloud services and tools. One of the many benefits to being part of the Creative Cloud is that you can access the vast and ever-growing Adobe Edge Web Fonts library. Also, with web technologies evolving rapidly, Dreamweaver CC helps you keep up by implementing features and addressing issues quickly. Creative Cloud members will receive regular updates to Dreamweaver.

Adobe Edge Web Fonts

Adobe Edge Web Fonts

Another benefit of integration with Creative Cloud is Sync: Dreamweaver CC lets you sync both site settings and preferences, streamlining your creation workflow. Sync in seconds and start creating without the need to recreate or manually copy and paste files. With Dreamweaver CC & Creative Cloud, the creative world is at your fingertips.

It’s Not Your Father’s Dreamweaver – It’s The New Modernized Dreamweaver

We are pleased to announce that Dreamweaver CC will be available to our customers to download very soon. With many new features and enhancements, the new Dreamweaver CC is modernized, lighter, smoother and easier to use than ever. Dreamweaver CC is THE all-in-one visual tool for building and creating mobile and web content.

The new CSS Designer in Dreamweaver CC provides a visual interface to let you quickly and intuitively work with CSS properties such as gradients, box shadows; CSS Designer helps you get your work done quickly and efficiently.

In addition, Dreamweaver CC comes with a streamlined workspace; a modernized UI and smoother workflows help you work more efficiently and intuitively. We have been focusing all of our energy and resources on making sure Dreamweaver supports the latest and greatest web and mobile technologies such as HTML5 and HTML5 forms, jQuery mobile support, CSS3, SASS / Less and more.

Constructing and building responsive layouts can be challenging for web designers, and requires learning new skills, but Dreamweaver CC is here to help. By using the enhanced Fluid Grid Layout feature in Dreamweaver CC, users can visually design & lay out their websites to display nicely on different screen sizes for desktop and devices.

Dreamweaver CC brings typography to the party and gives you access to the vast and ever-growing Adobe Edge Web Fonts library. You can use any of Adobe Edge fonts in a few clicks.

Building native mobile apps for Android, iOS, Blackberry, and Windows Phones never been easier with the tight integration between Dreamweaver CC and PhoneGap Build. You can now publish and package your web content as native mobile apps in moments.

Dreamweaver CC, as part of Creative Cloud, boasts tight integration with many CC services and tools, and you can now easily sync your website settings and preferences from anywhere. Anything you need, whenever you need it, is at your fingertips with Adobe Creative Cloud. Watch our video to learn more about what’s new In Dreamweaver CC

 

Make sure you sign up for Adobe Creative Cloud. We look forward to seeing all the exciting work and experiences you will build with Dreamweaver CC. Buckle up and enjoy the ride on Adobe Creative Cloud.