Forums - All Forums

5 iPhone UI Design Tips

lilly — Sat, 06 Mar 2010 00:31:04 -0700

If your application needs to load another webpage, please use an in-line browser. Auto-firing Safari breaks the flow of your app.
If your application has anything to do with displaying news or links you need to provide the capability to e-mail it to a friend. Be viral.
If your application is related to navigation or maps, use Google Maps. We don’t have Microsoft or Yahoo maps on our phones, so don’t break the flow. Please.
Follow Apple convention and use the bottom toolbar for tabbing through screens. Nobody wants to see your crappy customized button anyways. It breaks the flow.
If your application uses photos, allow me to choose from my iPhone photo library or snap a picture in-line. That is just common sense.

Create nice interlocking CSS buttons

egogmail — Tue, 17 Feb 2009 05:52:18 -0700

Create nice interlocking CSS buttons.

Download related images: http://www.creativetoday.com/download/image.zip

CSS:

Code:

#Tabs{

    font-family: Verdana, Arial, Helvetica, sans-serif;

    list-style: none;

    font-weight: bold;

    margin: 0 auto 0;

    padding: 5px 13px 6px 0;

    float: left;

    font-size: 85%;

}

#Tabs li{

    padding: 0;

    margin: 0;

    float: left;

    background: url(TabTL.png) top left repeat-x;

}

#Tabs a{

    background: url(TabTR.png) top right no-repeat;

    padding: 5px 30px 6px 8px;

    float: left;

    color: #fff;

    text-align: center;

    text-decoration:none;

}

#Tabs li.Active{

    background: url(TabATL.png) top left repeat-x;

}

#Tabs li.Active a{

    color: #005C7D;

    background: url(TabATR.png) top right no-repeat;

    text-decoration:none;

}

#Tabs li.First{

    border-left: 1px solid;

    padding-left: 8px;

}

#Tabs li.Last a{

    background: url(TabTRLast.png) top right no-repeat;

}

#Tabs li.BeforeActive a{

    background: url(TabBeforeATR.png) top right no-repeat;

}

#Tabs li.ActiveLast a{

    background: url(TabATRLast.png) top right no-repeat;

}

HTML

Code:



            Home


            About


            Contact

Goodluck...

EGO

Action Script Course

diyakumar — Wed, 14 Jan 2009 07:14:20 -0700

Hi All...

Do anyone know about any institute in bangalore, they teach action script. Please let me know soon as early.

Thanks

User Interface template

egogmail — Wed, 14 Jan 2009 07:01:32 -0700

User Interface (UI) templates control the look and feel of a Web page. UI templates can be applied to either pages or database portlets. By applying a template, you can automatically specify a page title, a title background, links to home and help pages, and background colors and images.

UI templates are good for standardizing the overall look and feel of many pages, or for standardizing groups of database portlets in a provider . For example, you can design a UI template for a provider that includes the company logo in the heading, the name of the company in the title, and a common background image. By ensuring every database portlet in the provider uses the same UI template, you impose a standard appearance.

10 most common misconceptions about UX design

egogmail — Mon, 12 Jan 2009 22:55:30 -0700

Whitney Hess, an independent user experience designer, writer and consultant, asked some of the most influential and widely respected [USA] practitioners in UX (including Steve Baty, Mario Bourque, Dan Brown, Liz Danzico, Bill DeRouchey, Will Evans, Chris Fahey, Kaleem Khan, Livia Labate, Erin Malone, David Malouf, Peter Merholz, Josh Porter, Louis Rosenfeld, Dan Saffer, Jared Spool, and Russ Unger) what they consider to be the biggest misperceptions of what we do.

User experience design is NOT…
1. …user interface design
2. …a step in the process
3. …about technology
4. …just about usability
5. …just about the user
6. …expensive
7. …easy
8. …the role of one person or department
9. …a single discipline
10. …a choice

Read full story

UI Design Some thoughts

egogmail — Thu, 08 Jan 2009 03:17:44 -0700

Good and Simple UI design improves the user experience...that means more business...!

User Interactive Design is the discipline of defining the behavior of products and systems that a user can interact with.

While doing a UI design we have to understand how this product or service is going to work?, who is going to use?, what are the benefit the user will get?...(User Research) etc....

Once we get a clear idea about the product... we have to sketch this and also document each points along with UI Architecture. Also always chose the color and images or icons (If needed) appropriately. While using the color you have to be very careful about the tone of color... it should be mild and soft... (Because some products will be running on a daily basis from morning to evening so... if it bright and sharp it will heart the eyes...) and also follow that companies brand standards etc...

The other thing we have to take care is the laying of the content. It should be simple and straight... minimize the text and use simple and straight words. And also you have to use simple html friendly fonts.

These are the main factors one should take care before starting a UI work.

You can check Mr. Donald Norman's influential book The Design of Everyday Things. Academic research in Human Computer Interaction (HCI).

6 importent points to take care:

Design research
Research analysis and concept generation
Alternative design and evaluation
Prototyping and usability testing
Implementation
System testing

Thanks
ego

Web 2.0 is not a design standard !

egogmail — Thu, 08 Jan 2009 03:13:04 -0700

I am being reached by lots of company and personals to design their website by following web 2.0 standards. But I am still confused... did any major design things are happened in this standard?

I think there are no clear cut design changes in web 2.0 standards. Only we are defining new technology and there usage here. So in an experienced designer’s perspective I would like to tell that, there are no much design changes between the earlier and the web 2.0 standards.

Innovative designs have happened all these years and the web and UI designs have gone through these kinds of changes. So the web 2.0 is just a term to define the latest technology and trends the people started using in the web. Yes, it’s a collaboration of the usability, technology and design.

Design is always evolving and we can’t restrict these by giving the terms. Even in web or other areas, the people approach with design has changed according to social changes and approach. So web design, UI design will evolve so... we can’t define by giving some name or tag... as “Web 2.0 design”.

Few good links to learn Illustration

admin — Sun, 04 Jan 2009 01:32:50 -0700

Hello Friends,

Please check these links. Its really interesting
http://www.ndesign-studio.com/blog/updat...echniques/
http://www.illustratortips.com/

PHP Mailing List Servers

ashmel — Thu, 25 Dec 2008 22:57:09 -0700

Hi,

Can somebody suggest /advise on PHP Mailing List servers ? I have looked at PHPLists, Pommo and some others but not sure which one to go with..

Preferably, on the LAMP (PHP) stack.

Ashish

Need help to create brocken wall effect

admin — Thu, 25 Dec 2008 07:27:41 -0700

Hello,

Need help to create brocken wall texture. If any one have any link or site that help us to create the texture, please help.

Thanks

Do any one know how to create cloud effect?

sathishhc — Thu, 25 Dec 2008 01:32:54 -0700

Hi...

Can any one help me to create cloud effect in photoshop?

thanks
Sathish