Tag: design tips

Tumblr vs. Pinterest for Web Designers

The hottest social networking site right surely is Pinterest and it is known to drive a lot of traffic to websites. Tumblr on the other hand is a popular microblogging platform, which has been around for quite a while. There are similarities among both the services, and each works for different purposes, users and situations. Differences between Tumblr and Pinterest Tumblr is a micro-blogging platform that can behave like Twitter, act as a simplified version of WordPress and is a place to engage in discussion. Pinterest on the other hand is a visual bookmarking tool, that allows you to collect images and videos (and the links therein) on various categorized boards. Both of them depend more on media than text, but are fundamentally different. However, people do use Tumblr to collect pictures and images much like Pinterest. Both the tools can be astonishingly useful to web designers and developers. Let us compare the two services in order to understand which one could be better than the other. Team Collaboration Pinterest allows users to add contributors, which means collaborative collection of images found on the Internet or images that are originally taken can be easy. Pinterest can allow web designing companies to allow several designers to pin images that they like, in a form of visual brainstorming. Commenting and liking images, or pinning them back allows for socializing as well. Tumblr on the other hand is a fully functioning blogging platform that allows for lengthier discussions in the form of comments, and also in the form of text posts. As it follows a blogging structure, web designers can easily publish their strategies, ideas, tutorials etc easily. Collaboration in the real sense may be easier on Tumblr if we were to talk about combining blog posts, images, textual content and videos. Pinterest can be used as bookmarking tool or a place to showcase templates and designs you have created, before or after brainstorming. Marketing and Promotion Pinterest discourages self-promotion, whereas Tumblr doesn’t frown upon it. It is easier to promote oneself explicitly on Tumblr than on Pinterest. On Pinterest, you will have to use tricks and covert methods to promote your products or services. It might be a good idea to drive traffic from Pinterest to your Tumblr blog, where you actively promote your products. Pinterest has a majority of female users, where as Tumblr’s target audience is mostly youngsters. It depends who your target audience is before launching a marketing campaign. However, Tumblr seems to have a better marketing traction. SEO and SMO Both Tumblr and Pinterest are valuable SEO tools. They drive traffic to your company website, help you to generate organic traffic, and also achieve better search engine rankings. Interface Tumblr has more freedom to publish content, and doubles up as a blogging platform as well. Pages can be added and a simple website can be created within the Tumblr platform. On Pinterest, one can pin images found anywhere on the website, or upload original images and categorise them under various boards. Pinterest is more visually oriented than Tumblr, where as Tumblr is more of a publishing platform. Engagement, Discussion and Participation Tumblr allows better engagement and discussion. Thanks to its micro-blogging platform, it not only allows likes and re-blogs but lengthy discussions can happen in the comments section. Pinterest on the other hand allows commenting too, and images can be re-pinned or liked, but lengthy discussions are just not great enough. Web designers who need to discuss projects, tricks and tips, cheat sheets would do better on Tumblr. Web designers who need to showcase their templates, and basically offer visual eye-candy would gain more on Pinterest. Handling Design Projects Web designers can collect templates they like on Pinterest and also pin websites, portfolios of other designers and logos that they come across while browsing the web. Pinterest can serve as a place where web designers can find all the images that inspired them to design their own website. Tumblr on the other hand can be used to promote and market one’s own design projects. It could also be used to upload HTML5, CSS and other coding files in order to discuss with clients or team members. It serves as a collaborative, publishing and media sharing platform, all put together in a minimalist environment. It all depends on which part of the designing process one is handling. Both the tools are equally important and are not mutually exclusive.

Read More »

Designing Websites and Products that Evoke Positive Emotions

Cognitive science helps us to understand that there is more to consumer decisions and choices than just good products. While good products and designs are fundamental to their own success in the market, certain choices and decisions made by consumers are not limited to the intellectual quality of a product’s benefits or superiority over others. Design’s Underlying Cognition Psychologists believe that consumers make decisions on an impulse, and the attitude and opinions they develop towards a company, its products or its designs are largely based on their own life experiences, mood states, emotions and certain personality characteristics. One could say that psychological processes like perception, memory, emotions and cognitive schemas play very important roles in consumers’ decision to purchase certain designs and reject others. Jeroen van Erp, co-founder of Fabrique, a multidisciplinary design agency proposed an inverted pyramid model that depicts designers as having the responsibility of creating aesthetic products which provide meaning and evoke emotions in consumers. It is a role that is perhaps more profound than that of an entrepreneur’s, whose job is to profitably sell his products. Psychologists also emphasize that many purchases are emotional in nature, and attitudes are formed when there is an emotional reaction towards a product, when certain memories from past life experiences elicit strong emotions in consumers. These emotions are elicited when a consumer encounters certain product or a design. Emotional Design: Why We Love (or Hate) Everyday Things by Donald Norman explores the underlying psychological process of buying. The book helps designers and manufacturers to understand why it is important to consider emotions, perception and other cognitive processes while creating websites or designing products. Emotional Designing for an Internet Driven World In a world that is dominated by ecommerce and web-driven marketing, a company’s website becomes an intermediary between products and services and consumers who purchase them. A well-designed website has the ability to capture and sustain a consumer’s attention, and this attention can be translated into a positive perception if the design or layout of the website attempts to do so. Perceiving a website positively usually results in processing of that positive information and associating it with positive life experiences. For instance, a website that is designed aesthetically may encourage a consumer to associate those colours with an art class that they took in school, which probably was a very positive and satisfying experience for them. These positive memories evoke positive emotions and mood states that help consumers to associate that particular website with joy, satisfaction or even self-actualization. Emotional Designing for Webpages If we are talking about how one could elicit positive emotions when designing a website, one must understand that the web page is akin to canvas. The canvas can be ‘painted’ with aesthetic images, contours and colors. Intuitive navigation and task-oriented functions are processed by visitors as credibility, trustworthiness and security. These perceptions evoke positive emotions that may translate into loyalty and continued visits. Of course, positive text and careful usage of words, avoiding jargons and not being circumstantial and tangential allow for information to be rendered in an aesthetic manner. Apps and Emotions While designing web or mobile applications, similar psychological and cognitive themes can be applied. An intuitive interface, colors associated with trust, simplicity and minimalism, and reduced clutter in app design help in evoking positive emotions as well. Using minimalism, intuitive layouts and contours, and elegance can help in evoking positive emotions from products and devices as well. Thus, a designer must bear in mind to consider aspects that have direct emotional consequences. Tapping Sensual Responses Sensual stimuli that activate visual, tactile and auditory receptors usually evoke emotions. Products and websites must be designed to please the eye. If possible, websites can have audio in the background and touchscreen capabilities of applications and websites allow for tactile stimulation. It isn’t possible yet to tap olfactory (smell) and gustatory (taste) responses when designing websites, but one can’t predict the future! Emotions are strongly connected to social situations and thus anything that can be shared, help in starting conversations and be an extension of consumers personality always help. Thus, designing for emotions is to remember that customers can and do make decisions based on feelings, impulses and mood states and not based only upon rational arguments and logic.

Read More »

Photoshop: To Skip or Not to Skip?

Web designers can be roughly classified into two groups: The first group chooses to translate ideas and sketches into Photoshop, and then design the website in HTML and CSS. The second group directly dives into HTML and CSS by skipping the option of working with Photoshop. There are arguments to support both the choices and it is difficult to conclude which could be a better way to design websites. In truth, each client must be considered individually and depending on the kind of project that the designer has to tackle, an appropriate method can be chosen. Why Skipping Photoshop May Be Necessary Web designers who choose to directly work with HTML and CSS after initial sketches do so successfully, and have several arguments to back their decision. Photoshop Is Static A Photoshop mock-up is static, and can’t easily be edited, updated and changed as and when it may be required. One would have to make changes to the original Photoshop file, and then upload the file through FTP servers in order to make the changes available real time. A website that has been designed entirely in HTML and CSS can be edited and changed very easily. In a content-rich world where one uses a lot of text, using HTML and CSS could be a better way to design websites than diving into the complex world that Photoshop presents us with. Working with typography is always easier on an HTML website. Photoshop Is Complex HTML and CSS based websites are minimalistic in nature and are best suited for those websites that are text-heavy and dynamic. Websites that use only HTML and CS allow more interactivity and team-work. It is easy for coders and web designers to maintain sites that make use of only HTML as codes can be written, rewritten or altered in a matter of seconds to minutes. HTML websites also allow for more accurate feedback instantly. Using Photoshop Always May Not Be Economical Content-driven websites rely heavily upon linking, and it is not possible to link Photoshop mock-ups as easily as HTML-based websites can be. Photoshop gives prominence to details and production of a website, and can be very important when designing feature-rich websites that incorporate layers, textures, colours and designs. However, much time and effort, and valuable money is spent unnecessarily when web designers choose to work with Photoshop and then use HTML and CSS. HTML and CSS Are Simple, Interactive and Easy to Edit Thus, by skipping Photoshop web designers can make sure that the websites are more interactive in nature and that they are text-friendly. Making changes to the layout, editing, and reformatting websites can be extremely easy when one chooses to work with HTML and CSS. HTML and CSS websites provide the simplicity that many clients have begun to love, and there is nothing wrong with websites that are not complex to handle. Sometimes, Photoshop Can’t Be Skipped At the same time, one cannot dismiss Photoshop. It offers the most complex and most detailed tools to design static pages, and layouts which are simply not possible with HTML and CSS. The minimalism and simplicity that HTML and CSS offer may not be well-suited for websites that require rich-graphics, colors and images. Thus, Photoshop-based websites are better suited when clients specifically require feature-rich websites that are eye-candy. Using Photoshop is very important while designing websites for fashion, luxury, entertainment and art. Though web designers stand to save time and effort when they choose to use only HTML and CSS, but such websites are best suited for clients who need webpage that are text-driven, and seek minimalist and simplistic layouts. Skipping or Not Skipping Photoshop Depends on the Context At the end of the day, skipping Photoshop or relying heavily upon it are not mutually exclusive. Regardless of what web designers prefer using, it is important to be at ease with designing websites that do not need Photoshop, and also that which need this wonderful tool. It is as simple as assuming that certain kinds of websites do better with Photoshop and certain kinds of websites just do not need it. Depending on the context, content, target audience and maintenance goals of a website, the choice of skipping or not skipping Photoshop must be made. This article has been contributed by the Indus Net Technologies Web Design team, based on experience of few team members, while they produced websites for our numerous clients.

Read More »
MENU
CONTACT US

Let’s connect!

Loading form…

CONTACT US

Let’s connect!

    Privacy Policy.

    Almost there!

    Download the report

      Privacy Policy.