Skip to main content

Home/ centreforelearning/ Group items tagged web design

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.
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
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! 
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.
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? :)
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)
Eveleen Er

18 Time Saving Web Apps for CSS/Web Designers - Web Design Blog - DesignM.ag - 0 views

  • tools for not only designers, but graphics artists, CSS and HTML developers.
bernard tan

e-Fiesta2012 Mobilise : Learning on the go - 1 views

  •  
    The website for e-Fiesta2012 Mobilise : learning on the go if needed is here. please help to advertise. The website was created using responsive web theory practice This is one of the latest practice in web technology. It will response accordingly by detecting your devices, dimensions and orientation whether portrait or landscape,and determine the necessary information and interaction to be shown to the user. :) Take away multiple mobile sites, no more tedious updates! Design with cross-platform with users in mind ! mobilise now!
En En Koh

Sliders in Web Design : 45 Creative Examples - 2 views

  • Using slideshows or sliders within a web design is an effective method of highlighting your portfolio, projects, ecommerce products or even key site related messages and information. As the current slider trend dictates, they are typically found above the fold on the homepage.
  •  
    with the usage of fancy/attractive headers, it could capture the user's attention & span. the objective of any website is having users to stay or as long as possible and slider is a good tool. 
Kartini Ishak

Organization Tips For Web Designers - Smashing Magazine - 1 views

  • Organization 10
  • rs and neatly itemized lists are one way to stay organized, but they are merely tactics. T
  • It begins with where you want to end up.
  • ...7 more annotations...
  • e heart of organization is having a strategy. Being organized is simply a matter of using clearly defined and consistently implemented systems to get things done.
  • s and neatly itemized lists are one way to stay organized, but they are merely tactics.
  • s and neatly itemized lists are one way to stay organized, but they are merely tactics. T
  • What it means to be an organized person or run an organized business is commonly misunderstood. Many p
  • eople equate being organized with being fussy, which is not the case. Little labeled fold
  • Tips for Building Effective Routines
  • Ditch the Paper
  •  
    Get ORGANIZED-101. Useful organizational tips, not only for designers but everyone. 
Sally Loan

10 Resources for Higher Education Web Designers | EdTech Magazine - 1 views

  •  
    Exktra info for our MDs
Kartini Ishak

Design and education - CSS Wizardry-CSS, Web Standards, Typography, and Grids by Harry ... - 1 views

  • Forget uni, teach yourself, learn more, have fun.
  • Teach yourself at your own pace and learn what you want, when you want. Keep up to date, buy a few good books, get on Twitter, read articles and have a genuine passion and interest and you’ll do a better job than any university will do.
  • Design and education
  • ...1 more annotation...
  • a few questions on the relevance and importance of formal education (i.e. a university degree) in the design world.
bernard tan

Designing for the iPhone 4's Retina display - 2 views

  • The problem is amplified when saving for Retina, where there’s twice as many images, and the 1× images must match the 2× images precisely. The best solution I’ve come up with so far is: Build your design at 1×. Use copy merged to save all the 1× images. Duplicate the entire folder containing the 1× images. Use Automator to add @2x to all the filenames. Open each @2x image and run the Scale by 200% Photoshop action. This gives you a file with the correct filename and size, but upscaled content. Scale your main Photoshop design document by 200%. Use copy merged to paste the higher quality elements into each @2x document, turn off the lower quality layer, then save for web, overwriting the file.
  •  
    Preparing your graphics for iphone apps to take advantage of iphone 4 Retina display!!! Designers take note to prevent frustrations later on!!!
1 - 20 of 46 Next › Last »
Showing 20 items per page