Skip to main content

Home/ centreforelearning/ Group items tagged interface

Rss Feed Group items tagged

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.
bernard tan

Challenges of Interface Design for Mobile Devices » Yahoo! User Interface Blo... - 1 views

  • designing for a mobile device can lead to a solution that is worlds different than its desktop equivalent.
  • Context of Use
  • Users have a very specific need and desire to accomplish their goal in the easiest and fastest way possible. This fact alone helps explain why mobile interfaces are designed the way they are
  • ...6 more annotations...
  • Feature sets are optimized to streamline common use cases Use typography to show hierarchy and importance Features are progressively displayed Large buttons are used to make interactions actionable
  • Designing with awareness to context will yield a more atomic design that instead of introducing users to a proverbial blank canvas, will guide them toward accomplishing important tasks. Having to deal with slow data speeds, high network latency, smaller screens, and an unpredictable mode of use only reinforce the need to isolate an application’s essential features and offer access to them when contextually appropriate. Next time you design an interface for a mobile device, remember to consider context of use and context of the medium as part of your design strategy.
  • Dealing with phone numbers and other mobile friendly data Displaying information on a smaller screen Not using a cursor Device speed and network latency
  • Context of the medium
  • To design an experience that can gracefully coexist with others tools, one needs to understand what kind of media can be processed by specific mobile internet browsers, and when onboard applications are launched.
    • bernard tan
       
      need to find out hows web app can interact with other apps... especially how we can integret that into harmonia and dropbox feature...
  • Using traditional web development techniques of creating fluid designs that scale horizontally is the fastest way to deploy a single design to many different mobile devices.
    • bernard tan
       
      for azhar ... on creating a fluid layout for harmonia so that it fit all devices.
  •  
    While reading for ideas on doing mock up mobile interface, i stumbled this. very interesting read on designing for usability for mobile devices and why it is not just a scale down version of your actual desktop website.
bernard tan

iui - iphone user interface framework - 0 views

  • iUI is a framework consisting of a JavaScript library, CSS, and images for developing advanced mobile webapps for iPhone and comparable/compatible devices.
  • iUI has the following features: Create Navigational Menus and iPhone-style interfaces from standard HTML Use or knowledge of JavaScript is not required to create modern mobile web pages Ability to handle phone orientation changes Provide a more "iPhone-like" experience in your Web apps
  •  
    build iphone mobile site fast and almost no coding. iphone user interface
Ashley Tan

Smart: Prototypes for Mac lets you use images to prototype iPhone interfaces - 1 views

  • Prototypes allows you to turn those designs into prototypes that you can interact with through the mouse on your Mac or by tapping on your iPhone. You simply draw and link hotspots and set animations, share your interface with other stakeholders, and get testing. To get a feel for the output Prototypes creates before spending the cash, head over to ptyp.es on your iPhone, follow the instructions presented to you for installation, and enter the PIN 1234 5678. You’ll be able to try out a Prototypes-generated interface yourself.
Ashley Tan

App Store - Photo and Map - 5 views

  •  
    Eveleen, check out the design of this app. It has similar but limited functions compared to MobileGeo. But its user interface looks promising!
  •  
    Yes, interface is nice. Too bad its not a free app. Else can play with it to get more ideas.
  •  
    It was free yesterday. Check out the link I shared earlier to get alerts on free apps.
yeuann

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

  •  
    For MDs and, yes, MPs too.
yeuann

MaKey MaKey: An Invention Kit for Everyone - 3 views

  •  
    The ultimate in e-learning affordance... can you imagine the potential for educators and students to be able to design and adapt their own physical user interfaces for normal computer apps?
yeuann

TagDis - 0 views

  •  
    An innovative app that allow you to draw virtual "graffiti" at any location. The natural touch-based interface of the iPhone affords easy scribbling on the go.
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

Clear for iPhone - Breathtakingly-simple todos for iPhone and iPod touch - 2 views

  •  
    A powerful example of direct manipulation in user interfaces using the now-standard affordances of swipe, pinch and push. What are some ways we can enhance our future e-learning apps to reduce the adoption barrier among potential e-learners?
Sally Loan

Thoughts on Flash - 1 views

  • Adobe claims that we are a closed system, and that Flash is open, but in fact the opposite is true.
  • Flash is a closed system.
  • Symantec recently highlighted Flash for having one of the worst security records in 2009
  • ...7 more annotations...
  • Flash has not performed well on mobile devices
  • To achieve long battery life when playing video, mobile devices must decode the video in hardware; decoding it in software uses too much power.
  • The difference is striking: on an iPhone, for example, H.264 videos play for up to 10 hours, while videos decoded in software play for less than 5 hours before the battery is fully drained.
  • Flash was designed for PCs using mice, not for touch screens using fingers. For example, many Flash websites rely on “rollovers”, which pop up menus or other elements when the mouse arrow hovers over a specific spot. Apple’s revolutionary multi-touch interface doesn’t use a mouse, and there is no concept of a rollover.
  • letting a third party layer of software come between the platform and the developer ultimately results in sub-standard apps and hinders the enhancement and progress of the platform.
  • Our motivation is simple – we want to provide the most advanced and innovative platform to our developers, and we want them to stand directly on the shoulders of this platform and create the best apps the world has ever seen. We want to continually enhance the platform so developers can create even more amazing, powerful, fun and useful applications.
  • But the mobile era is about low power devices, touch interfaces and open web standards – all areas where Flash falls short.
  •  
    According to steve the no. 1 reason Apple not supporting Flash is that it does not support multiple touch screen when most modern device is supporting.
  •  
    Adobe claims that we are a closed system, and that Flash is open, but in fact the opposite is true.
Kartini Ishak

What is mobile augmented reality for? | Technology | guardian.co.uk - 1 views

  • Philipp Schloter, chief executive of developer Abukai, said that looking for individual killer apps is the wrong way to approach augmented reality."This is really more of an enabler that sits across many different areas," he said. He was backed up by Peter Meier, founder of Metaio, the company which makes the Junaio AR browser app. "I always see augmented reality as a new user interface technology, and less as something for which there's the killer app out there," said Meier."For me, this is about accessing and understanding information more easily, and enjoying information that is somehow related to the real world ... I don't think there's a killer app. This is more like the next touchscreen for mobile phones – more like the next user interface revolution."
bernard tan

Casual Game Design - 0 views

  •  
    A portal dedicated to casual game design from User Interface ,Controls,Innovation,Style,Testing,Target Audience, Gameplay,Design Process, Learning curve,Interviews. Lot of dicussions in there even with feedbacks from user playing on updated games and what is good and bads about the game.
Pratima Majal

Interface2006 ePortfolios - Wiki.ucalgary.ca - 1 views

  •  
    A great wiki site for understanding the two aspects of ePortfolio..Product Vs. Process!
bernard tan

FRAMED* - 2 views

shared by bernard tan on 11 May 11 - No Cached
Sally Loan liked it
  •  
    FRAMED* Interface is a screen that is seamlessly integrated with your iphone app, functioning as an intelligent and powerful control system. NIE should have something like this around the corridors, collabrative classroom and COTF rather then the normal LCD TV to take advantage of interacting with mobile devices.
Kartini Ishak

Speaker Deck - Share Presentations without the Mess - 1 views

  •  
    Speaker Deck allows you to upload your PDFs and have them displayed as slideshows. Speaker Deck will divide and format your PDF for optimal display. Unlike a lot of other services Speaker Deck doesn't appear to have a voice-over capability, but if you're just looking to share slides, Speaker Deck's clean and simple interface offers what most people need.
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.
yeuann

How MOOCs Could Meet the Challenge of Providing a Global Education | MIT Technology Review - 0 views

  • As MOOCs cast their eye to the developing world, very minor tweaks matter a great deal, such as the ability to allow students to download, rather than only stream course videos. But even more major ones are coming, including edX’s plans to start open-sourcing its platform in the next few months, which could allow even more universities to post online courses, and software programmers around the world to experiment with customized interfaces.
  • “We need to make sure we are making tools that make it easy to create new content, so it’s not only someone at MIT or Stanford who creates.” Relevance, as he notes, is one of the biggest motivators for students.
  • One of the major challenges for MOOCs—which so far mostly come from U.S. universities—is to tailor the content of courses to a diverse worldwide audience with any number of combinations of language, educational, motivational, and cultural backgrounds. Critics fear the rise of big box education from only a few elite institutions in Western nations, and worry these may not fit the different learning styles in different nations.
1 - 20 of 47 Next › Last »
Showing 20 items per page