Design considerations for mobile version of website

My company has just implemented a new version of our coporate website using Oracle Portal, and ADF. However we do not have comprehensive mobile support but it is required. From my research I've learned we should be using ADF mobile. However, the resources I have found have been geared more at developers and I work as a Business Analyst. Can you point me to online resources (white papers, tutorials etc.) that deal with requirements and design considerations for porting over to a mobile version?
Thanks in advance.

My apologies for lateness in checking this thread.
Here is an article I wrote that might help. Most of the paper is geared toward developer, but the first few sections talks about best practices for mobile browser app in general, not just for iPhone. http://www.oracle.com/technology/pub/articles/huang-iphone.html
You can also check out this link: http://www.orato cle.com/technology/tech/wireless/adf_mobile.html.
As for design consideration, a few rules of thumb:
- First, obviously use ADF Mobile and Trinidad components. We put a lot of effort in adding rendering support for different mobile devices.
- Next, figure out what devices you want to support. Browsers found in smartphones varies greatly, and in consumer/feature phones, the support is even less consistent. In general you should be able create one app/set of screens for all mobile devices, but you should plan on having ability to test it out on different devices.
- Determine what information is really needed by mobile user. Not all information available in desktop application may be applicable for mobile users
- Design your mobile screens based on a few key principals:
- Display data as user needs it, instead of trying to display everything. For example, instead of displaying master-detail data on the same screen, break it out into 2 screens. Master data may be a list, and user would click on a particular piece of data to look at the details of that master record.
- Provide navigation buttons on each screen, and ensure they are easy to get to on a page. For example, using the iPhone paradigm, there is a navigation bar at the top of the page where you can go between views.
- Place command buttons at location where it's easy for user to get to. For example, if you need to allow user to modify a long list of fields, you may want to place save button on top and button of the screen, so user can easily get to it without having to scroll around too much.
- Use style sheets to achieve mobile-platform optimized UI. For example, if you intend to support touch screen devices (iPHone, BB Storm, etc), then style your application so buttons, command links, etc, are big enough so it's easy to get to. For non-touch screen devices, then it's OK to compress the UI, but ensure user can easily flow between controls to get to the functionality they need. For example, using a trackball to scroll to a button.
Thanks,
Joe Huang

Similar Messages

  • Mobile version of website – not filling the screen

    I'm building a mobile version of a website and I want the site to be 221 pixels wide to fit nicely into a mobile device's screen. However, when the site is viewed from a cell phone, it comes up tiny and I have to zoom in to get it to fill the screen.
    Anyone know how to make it open zoomed in already?
    Here's a link to the site: http://www.lakesideinn.com/mobi/
    //Hanna

    This solution works great for iPhone but have noticed that it does not work for PC or Blackberry phones. The code I used to fit the page to the screen was "
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">"
    but it does not work on PC or Blackberry
    ~ Scott

  • Search picks up desktop version rather than mobile version of website on smartphone

    Hi
    ive ive recently added a mobile version of my muse website. However I've notiiced that when searching for a freelance creative artworker and selecting my site www.paulsutton-artwork.co.uk on my android phone, it's loading up the desktop version and not the mobile version?
    im confused!
    could anyone shed any light on this please.
    many thanks
    paul

    HI
    thanks for your reply, however I'm not clear on what you mean.
    ive typed in the domain name on my smartphone and it's bringing up the desktop version. I've checked again doing a search for Freelance Creative Artworker and when I see my URL I click on it but it's still bringing up desktop version.  The only time it brings up phone version is if I type www.paulsutton-artwork.co.uk/phone/index?
    id also like to add that as a test I published my site via bc. Strangely enough if I type in the bc URL on my phone it loads up the mobile site, so it appears to work on bc. So does this look like it's something to do with way files are being uploaded to be web host?  I've also read someone had a problem with a htaccess file?
    ive ive now tried uploading all files via FTP. Still the same result. I've notiiced that my phones URL is now showing www.paulsutton-artwork.co.uk/index.html?devicelock=desktop
    can someone please help me with this as I'm tearing my hair out!
    thanks again

  • Defaulting to mobile versions of websites

    Many websites seem to default to their mobile versions when accessing them from the ipad. Most then don't allow you to opt to access the full website...any ways to overcome this?
    Also for the past week 80% of the time when the yahoo website is clicked on it automatically defaults to some site called mediaplex, which is weird. This happen to anyone else, any possible reasons? Thanks.

    The iPad is not a netbook or a computer replacement. The iPad runs the iPhone OS, which is an optimized version of OS X, so the full Safari version available for a Mac and a Windows PC is not available with the iPad. Safari on the iPad is detected as a mobile version of Safari. Most of the websites I visit that redirect me to the mobile version for the website include an option - a link to view the full version of the website and when selected, this is saved as a cookie.

  • Mobile version of website is too small on the smart phone...

    I have made a computer and a mobile version of the site www.talerskolen.dk. Muse shows the mobile version on the mobile device but the size is wrong. Used the default 380 px mobile setup - and looks ok when previewed but not when viewed on the phone?

    There are some add-ons that can be used to change the zoom level on all sites, for example:
    * NoSquint - https://addons.mozilla.org/firefox/addon/nosquint
    * Default FullZoom Level - https://addons.mozilla.org/firefox/addon/default-fullzoom-level

  • Should I resize images for mobile version

    Should I create smaller versions of images I originally created for my desktop, for my mobile version, for faster rendering? I will obviously lose the accross platform editing, but gain faster rendering on mobile device.

    Phone layouts are smaller (by width and height) than desktop layouts, so you might want to proportionally resize the images to fit within the smaller phone pages as well. The actual page content is not added to the phone layout page thumbnail. That is intentional, to allow you to copy just the content you actually want into each page of a mobile layout. As you bring the content you want to add into each new page, you can resize it to fit within the smaller dimensions of the mobile screen.
    Thanks,
    Vinayak

  • How to prevent mobile version of website?

    I used to be able to view non mobile version of CNN
    on iPhone. Now, only m.cnn.com will load.
    Is there a way to prevent this? Other sites like fandango
    do the same.
    Thanks

    I received the same canned response from CNN. My concern is that they may be intentionally pushing the mobile version onto iPhone users for reasons beyond me. I say that because I've had access to the full version of the CNN home site since I bought the iPhone last June until (miraculously) this week. So that raises two questions...first, why now? Second, how hard could it be to provide the fix if I've had the full version for so long so far? I guess we will know their intentions over the next few weeks; it would be interesting to know how many others have recently been forced into the mobile version (and are now complaining). In the meantime, The New York Times offers the full version on the iPhone so they've now become my main source of news.

  • Problem with page size for mobile version

    the mobile version of the site is not full width and there is a gap in the right side . i set the page width size to 320 or 380 or 460 but the problem is there no matter of the page size.

    Hi
    Please refer to the suggestions mentioned in this thread :
    https://forums.adobe.com/message/6097977#6097977
    Thanks,
    Sanjit

  • Is anyone having issues with Windows 8 phones not loading mobile versions of websites?

    I was just wondering if anyone with a Windows phone is having problems loading the mobile site version of a Muse site when viewed on the phone? or if there is a known bug or incompatability?

    Hello, same issue for me.
    The site display whith the desktop version.

  • Question About what Azure Services I should be using for mobile app with website.

    Hello,
    I am wondering what Azure service would be best for my new application. I need to have an SQL database that I can connect to and modify from both a website and a mobile app preferably WP8 and Android. I was not really understanding whether I would need a
    mobile service or normal SQL database. Which should I use or am I completely off track?
    Thanks,
    Matthias

    Mobile Services uses SQL Database, nothing special on that SQL Database, its just like any other  "normal" SQL Database.
    Mobile Services provides "back-end services" that simplifies accessing SQL Database, Notification services, authentication, etc...
    Let's assume you don't use Mobile Services, to use SQL Database, you would need your app (both mobile and web) to connect to the database. In practice, you will not want to expose your SQL database directly, so you'd end-up writing some kind of a "facade"
    that your app will access instead of directly connecting to the database.
    Instead of writing that "facade", Mobile services provides that for you (you still have to write code though, but less than what you need to write if you're rolling your own).
    Both your web app and mobile apps can share the same SQL database (pay attention to the mobile service schema).
    To help you decide, ask yourself what other features will your mobile app require? Authentication? Notification? etc... are you prepared to write those on your own or use various libraries instead of one?

  • Just downloaded Mountain Lion and now Safari keeps directing me to mobile version of website

    For what ever reason this only happens when I go to one specific site (audiusa.com).  I have posted on an audi forum and I appear to be the only one having this issue.  Also, I can use the site correctly via google chrome on my Mac and PC.
    This leads me to believe that there is a Safari setting that I must be missing.  Any help is appreciated.
    TIA
    11" MacBook Air w/ OS X Mountain Lion

    This helped.  But for whatever reason, the "default" user agent keeps sending it to mobile site.  I changed the user agent to google (mac) and it works that way.

  • Design considerations for custom C223

    Hi all,
    I'm building a custom report using C223 as a base. I think I've determined that the struct mkal-expand is used to store the record set returned upon executing the transaction. I want to add a couple of fields to the struct by including another struct, which I define, in the mkal-expand struct. Is that a good aprroach for adding my fields to the report? Also, when I view the screen layout in design mode all of the fields which are displayed in the executed report are NOT displayed? Why...and would I add my fields in that case?
    regards,
    Mat

    Hi WalterLaan
    Thanks again for your assistance. I still think I might be better off drawing my own charts because I know that I have a bunch of unique stuff that I have to add to the charts (results of custom market analysis techniques)... e.g. if I have to draw custom annotations above (and/or between) the 5th and 10th bars on the chart, it will be easier for me to do this if I have drawn the bars myself (i.e. I'll know exactly where the bars are on the screen... to the pixel)... whereas there may be guesswork involved if I have to find the location on the screen of the 5th bar drawn by a third-partly library (unless they explicitly provide that in their API, to determine the x and y co-ordinates of a particular bar).... but even if they provide this, I may have to deal with the complexity of having to add a transparent pane above the chart element (or some other complexity) just so that I can go ahead and draw my own custom annotations to the chart.
    Again, for now I'm thinking I should just draw the charts myself... that doesn't sound too hard. The most important thing I needed to get my head around was the interactions between the data processing piece and the GUI components. I think you have laid out a pretty reasonable system for me in that regard... so thank you.
    Just a quick question.... Does repaint() have to be called from the Event Dispatch Thread? I'm thinking not because as far as I understand it just schedules a paint event. I think what you said made sense... just call repaint after each new piece of data is processed.
    Thanks for all your help
    Eddie

  • Design considerations for wrapping higher level process

    So Ive used workflow now on a few projects and have become comfortable building/coding with it.  Recently a discussion was started to design a new process to automate a part of the business Im in and there are several different departments, each with
    their own different functions and processes that they perform.  During this discussion, the thought came to me - why stop with just the "small" picture where I was using WF to contain and execute business rules, but also wrap the higher level
    abstractions also.
    For example, a department performs steps A, B and C.  Each step might have some branching in it (if/then etc).  Its only the "steps Im using workflow currently.
    Above the department, there is another layer, lets call it "group".  There would be several different groups, each with its own departments, some with the same name as other groups, but the internal structure might be different for a given
    department between groups.  So this means that if I modeled a department in one group, I cant assume I can reuse that department in another groups workflow.
    My main unknown however, is how would a user interact with a workflow that was this high level.  Abstracting higher levels, means users dont need to interact with or execute the whole workflow each time, only a part of it.  So am I looking at pausing/resuming
    the bigger workflow?  How can I "skip" to a certain stage or area of a workflow, bypassing the stuff that has already been done? 
    Correct me if Im wrong, but this seems to be where I need to look at bookmarks?  
    In my case, something similar to an order in a shopping cart is what would be the input type for the bigger workflow.  There are several different groups of users that have to set or add properties to associated objects (sql tables) related to the order
    before it can be marked "complete".
    How would you tie together a "wizard" type concept with workflow?  This seems to be the type of model we are considering.  A user takes an order a few steps, then another user from a different group/department adds some attributes and
    the workflow/wizard continues a few more levels down.  Finally, after all the rules have been matched and required data provided, the workflow can "finish".
    Hope my description seems clear.  

    My main unknown however, is how would a user interact with a workflow that was this high level.  Abstracting higher levels, means users dont need to interact with or execute the whole workflow each time, only a part of it.  So am I looking at pausing/resuming
    the bigger workflow?  How can I "skip" to a certain stage or area of a workflow, bypassing the stuff that has already been done? 
    If you want to skip to certain state or bypass what stuff that has been done, you need give logic judgment first. Bookmarks are the mechanism that enables an activity to passively wait for input without holding onto a workflow thread. When an activity signals
    that it is waiting for stimulus, it can create a bookmark. So bookmark is available for you during create this application.
    Here are some workflow applications, see:
    Workflow Application
    hope it helps.
    Regards,
    Angie
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Can I change the folder from "//phone" to "/phone" for mobile version upload?

    I created a phone version of my site yesterday. The host directory is identified as the root (i.e., "/").   When I tried to upload to FTP host, I get the following: "Error creating folder //phone. Click Resume to try again. If this problem persists, try again later."  GoDaddy says the problem may be that the folder is named "//phone" instead of "/phone".  Can I change this to try to fix?

    Can you try leaving the Host directory field empty and re-try uploading through the built-in FTP upload? Some hosting providers require you to upload your site to a specific folder on their server, so you may try entering an absolute path of the directory you want to upload to (with a / at the beginning).
    Alternatively, you can export the site as HTML <http://www.adobekb.com/getting_started_07.html#exportinghtml> and publish using a third party FTP client.
    Thanks,
    Vinayak

  • Design Considerations for a Repository Manager in a clustered environment

    Hi,
    I am currently building a repository manager for a backend document management system.  Our portal is installed in a load balanced clusterd environment and we are creating the following functionality in the repostiory manager -
      -  Browse content
      -  Read/Write document Metadata 
      -  Upload/download documentation
      -  Reserve/Unreserve documentation
      -  Search
    How will a clustered environment affect the implementation of the repository manager?  Would I need to check for a clustered installation in any kind of way in my code?  Currently I do not see why this would be necessary, but i'm not entirely sure and I need this manager to work in a clustered environment.
    I could see this as being an issue if we are caching information about the documents in the repository.  However, we are not.  We will only be caching user information which can be stored separately in a single cache on each server. 
    Thanks for your help,
    Scott

    Hi Scott!
    There might be two reasons for knowing whether other cluster nodes are running or not and for communicating with them:
    - synchronizing access to the backend
    - synchronizing caches
    If your repository manager must care for serialized access to the backend you will have to synchronize cluster-wide. You don't have to, if your backend can handle parallel access on its own (like a web-server).
    If you cache data in your repository and you want to update the caches of the repositories on the other cluster nodes (maybe because you don't get events for changed data from your backend), you must think of sending messages between cluster nodes. You don't have to, if you think that the expiration of your cache entries is shorter than the required timeliness of the data.
    Kind Regards, Dirk

Maybe you are looking for