1. Writing isn’t about making money, getting famous, getting dates, getting laid, or making friends. In the end, it’s about enriching the lives of those who will read your work, and enriching your own life, as well. It’s about getting up, getting well, and getting over. Getting happy, okay? Getting happy.

    – Stephen King

  2. Startups Tips #1: What is the site for?

    image

    If it will be used to sell products, you need to pick the perfect e-commerce solution. On the other hand if the site will act purely as an information provider for a brand and its products and services, the right content management system needs to be chosen. This is of critical importance because choosing the right platform to build the site will make sure you are able to implement all the functionalities you need.

    Read More

  3. Tumblr Right to Left Posts

    Tumblr is a pretty interesting. But with RTL, it’s horrible! In the text editor, you cannot even right align your text and it strips off any inline styles if you try to add it yourself (I know!! totally unacceptable). In this tutorial I’ll show you how to RTL your Tumblr theme completely or have it bidirectional.

    1. Search in the HTML between {block:Posts} and {/block:Posts} for div(s) with the class “post”.
    2. ..and add the class {TagsAsClasses} to be like “post {TagsAsClasses} ”.

    3.  Now choose a special class for your RTL content, I chose “arabic” to tag my arabic posts for example.
    4. We’ll need to add a custom class named .arabic and add our RTL rules to it. While we’re still in the customization page, switch to the Advanced section in the toolbar(the last one at the bottom) and add the below in the “Add Custom CSS” block:                                   

    .arabic /*or whatever class you wish to use*/
    {
    direction:rtl;
    text-align:right;

    }

  4. Killing the URL

    Allen Pike discusses the latest interface feature currently being tested Chrome canary: the buried URL. Instead of showing the full URL, we are presented with just the domain name, which can be clicked on to reveal the rest of the address. It looks like this:

    Read More

  5. UI Concept: Morphing Buttons

    Mary Lou presents an interesting UI concept she calls morphing buttons. The idea reminds of me of the visual effect iOS7 uses when you tap on an application icon: the icon zooms in to fill the whole screen, transforming smoothly into the application itself. In this case instead of the application icon we have the button. Here’s what it looks like:

    Read More

  6. Are Hollow Icons Really Harder to Recognize Than Solid Icons?

    The Icons

    First of all, it’s important to note that this discussion is focused on a particular type of icon: the flat, single-color icons known as tab bar icons or simply bar icons. These are the icons that you usually see in a row of four or five at the bottom of the screen in mobile apps. Because bar icons serve as navigation to other sections of the app, it’s important to indicate which section is currently active by highlighting its icon in some way. With the release of iOS7, Apple began showing these states by using two complementary icon styles: a solid version to show an active/selected state and a hollow version to show an inactive/unselected state. To my knowledge, Apple is currently the only major software maker to use two styles of the same base icon for this purpose.

    Read More

  7. 3 Tricks to Make Users Think Your App Loads Faster

    When users are on the go, the best mobile app experience is a fast one. Although a mobile device’s connection speed is out of your control, you can still make it seem like your app loads lightning fast. Here are a few tricks to give users the impression that your app always loads fast even under a slow connection.

    Instant & Steady Progress Bars

    Progress bars tell users how long an action is taking, but they’re not always correct. You can disguise small delays in your progress bar by moving it instant and steady. The progress bar should never stop, otherwise users will think the app froze. Moving the progress bar fast in the beginning and slowing it down as it ends gives users optimistic expectations. Messaging apps are a good example of this. When a user sends a message, the blue progress bar moves instantly, but slows down as it finishes.

    image

    Read More

  8. How Hamburger Menus Can Increase Your Conversion Rate

    Did you know that your website navigation can affect your conversion rate? Several studies have found that minimizing navigation on sign up pages increases conversion rates.

    Read More

  9. (Source: designapps)

  10. uxidea:

    Putting the horrible music aside - this calculator approach is really nice.

    Tydlig is a revolutionary new kind of calculator for iPad and iPhone that sheds the legacy limitations of old devices, for a truly modern experience.

    Why do most iOS calculators look like someone taped an old plastic calculator to the screen? How come calculator apps still have buttons like MC/MR/M+/M- when there is enough room on modern devices to store all numbers you could ever think of?

  11. Design is not just what it looks like and feels like. Design is how it works.

    Steve Jobs

  12. Why good storytelling helps you design great products

    One of the biggest flubs that product teams make is confusing designs that look great with designs that actually work well. It’s a simple mistake, but it can have grave consequences: If your product doesn’t work well, no one will even care how it looks, after all.

    The best way I’ve found to get around this confusion is a technique called story-centered design. The idea is to create a series of narrative use-cases for your product that illustrate every step in the user’s journey through it. I’ve used this technique with dozens of startups and it always helps teams move past the surface visual details to make better decisions on what really matters: how their product finally works.

    Read More

  13. Try More Contrast instead of similarity

    image

    Making your calls to action be a bit more prominent and distinguishable in relation to the elements surrounding them, will make your UI stronger. You can easily increase the contrast of your primary calls to action in a number of ways. Using tone, you can make certain elements appear darker vs. lighter. With depth, you can make an item appear closer while the rest of the content looks like it’s further (talking drop shadows and gradients here). Finally, you can also pick complementary colors from the color wheel (ex: yellow and violet) to raise contrast even further. Taken together, a higher contrast between your call to action and the rest of the page should be considered.

    Read More