fbpx

Digital Design Methodology For The Ultimate Win-Win Results

Digital Design Methodology For The Ultimate Win-Win Results 860 534 mdesigners
Mdesigners-header-image-blog-sketching2


MD JOURNAL


Digital Design Methodology For The Ultimate Win-Win Results

Which is the best way for designers to communicate their ideas to existing or potential clients and get them across successfully, without wasting time and money, since they’re not speaking the same language, to begin with?

Draft layout gets the job done

Like the saying goes, “If you can’t say it, draw it” and this holds true in digital design. Creating simple drawings is the first step to visualize the methodology of User Experience, as long as both sides – designer and client- mutually agree that usability is the top priority.

Wireframes are to a web designer as blueprints are to an architect. It is the only way one can comprehend, in real scale, where each element will be placed and get acquainted with the whole layout.

Brainstorming on paper – erasing and starting all over

Creating the prototype

The moment the prototype version is created is the moment UX (User Experience) makes way for UI (User Interface). That is also the moment that common questions like “How will I navigate from one page to the other?” or “Is this how it will look in the browser?” no longer arise. At this stage, the designer has implemented all the necessary elements, such as colors, images, buttons, distances, fonts, and the client or the prospect has a clear impression of all the stages that had previously been approved. The focus is now placed on usability and the aesthetic part of the project.

The next step, Wireframes designed in Sketch or Illustrator and placed in Invision

prototype invision

prototype invision

Final wireframes in HQ placed together, creating a complete prototype of the app

Finalizing a successful project

The final moment is when the client or prospect needs to give approval in order to move on to the development of the definitive version. Any changes, modifications or corrections are taken care of before moving on to programming so that neither money nor time goes to waste for either one, client or designer.

The procedure presented above is a simple methodology, which, nevertheless, can lead with certainty to successful projects, given that both sides follow it step by step.

Mdesigners-Dimitris-Kokolakis-Partner-Head-of-Digital
Dimitris Kokolakis
Partner, Head of Digital

Dimitris comes from the world of business and has studied economics. After working for many years in large multinationals companies he decided to combine business with design. In 2007 he founded MDesigners, with the main focus to explore ways to better integrate design in business practices. He specializes in strategic design and analysis of multi-level digital applications.


Found it interesting?
Share the article!

We’ll send you every month a newsletter full of inspiration.
Mdesigners-close-button

Privacy Preferences

When you visit our website, it may store information through your browser from specific services, usually in the form of cookies. Here you can change your Privacy preferences. It is worth noting that blocking some types of cookies may impact your experience on our website and the services we are able to offer.

For performance and security reasons we use Cloudflare
required
Cloudflare uses the _cflb, _cf_bm, and _cfduid, cookies to maximize network resources, manage traffic, and protect our Customers’ sites from malicious traffic.

 

Click to enable/disable custom content.
Click to enable/disable Google Analytics tracking code.
Google Analytics is a tool that helps website owners measure how users interact with website content. As a user navigates between web pages, Google Analytics provides website owners JavaScript tags (libraries) to record information about the page a user has seen, for example, the URL of the page. The Google Analytics JavaScript libraries use HTTP Cookies to "remember" what a user has done on previous pages/interactions with the website.

 

Click to enable/disable Google Fonts.
Google Fonts logs records of the CSS and the font file requests, and access to this data is kept secure. Aggregate usage numbers track how popular font families are, and are published on our analytics page. We use data from Google’s web crawler to detect which websites use Google fonts. This data is published and accessible in the Google Fonts BigQuery database. To learn more about the information Google collects and how it is used and secured, see Google's Privacy Policy.

 

Click to enable/disable Google Maps.

For users of Maps Embed API, Google uses anonymous cookies to determine the number of unique users of the API. Google also accumulates statistics about the types of features used from the Maps product.

Click to enable/disable video embeds.
Video providers (e.g. YouTube, Vimeo) can collect user data and record information that helps measure how users interact with site content. By enabling video embeddings you agree to the terms of use stated by each provider in their privacy policy.

We and our partners use technologies such as cookies, and we process personal data, such as IP addresses and cookie identifiers, to tailor ads and content to your interests, to measure the performance of your ads and content, and to gain in-depth knowledge of the audience that saw the ads and the content. Click below to agree to the use of this technology and the processing of your personal data for these purposes. You can change your mind and change your consent options at any time by returning to this site.