#ui pattern

[someux-blog]

We lay out the most interesting user flows so you can build your point of view and be inspired to design the best user experiences.

[emmalucybevanxd]

Client: BT Project: Consumer site (mobile nav pattern)

My proudest moment on this project was working in a small team at the eleventh hour to solve a problem with representing the deep architecture on a mobile nav. After squealing with delight at coming up with the solution, and being able to effectively communicate it to the others in the group so that they understood and agreed it would work, I got to build a fully working prototype in Axure, and worked with the designer to drop the finished designs into Flash so that we could brief the front-end team.

I'm still waiting for Brad Frost to use it as an accepted tried & tested mobile nav design pattern ;)

[uinux]

Splashscreen by Google

[amazingux-blog]

Awesome little bars that you can find at the top of certain webpages (namely YouTube).  This is a great design paradigm especially when loading javascript content.  Check out the comments section, it is quite interesting of a discussion.

[dubacreative]

New UI Website Loading Bars

Here is a screenshot of the bar on Medium (the thin green line highlighted at the top):

I’m not sure what to make of it. Does a web page really need a loading bar, especially that the browser already has a loading indicator of its own (and in the case of Safari, a very similar looking progress bar)? Perhaps a case could be made for a reduction in perceived load time, and I am sure Google are testing this on YouTube (i.e. see if the bar reduces the number of abandonments, which it very well might), but for something like Medium where the content is mostly text and the load times very short it seems a little superfluous — and even in the case of YouTube, the load indicator is only for the page, not the actual video, which starts streaming only after the page loads. Still, as a UI pattern it is an interesting and subtle way to show load progress on a page.

As an aside: if you’re implementing progress bars, check out this paper by Harrison, Yeo and Hudson, which reports on their study of progress bars that sought to find the style to best reduce perceived time. The optimal style they found was a backwards moving and decelerating ribbed progress bar, which made the load time appear 11% faster than a solid colored bar.

[androidlearnings]

Android UI has been improving with a phenomenal speed in the last year (I composed a small gallery of some apps I really like in Google+). Many of the changes has been only cosmetic (holo theme, Roboto font, etc). We haven't seen large changes in the way user interfaces are designed beyond that. We might have one such change happening now though.

[androidlearnings]

To write a native app or web app is a very important decision at the start of any mobile project. There's place for both. Native has some benefits that web app doesn't and vice verse. But then there are the hybrid app frameworks. The idea of a hybrid app is to bring the strong points of each approach into one app. Probably the best known hybrid app frameworks are the PhoneGap and the Titanium Appcelerator. Both of these frameworks promise multi-platform in essence web apps packaged into a native app package although Appcelerator takes the packaging a step further by compiling some controls to platform native components...

[androidlearnings]

As an iOS & Android developer/user I spend a lot of time looking at and playing with mobile applications. Since 2007 (the year mobile really had a leap forward thanks to the iPhone), mobile UI patterns have been introduced, enhanced and reused by applications. Android platform has always been a very productive environment for UI designers and recently has become even more so. This rapid growth and evolution is probably a direct consequence of the increasing number of Android developers and applications. Recently, I have noticed some emerging UI patterns. Among them is the well known “pull-to-refresh” pattern....