Skip to main content

Home/ centreforelearning/ Group items tagged ui

Rss Feed Group items tagged

yeuann

UI Guidelines for mobile and tablet web app design | Mobile Web Programming - 1 views

  •  
    A convenient and comprehensive compilation of UI guidelines for mobile and tablet web designs for all sorts of platforms (iOS, Android, Blackberry, Win Phone 7 and even Symbian and webOS)
En En Koh

25 Cool User Interface Design Showcase You Must See - tripwire magazine - 6 views

  • The success of web applications and websites depends in how effective the User Interface design is. Designing a good user interface however is a very challenging task. Above anything else, the designer has to focus his attention towards giving the end-user a great experience with the system. Whether the designer is working on a website, a mobile application, or a game interface it is always a must that the convenience of the user is given paramount importance.
  • In this article, we are sharing with you some user interface designs that not only allow easy navigation or use of the end-users but also ones that can encourage them to use the system. These designs can be used as an inspiration in your efforts to make your projects more user-friendly. Here you can find UI designs for audio and video applications, mobile systems, game apps, web interfaces and etc. 
  •  
    A few cool UI designs for mobile like 7, 12, 13, 17, 18, 20, 21
  •  
    #21 is really good! We might consider something like this for our m-learn (video) app.
yeuann

After testing a new grid menu on its homepage, Google experiments with no navigation ba... - 0 views

  •  
    Possible new navigation re-design for Google's UI
bernard tan

Transition - 1 views

  •  
    Why is transition so important, read here. for the MDs or people venturing into UX/UI Designers.
Sally Loan

ThemeRoller | jQuery UI - 0 views

  •  
    For multimedia developer
yeuann

Skeuomorphism & Storytelling / Tobias Bjerrome Ahlin - 0 views

  • Designers love to hate skeuomorphism. It’s just decoration, they say. It’s completely useless. It will go out of style. Or as Mark Boulton, co-founder of Five Simple Steps, put it on twitter: I really wish everyone would stop making digital things look like real things. A screen is not a drop shadowed, bevelled, wooden plank. Yet Apple and many other software developers continue to use it heavily in some of their apps. Many hate without asking: Why? Why is Apple and so many others continuing down this path? They have all lost their sense of good design, surely. No?
  • Skeuomorphism is about communcating and reinforcing feelings – getting an application to become a memorable experience, not just a tool. It’s about communicating the purpose of a UI, not only the functions it enables.
  • An interface that is not only easy to use, but fun to use, engages the user and creates an experience where obstacles are easier to overcome, and thus an experience where the product is easier and more effortless to use. Done right, skeuomorphism can retain the simplicity and ease of use of an interface while empowering users to act.
  •  
    A very insightful article for our MDs...
yeuann

The 10 principles of mobile interface design | Feature | .net magazine - 1 views

  •  
    For MDs and, yes, MPs too.
Kartini Ishak

Adobe Dreamweaver and the jQuery Mobile framework - 1 views

  • jQuery goes mobile
  • ith a robust page/view mechanism supporting transitions, UI elements, dead-simple navigation, and list management, the jQuery Mobile framework provides everything you need to get up and running quickly with a mobile-savvy website or application without a complete crash-course in a new development model.
  • In the next version of Dreamweaver, we plan to allow easy creation of a jQuery Mobile project and easy insert objects to let you build out your user interfaces quickly and with confidence. Greatly expanded jQuery code hinting will help professionals make the best use of their time and enable designers to more effectively understand the syntax and structure of jQuery. Combined with the WebKit-powered Live View introduced in Dreamweaver CS4, you’ll be armed with some of the most powerful tools available to help your clients and projects move swiftly into a multiscreen world.
  • ...1 more annotation...
  • The next release of Dreamweaver will be the first step in what we hope will be a long and fruitful collaboration.
  •  
    jQuery goes mobile. Simple attributes applied to basic elements are all you need, and the jQuery Mobile API offers endless possibilities to those who wish to go under the hood.
bernard tan

Coding JavaScript for Mobile Browsers (part 6) - Microsoft Certification Examples, exer... - 0 views

  • In mobile browsers, you need to be especially careful about using timers because of the battery consumption. If you need to use many high-frequency timers at the same time, try to manage them using only one timer that will launch different behaviors from the same process.
  • The first question we need to ask ourselves is, what happens when our web page goes to the background because the user switches focus to another application (in multitasking operating systems) or opens or browses to another tab or window? Another problem is what happens when the phone goes to sleep (because of the user’s inactivity while the script is executing). The behavior of timers can be a little tricky in these situations.Yet another problem is that timers execute on the same thread as the main script. If our script is taking too much processor time (a normal situation with large scripts on low- and mid-end devices), our timers will be delayed until some spare execution time is found.If we use a low frequency for the timer (for example, 10 milliseconds), the timer will generally have problems meeting the timetable.Remember that the JavaScript execution time depends a lot on the device hardware and the browser’s engine. Even if they’re running the same operating system, like Android, execution times can differ: for example, an HTC G1 will be much slower than a Nexus One with a 1-Ghz processor.
  • As shown in Figure 4, the real times are very different on different devices. On low- and mid-end devices, if they work at all, the result is far from our 200 ms intention—some low-end devices don’t even accept timers with a frequency of less than 1 second.
  • ...1 more annotation...
  • Table 11. Timers support compatibility tableBrowser/platformTimers availableTimers in backgroundSafariYesStopped. From iOS 4.0: continue working while in other browser's window.Android browserYesStopped.Symbian/S60YesStopped. From 2.2: continue working while in other browser's window.Nokia Series 40No webOSYesContinue working.BlackBerryNo NetFrontYesNo multitasking.Internet ExplorerYesStopped.Motorola Internet BrowserNo Opera MobileYesContinue working.Opera MiniNo Note:The Gmail for Mobile team discovered some issues with timer behavior on mobile Safari and Android devices, and made the results public in the team blog at http://www.mobilexweb.com/go/timers. The conclusions are: for low-frequency timers (1 second or more), there are no performance issues, and you can add as many as you want; for high-frequency timers (for example, 100 ms), though, every new timer created makes the UI more sluggish. The preferred solution is to use only one high-frequency timer.
  •  
    Creating real time app might pose to be an issue on web app.
yeuann

geekcamp / FrontPage - 2 views

  • GeekCamp Singapore   1st October, 2011 at Microsoft   Venue: Microsoft Time: 10:00am - 5:00pm How to get there: Exit Raffles Place MRT station on the North-South/East-West Line What to bring: Laptops, 3G dongles, power extensions   What is GeekCamp? Conference for the geeks. Technical topics only please.
  •  
    Think the multimedia and web dev team might find this interesting?
bernard tan

mobile UI patterns - 2 views

  •  
    a series of successful mobile user interface patterns sorted by categories. There's a reasons why they emerge above the rest of their peer apps. - Usability patterns.
1 - 14 of 14
Showing 20 items per page