• Special Downloads
    • Free Icons
    • Freebies
    • jQuery Scripts
  • Licences
    • Apache License
    • MIT License
    • CC License
    • GPL License
    • LGPL License
    • GNU License
    • Other Licenses
    • No License
  • Scripts & Apps
  • XHTML & CSS
  • Contact Greepit



Designing User Friendly Websites and Applications with Notify!


 25 Jul 2011


Would we be ever able to design products that are so easy and usable that we never need to to train or teach users?

This is a question that I often ask my peers and mentors. Most people agree that we can simplify design but designing a product that is “so intuitive anyone can use it” is like the “product that sells itself” – a rare probability.

Agreed! But I believe there are certain ways designer and developers can employ to design products that are easy to learn and get started with. One of the easy yet unappreciated ways is communicating with users as they interact with an interface. You can use tool tips, notification bars, messages and other unobtrusive tools to provide feedback, give useful tips and hints, or notify about errors. However, one has to be creative and unobtrusive while communicating with users in order to keep both workflow and interface simple and fast.

To make it possible, Greepit has designed Notify, which is a smart and simple jQuery script for notifications.

Notify adds simple notifications bars that you can use on your website and application to assist users while they fill in forms, navigate through pages or interact with interface. These notification bars can be implemented in various fashions

  • Floating Notification Bar
  • Sticky Notification Bar
  • Fixed Notification Bar
  • On-Demand Notification Bar

Notify can be easily plugged into any website or web application and offer a lot of customization – color, style, message, behavior etc. and perfectly blends in with existing design, color scheme and layout.

With the prime purpose to assist users, Notify allows you to add any kind of assistive content – tool tips, step-by-step guide, images, videos, useful link, and content from other sources like RSS, twitter stream etc.

Notify is quick to download, easy to implement and free to share.

Requirements: jQuery Library
Demo: http://greepit.com/notify/
Download: http://greepit.com/notify/download.html
License: Creative Commons (A link back is appreciated)






    Share This


Related Posts


UI Components for Modern Web Apps – Brick
August 30, 2013

Easy Interaction With the DOM — HTML JS
August 27, 2013

Create Portable Containers from Any Application – Docker
August 26, 2013



10 Comments

Designing User Friendly Websites and Applications with Notify! | PHP Ocean
said 2 years ago

(Reply)



[...] Read the rest of this entry » [...]

Philip
said 2 years ago

(Reply)



The plugin is not working in mozilla firefox, but it works fine in IE, Chrome and Opera! Any help??

    Saif
    said 2 years ago

    (Reply)



    Thanks Philip for the mention.
    Issue fixed and updated in demo and download package.
    Keep visiting.

ali
said 1 year ago

(Reply)



How can i make the demand bar is the default and make it like sticky bar (fixed in the top of the page)

Mohammed Uddin
said 1 year ago

(Reply)



I love your plugin it is awesome. Could you make it so that the plugin appears on demand. I know you already have the feature but what i was wondering was that when the notification bar appears that it pushes down. much like the hello bar. I want to bar to stay fixed at the top of the page but i also don’t want the bar to overlap any other element on the page neither. However the open arrow when clicked on i would like that to overlap over other elements i just don’t want the bar itself to overlap over other elements. I have tried to make it work. But it seems that when scrolling the notification bar doesn’t do what i want it to do. Please take a look at this page right here here is what i want it to do please help me as your plugin is very light and the hello bar adds their company branding to the bar.

http://diythemes.com/thesis/hello-bar-email-subscribers/

this is not my website however the bar does exactly what i want it to do. when scrolling the bar appears over all other elements. and when i am at the top of the page and click the arrow down and make the bar appear it pushes down all other elements so that no any element cannot hide behind the fixed notification bar. please help me.

Sanjeev
said 1 year ago

(Reply)



This is really a very useful plugin to show latest notification in any website. Thanks for sharing.

nii korley
said 1 year ago

(Reply)



i like this

Engin
said 8 months ago

(Reply)



Hello guys,

I am trying to add notify to my website page, but it does not work. Can somebody please help me installing this plugin?? I really need it :(

Jmain
said 8 months ago

(Reply)



So far the best styled sticky bar I saw, But I have a question. please let me know how can I customize display message in here,
Actually am going to use this for .Net website, And would appreciate any once can provide how this plugin access via .net and customize the message.

Thanks again for sharing this.

Weekly Web Design and Development News, Tutorials and Tools - Issue#4 | Greepit
said 4 months ago

(Reply)



[...] Smart And Simple jQuery Script For Notifications: Notify! [...]



Leave a Reply to Jmain Cancel reply


  • Recent Posts

    • Formance.js – jQuery Library for Formatting and Validating Form Fields
    • Content Organization Rules
    • Create a Mobile Website for Your Restaurant
    • WhatWeather – jQuery Weather’s Widgets Plugin
    • Free Set of Scalable Vector Stroke Icons – Coucou Icons
  • Search Resources

  • Categories

    • Actionscript
    • Ajax
    • Apache License
    • Articles & Books
    • Brushes
    • BSD License
    • Business Cards
    • CC License
    • Charts & Maps
    • Chat
    • CMS
    • Colors
    • Components
    • Design
    • Effects
    • Extras
    • Featured
    • File Managers
    • Flash
    • Fonts
    • Frameworks
    • Free Icons
    • Free License
    • Freebies
    • Freebies
    • Fun
    • Gallery
    • GNU License
    • GPL License
    • Icons
    • Images
    • Information
    • Interviews
    • Invoicing
    • Javascript
    • jQuery Scripts
    • LGPL License
    • Licences
    • Media
    • Menu and Navigation
    • MIT License
    • Mobile
    • Mobile Development
    • No License
    • Open Source
    • Open Source
    • Other Licenses
    • Pattern
    • PHP
    • Plugins
    • Popups & Notifications
    • PSD
    • Reviews
    • Scripts & Apps
    • SEO
    • Site of the week
    • Software
    • Software & Tools
    • Statistics
    • Templates
    • Texture
    • Tips and Tutorials
    • Tools
    • Useful Snippets
    • User Interface
    • Validations
    • Vectors
    • Web Application
    • Web Application
    • WP Theme
    • WYSIWYG HTML Editor
    • XHTML & CSS
  • Tags

    Actionscript AI Ajax Android Animation Canvas CMS CSS CSS3 Firefox Flash Framework Freebies Gallery Google Grid Html HTML5 Icon Icons Images iOS Javascript jQuery Library Mootools MYSQL Navigation Open Source Photoshop PHP Plugin PNG PSD Responsive Script Software Theme Tool Tools Twitter Vector Web Application Web Design Wordpress



    Copyright 2013 Greepit.com