TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Mobile UI Patterns

261 pointsby philfreoover 13 years ago

18 comments

Nemisis7654over 13 years ago
I don't like that this web site is called "Mobile UI Patterns." As others have pointed out, this is more specifically iOS design patterns. While some things can be similar, Android and iOS have different design patterns, and I think that should be respected when developing an application. Personally, I dislike when an Android app is made to look like an iOS app.<p>For those, who want Android design patterns, there is this web site: <a href="http://www.androiduipatterns.com/" rel="nofollow">http://www.androiduipatterns.com/</a>
gbogover 13 years ago
Is it me or the usage of "patterns" here is not very accurate. It could be called "mobile screens design". "Pattern" could be used for specific and abstract solutions to interaction problems. For instance, the Google map's corner in iOS, that you click to get settings, is a "UI pattern". Some such patterns can be abstracted from the OP, but what I see is a list of categorized screenshots.
评论 #3119828 未加载
评论 #3120014 未加载
评论 #3120030 未加载
algorithmsover 13 years ago
Seriously, please stop using such horizontal scrollable layouts. It's a pain to navigate
评论 #3120244 未加载
评论 #3120217 未加载
评论 #3119912 未加载
评论 #3122969 未加载
skeletonjellyover 13 years ago
Did anybody find any Android ones? I didn't see any in my casual perusal. Is this by design? Or is the site owner just an iPhone user?
评论 #3119975 未加载
评论 #3121172 未加载
评论 #3119980 未加载
extramooseover 13 years ago
Great little composition &#38; perfect experience to go with it. People here are bitching about the details - but the fact is that the design is simple enough to put focus solely on the mobile designs. If you're a designer and need a bit of categorized inspiration, this is perfect. Thanks for sharing.
jansenover 13 years ago
I love the site, am visiting it for a couple months now to get inspired. Another great site is <a href="http://pttrns.com/" rel="nofollow">http://pttrns.com/</a>
评论 #3120405 未加载
magicsethover 13 years ago
Ironicly, this site is unusable on a mobile device thanks to a "fixed" div too large for my screen.
beerglassover 13 years ago
Also pttrns.com
traveldotto1over 13 years ago
Funny to see how iPhone SDK has already forced on us how smart phone apps should look, just like what MS did to us with Visual Studio. I know the SDK developers want to make programming on their respective platform easier with these built in look and feel, but as a mobile developer, do I want my app just look like everyone else's?
suyashover 13 years ago
Awesome post, thanks for sharing. There are so many inspring patterns here that I can see myself learning from for my mobile web apps. Nicely categorized too.<p>Feature Request/Suggestion: Let community take it on from here and submit designs/screen shots and vote each other.
maushuover 13 years ago
Anything similar for desktop? Or non-mobile web applications?
Kunlunover 13 years ago
Thanks a lot for the link, very interesting. Alright it is not "pattern" in a strict sense but it gives a good overview of the composition of some apps.
jmarinezover 13 years ago
Nice. Is there anything like this for tablets? iPad or Android would be helpful.<p>Thanks
jayfuerstenbergover 13 years ago
Great collection of screenshots!<p>I got some inspiration from this.
nicks22over 13 years ago
this is a good resource for someone as oblivious as me!
k4stover 13 years ago
Hrmm.. looks like some free AT&#38;T advertising.
pazimzadehover 13 years ago
Use retina display sized screenshots.
gautamlover 13 years ago
So is there anything out there showing Android patterns or better yet, non-iOS?