Skip to main content

Home/ Web Development & Mobile App/ Group items tagged usability

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Richard Boss

Top Responsive Web Design Frameworks - 0 views

www.weblineindia.com/...sponsive-web-design-frameworks

Best web design frameworks Framework web design responsive web design Responsive web design framework web design Web design framework

shared by Richard Boss on 26 May 14 - No Cached
  • Richard Boss on 26 May 14
     
    In this article we will share some best and most popular web design frameworks which are very much in demand due to their usability and features
Vernon Fowler

Minimize Cognitive Load to Maximize Usability | Nielsen Norman Group - 0 views

www.nngroup.com/...minimize-cognitive-load

usability UX webdesign

shared by Vernon Fowler on 28 Jan 14 - No Cached
  • Avoid visual clutter: redundant links
  • Vernon Fowler on 28 Jan 14
     
    "Summary: The total cognitive load, or amount of mental processing power needed to use your site, affects how easily users find content and complete tasks."
moontechnolabs

Finding For Swift App Development Company in USA & India - Moontechnolabs.com - 2 views

www.moontechnolabs.com/swift-app-development

Swift Development Swift Application Swift App Development Swift For App Development App Development With Swift ios App Development in Swift ios App Development with Swift Swift Mobile App Development Swift App Development Services Swift App Development Co

shared by moontechnolabs on 31 May 18 - No Cached
  • moontechnolabs on 31 May 18
     
    Are you finding for swift app development company in USA & India? Go to Mooontechnolabs.com. They provide Swift web and mobile app development service is well beyond adept with Swift which is new, fast, intuitive and powerful to test these apps for their usability, operationality, performance, compatibility and functionality to give your business an extra edge. To know more info, visit their website.
Vernon Fowler

University Websites: Top 10 Design Guidelines - 0 views

www.nngroup.com/...university-sites

university websites design guidelines user experience users journey webdesign UX web design

shared by Vernon Fowler on 28 Jan 14 - No Cached
  • 8. Follow the user journey: check the main tasks for each of your audiences Identify the top tasks that you want your users to accomplish and follow the path that they have to take to get there. See if and when they have to leave the global site. See if they are bounced from one office to another in search of a form or procedure. Keep your eyes open. Because university sites are so often large, with each department or office owning its own page and information, it’s common to find duplicate, contradictory, missing, or incomplete information. Follow the journey, starting at different entry points, and see what you learn. If you’re already using personas, test them out. Better yet, do some quick user testing. (Testing doesn’t have to be expensive. And, by testing with just 5 users, you can uncover 85% of the issues).
Vernon Fowler

Web Typography: Using The Golden Ratio and REM's - Greg Rickaby - 0 views

gregrickaby.com/sing-the-golden-ratio-and-rems

typography webdesign tools calculator usability css font REM responsive

shared by Vernon Fowler on 01 Feb 14 - No Cached
  • First you need to set a default “root” font-size variable: html { font-size: 62.5% } Why 62.5% instead of 100%? Simplicity. Our default font is now 10px, which makes math easier. Now, 1.0rem = 10px. This becomes our $rembase.
  • Now your fonts will scale perfectly during a browser re-size (if using responsive design), or if a user were to zoom in or out.
  • What’s so awesome about the unitless line height? You only have to specify it once in the <body> tag. Now, ALL other line height(s) are relative to the parent font-size. That’s too easy! (Of course, you can still specify your own to maintain complete control.)
    • Vernon Fowler
      Vernon Fowler on 01 Feb 14
       
      Shouldn't line-height also be refined whenever the container width changes?
  • ...5 more annotations...
  • Margins, or “vertical spacing” is calculated using either 24px or 48px to maintain vertical rhythm.
    • Vernon Fowler
      Vernon Fowler on 01 Feb 14
       
      Where does the mystical value of 24px or 48px for vertical spacing margins come from?
  • By declaring REM’s after PX’s in the CSS this example  will degrade gracefully to the PX:
  • Line-height: 24px; for the win, you you stay right in the baseline ( until you start using a border bottom it throws it off by a pixel :p )
  • setting the root font size to 62.5% is a brilliant little trick
  • One note on the comment regarding vertical rhythm. I believe the 24px and 48px is dependent on your line-height. In your examples, you are using a line-height of 26px so I think the values should be 26px and 52px to maintain that rhythm.
Vernon Fowler

TYPOGRAPHY: Alignment - 0 views

webstyleguide.com/...align.html

typography alignment headings webdesign reading usability

shared by Vernon Fowler on 18 Feb 14 - No Cached
  • Centered and right-justified text blocks are difficult to read.
  • We read from left to right, anchoring our tracking across the page at the vertical line of the left margin.
  • The ragged left margins produced by centering or right-justifying text make that scanning much harder, because your eye needs to search for the beginning of each new line.
  • ...1 more annotation...
  • Until typographic options for Web pages become more sophisticated, we recommend that you use left-justified text blocks and headlines as the best solution for most layout situations.
mesbah095

Guest Post Online - 0 views

guestpostonline.com

webdesign CSS UX tools usability typography markup html responsive web design

shared by mesbah095 on 03 Apr 14 - No Cached
  • mesbah095 on 03 Apr 14
     
    Article Writing & Guestpost You Can Join this Site for Your Article & guest post, Just Easy way to join this site & total free Article site. This site article post to totally free Way. Guest Post & Article Post live to Life time only for Current & this time new User. http://guestpostonline.com
inkoniq

Apple iOS8 HealthKit: App trends to watch out for - 0 views

inkoniq.com/...it-app-trends-to-watch-out-for

webdesign UX tools usability web design responsive

shared by inkoniq on 04 Jun 14 - No Cached
  • inkoniq on 04 Jun 14
     
    To centralize everything, HealthKit allows health and fitness apps to tap into the central secure repository of vital health information.
Vernon Fowler

Don't Use The Placeholder Attribute - Smashing Magazine - 0 views

www.smashingmagazine.com/...placeholder-attribute

inclusive input formdesign aria forms inclusivedesign hint accessibility form html

shared by Vernon Fowler on 27 Jun 18 - No Cached
  • To recap, the placeholder attribute: Can’t be automatically translated; Is oftentimes used in place of a label, locking out assistive technology; Can hide important information when content is entered; Can be too light-colored to be legible; Has limited styling options; May look like pre-filled information and be skipped over.
  • Move the placeholder content above the input, but below the label:
  • Development Here’s how to translate our designed example to code:
  • ...4 more annotations...
  • aria-describedby ensures that the p content will be described last, after the label’s content and the kind of input it is associated with.
  • By using aria-describedby to programmatically associate the input with the p element, we are creating a priority of information for screen readers that has parity with what a person browsing without a screen reader would experience.
  • The floating label effect, a close cousin to this phenomenon, oftentimes utilizes the placeholder attribute in place of a label, as well.
  • Content hidden by an on-screen keyboard. 3rd party keyboards with larger heights may have a greater risk of blocking important content.
  • Vernon Fowler on 27 Jun 18
     
    Not only argues for not using the placeholder attribute but also describes an inclusive input hint and how to code it.
1 - 17 of 17
Showing 20▼ items per page