Skip to main content

Home/ centreforelearning/ Group items tagged designers

Rss Feed Group items tagged

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

Don Norman's jnd.org / Designing the Infrastructure - 1 views

  • The infrastructure of our computer technology can be overwhelming. My computer's infrastructure gets more complex each year, and all this complexity requires attention. Upgrades and security modifications. The need to change passwords for many accounts, and the need to keep my list of passwords up to date, synchronized across all my computers. The need to reboot, defragment, do continual scans for viruses and malcontent software, the need to renew batteries and accounts. Backup files. It seems that every day I spend considerable time on the infrastructure. Because the ability to maintain infrastructure is seldom designed with care, each simple activity can become daunting. Each new device purchased requires installation, complete with registration, agreeing to unread but undoubtedly onerous legal conditions, and finding space and sockets for all the communication and power cable. Did I mention that these invariably require stopping all work, saving everything, and rebooting, after typing in a long, complex registration number? I should have.
  • Infrastructure is taken for granted. It is time it is given as much attention as the primary applications, else maintaining the infrastructure will itself become our primary activity.
  • It is time to work on infrastructure. It threatens to dominate our lives with ugliness, frustration, and work. We need to spend more time on the designs for infrastructure. We need to make it more attractive, more accessible, and easier to maintain. Infrastructure is intended to be hidden, to provide the foundation for everyday life. If we do not respond, it will dominate our lives, preventing us attending to our priory concerns and interests and instead, just keeping ahead of the maintenance demands.
  •  
    When I think about "infrastructure", I normally think about roads, wires, sewerage and so on. But how about educational technology and instructional design? From reading Don Norman's musings about infrastructure, I realized that if we want our technological implementations to be successfully adopted, very often it's essential to also consider the infrastructure needed to support our tech designs and implementations. Personally, I think infrastructure for education and instructional design need not always be physical things. They could be intangibles such as having to update a database, notify the relevant people in charge, call this person or that to come unlock the computer lab, etc. My mum's been a teacher for 40+ years. She's great. But she really hates the computer. Not because of the learning needed to use Microsoft Word. She's quite fine with it. But it's all the non-Microsoft Word things that she has to do - reboot, turn the computer on, manage the files, etc... - that makes her scream.  "It is time to work on infrastructure. It threatens to dominate our lives with ugliness, frustration, and work. We need to spend more time on the designs for infrastructure. We need to make it more attractive, more accessible, and easier to maintain. Infrastructure is intended to be hidden, to provide the foundation for everyday life. If we do not respond, it will dominate our lives, preventing us attending to our priory concerns and interests and instead, just keeping ahead of the maintenance demands." - Don Norman Food for thought: What are some underlying "infrastructure" (tangible and intangible) that I may encounter in an educational technology project? Are there existing infrastructure that I can take advantage of to minimize time and $? How can we minimize the amount of infrastructure maintenance needed?
yeuann

From Google Ventures: 4 Steps For Combining The Hacker Way With Design Thinking | Co.De... - 1 views

  • the team has only five members. Sprints help squeeze a maximum amount of design education into a necessarily short amount of time.
  • 1. Forced Constraints
  • 2. Separate Processes for Pinpointing Problems and Solutions
  • ...2 more annotations...
  • 3. Story Boarding The User Experience
  • 4. Independence
  •  
    The concept of "design sprints" (as pioneered by Google Ventures) - short, very focused and very well-structured group discussions - may be very useful for our teams in generating practical but creative solutions to problems, whether you're an ID, ET, MD or even MP.
  •  
    Let me know if you want me to contribute in step 1: forced constraints!
  •  
    Haha! That might help ;)
Ashley Tan

When Designing eLearning, Remember the "Inner Child" by Jon Duggan : Learning Solutions... - 1 views

  •  
    "Designing meaningful and engaging lessons (for any form of delivery, including eLearning) is a task that every good instructional designer seeks to master. Teaching lower-school students is a privilege that quickly makes you realize that the approach you take when conveying an idea is just as important as the idea itself. An approach that I have found most successful is threefold: Be clear and concise Use visuals Excite the imagination. Since migrating over to the "adult learning" spectrum, I've found this strategy to be just as applicable."
Sally Loan

10 Awesome Font and Typography Resources for Web Designers | Vandelay Design Blog http:... - 0 views

  •  
    10 Awesome Font and Typography Resources for Web Designers | Vandelay Design Blog http://t.co/UwQ1Io8wKo
Ashley Tan

Book Review: Design for How People Learn, by Julie Dirksen by Clark N. Quinn : Learning... - 0 views

  •  
    For IDs. The book focuses on a very practical approach to designing learning, drawing upon what we know about how our brain works, and then applying it. And, most importantly, the book goes beyond the traditional ID paradigm about intro, concept, example, etc., and includes the emotional (motivational) side of the equation. Dirksen also (thankfully) points out the role of performance support, helping designers recognize that not every solution is a course.
rahim azhar

Clients From Hell - 0 views

shared by rahim azhar on 09 Jun 11 - Cached
rahim azhar liked it
  • Client: “The ‘V’ is too pointy.  Can we get a ‘V’ that isn’t pointy?”Me: “An un-pointy ‘V’ may start to look like a ‘U’…”Client: “We don’t want a ‘U’. We want a ‘V’ that doesn’t have a point.”
  •  
    For humor purposes. You guys may not realized this but some of you may sound like this…only designers understand it. Non designers who think they are designers….move a side! Let the big boys lead the way yo!
  •  
    click on the link to read more hilarious stories to understand the designers better. :)
bernard tan

User Expectations with Mobile Apps - 0 views

  •  
    mobile application design that developers should keep in mind: Users will not tolerate mobile apps that are perceived as slow to open or operate. Speed is even more important for apps than it is for websites on a computer. Users are often accessing these apps when they have only a few minutes of downtime, and so speed is paramount. Apps do not allow multi-tasking the way that browsers on a computer do, so users require instant gratification. Simplicity of functionality and organization are key to good mobile app design. Mobile apps should be linear in design-this is distinct from a typical website approach that offers multiple paths and options. Apps present you with menus, you do what you need to do, and you move out. Mobile app users do not want to be overwhelmed by too many choices and distractions when they are trying to access a feature. People want fewer choices in mobile, because if you put too many choices in mobile, users will give up.
  •  
    Nice read on mobile userability on the whole page. Advises and consideration into the UX experience before even jumping into development. one of the key to quality experience for our app users.
En En Koh

29 Simple yet Intuitive Mobile Web Designs - DesignM.ag - 0 views

  • There is no doubt mobile web has taken the world by storm. Even more people today are equipped with smartphones running on iOS or Android, both of which provide exceptional web browsing platforms. And this number is only expected to increase as the average population wages and growth rate expands. However the process of designing and coding a mobile template can be very tedious. I’m hoping to provide a creative outlet in this gallery of 29 intuitive mobile designs. These are websites rendered in mobile browsers which have specific templates in place for these devices. Check out my examples below if you’re in need of creative ideas for your own design.
  •  
    Really beautiful & inspiring! 
bernard tan

iPhone and iPad Design Templates and How to Use Them - 1 views

  •  
    Guidelines and resources for designing iPhone graphic elements
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.
yeuann

Instructional Design for Mobile Learning | Canvas Network - 2 views

  •  
    A free open course for those interested in exploring principles and pedagogies for designing mobile learning. Benji, Carolyn, Rachel, Fareed, would you guys be interested in this?
En En Koh

Responsive Web Design is Not the Future - 1 views

  •  
    Responsive web designs, on the other hand, are inherently complex because they are trying to support many viewing experiences without necessarily optimizing the experience for one particular device (or genre of devices). With a higher level of complexity comes a higher resource cost. With responsive web design, gone are the days of simple mock-ups in Photoshop and a designer's work is done.
wittyben

Free eLearning and Instructional Design Books - 1 views

  •  
    For IDs and other CeLebs who want to read about e-learning and instructional design, here's a bunch of free e-books.
wittyben

5 Visual Design Strategies that Promote Student Retention » Faculty eCommons - 0 views

  •  
    For IDs, MDs and VCDs who work on designing educational content, here's some tips for you to chew on.
yeuann

Google launches public beta of Web Designer, a free design tool for creating HTML5 ads ... - 1 views

  •  
    Sweet! Maybe our MDs can take a look at this? :)
Kartini Ishak

Designing for iPhone 4's Retina Display (Global Moxie) - 0 views

  • App Store Icon 512x512 (scaled down to 175x175 for display in the store)
  • Application Icon 114x114 (iPhone 4) 57x57 (older iPhones) 72x72 (iPad)
  • Spotlight Search Results and Settings Icon 58x58 (iPhone 4) 50x50 (Spotlight results for iPad) 29x29 (settings for iPad and older iPhones)
  • ...7 more annotations...
  • Document Icon This is a new icon type in iOS 4. It’s used if your app creates a custom document type. The iPad uses the document icon in two different sizes. 320x320 (iPad) 64x64 (iPad) 44x58 (iPhone 4) 22x29 (older iPhones)
  • “Do I really have to make two versions of my images? If I make a single high-resolution set, won’t iOS 4 scale them down on older devices?” Sorry, no, not automatically. While iOS 4 goes seamlessly in the other direction (scaling up low-res images for iPhone 4), it doesn’t work the other way. By default, it scales all images so that one pixel equals one point. That’s a great solution for making sure that old apps work correctly on the new phone, but it doesn’t help you go the other way ‘round.
  • Everything they say about it is true: at 320 ppi, the pixels are just plain invisible.
  • at 320 ppi
    • Kartini Ishak
       
      It should be 326 PPI
  • The new phone doubles the resolution to 640x960 pixels
  • the 3.5-inch screen was always 320x480 pixels
  • Conveniently enough, the iPhone screen is 320x480 points on both iPhone 4 and older models.
  •  
    The specifications for designing for iPhone 4's display. 
rahim azhar

Android Interaction Design Patterns | - 0 views

  • This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
  • This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
Ashley Tan

Instructional & Multimedia Designin Angry Birds - 7 views

Here were my preliminary thoughts on incorporating Angry Birds in education: http://ashleytan.wordpress.com/2011/06/11/angry-birds-for-learning/

apps mobile iphone ipad learning

1 - 20 of 221 Next › Last »
Showing 20 items per page